PageSourceSearch

https://www.joeskc.com/

html joeskc.com collected 2026-10-02 02:43:40 UTC 852,356 bytes, 14,316 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/">
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      Joe&#39;s Kansas City BBQ - World Famous Barbecue
13 &ndash; SendJoesKCBBQ</title>
14      
14<script type="application/ld+json">
15        {
16          "@context": "http://schema.org",
17          "@type": "OnlineStore",
18          "name": "Joe's Kansas city Bar-B-Que",
19          "description": "",
20          
21          "telephone": "",
22          "address": [{
23            "@type": "PostalAddress",
24            "streetAddress": "3002 West 47th Avenue",
25            "addressLocality": "",
26            "addressRegion": "",
27            "postalCode": "",
28            "addressCountry": ""
29          },{
30            "streetAddress": "",
31            "addressLocality": "",
32            "addressRegion": "",
33            "postalCode": "",
34            "addressCountry": ""
35          }],
36          "email": ""
37        }
38      </script>
38
39      
39<script type="application/ld+json">
40        {
41          "@context": "https://schema.org",
42          "@type": "WebSite",
43          "name": "SendJoesKCBBQ",
44          "potentialAction": {
45            "@type": "SearchAction",
46            "target": "https://www.joeskc.com/search?q={search_term_string}",
47            "query-input": "required name=search_term_string"
48          },
49          "url": "https://www.joeskc.com"
50        }
51      </script>
51
52    
53    
54      <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.">
55    
56    <link href="//www.joeskc.com/cdn/shop/t/80/assets/theme.css?v=23787051409108878181785482773" rel="stylesheet" type="text/css" media="all" />
57    
58    
59    <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'">
60    <noscript>
61      <link rel="stylesheet" href="//www.joeskc.com/cdn/shop/t/80/assets/secondary-css.css?v=124842348671814217191785247873">
62    </noscript>
63    <link rel="preload" href="//www.joeskc.com/cdn/shop/t/80/assets/theme-md.css?v=73783615780051519011785247873" as="style" media="(min-width: 768px)">
64    <link rel="stylesheet" href="//www.joeskc.com/cdn/shop/t/80/assets/theme-md.css?v=73783615780051519011785247873" type="text/css" media="(min-width: 768px)">
65    <link rel="preload" href="//www.joeskc.com/cdn/shop/t/80/assets/theme-lg.css?v=35461467089789139181785247873" as="style" media="(min-width: 1024px)">
66    <link rel="stylesheet" href="//www.joeskc.com/cdn/shop/t/80/assets/theme-lg.css?v=35461467089789139181785247873" type="text/css" media="(min-width: 1024px)">
67    <link rel="preload" href="//www.joeskc.com/cdn/shop/t/80/assets/theme-xl.css?v=41831075581784254051785247873" as="style" media="(min-width: 1280px)">
68    <link rel="stylesheet" href="//www.joeskc.com/cdn/shop/t/80/assets/theme-xl.css?v=41831075581784254051785247873" type="text/css" media="(min-width: 1280px)">
69    
70    
71    
72<link rel="preload" href="//www.joeskc.com/cdn/fonts/aleo/aleo_n4.136670fa4cfe14df9f97954729b65c53d88b12be.woff2" as="font" type="font/woff2" crossorigin="anonymous" fetchpriority="high" />
73    
74    
75    
76
77<meta property="og:site_name" content="SendJoesKCBBQ">
78<meta property="og:url" content="https://www.joeskc.com/">
79<meta property="og:title" content="Joe&#39;s Kansas City BBQ - World Famous Barbecue">
80<meta property="og:type" content="website">
81<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">
82  <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">
83  <meta property="og:image:width" content="1000">
84  <meta property="og:image:height" content="1000"><meta name="twitter:site" content="@https://x.com/joeskc"><meta name="twitter:card" content="summary_large_image">
85<meta name="twitter:title" content="Joe&#39;s Kansas City BBQ - World Famous Barbecue">
86<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.">
87<style data-shopify>@font-face {
88  font-family: Aleo;
89  font-weight: 700;
90  font-style: normal;
91  font-display: swap;
92  src: url("//www.joeskc.com/cdn/fonts/aleo/aleo_n7.bb6a195ae8203890c5b6ffd628bee17104cc686d.woff2") format("woff2"),
93       url("//www.joeskc.com/cdn/fonts/aleo/aleo_n7.071af82e6c05ec82c5ab10eface7d1bae9723490.woff") format("woff");
94}
95
96  @font-face {
97  font-family: Aleo;
98  font-weight: 400;
99  font-style: normal;
100  font-display: swap;
101  src: url("//www.joeskc.com/cdn/fonts/aleo/aleo_n4.136670fa4cfe14df9f97954729b65c53d88b12be.woff2") format("woff2"),
102       url("//www.joeskc.com/cdn/fonts/aleo/aleo_n4.5d64991d1f526ac4e19640bbdebcbc191ef24ad0.woff") format("woff");
103}
104
105  @font-face {
106  font-family: Oswald;
107  font-weight: 400;
108  font-style: normal;
109  font-display: swap;
110  src: url("//www.joeskc.com/cdn/fonts/oswald/oswald_n4.7760ed7a63e536050f64bb0607ff70ce07a480bd.woff2") format("woff2"),
111       url("//www.joeskc.com/cdn/fonts/oswald/oswald_n4.ae5e497f60fc686568afe76e9ff1872693c533e9.woff") format("woff");
112}
113
114  @font-face {
115  font-family: Aleo;
116  font-weight: 600;
117  font-style: normal;
118  font-display: swap;
119  src: url("//www.joeskc.com/cdn/fonts/aleo/aleo_n6.ca9fe1a6a5d87bfc6fa1d3eba5708c6cbb930708.woff2") format("woff2"),
120       url("//www.joeskc.com/cdn/fonts/aleo/aleo_n6.cf70594e03c7b51a690ad9a94ac8de64550f5476.woff") format("woff");
121}
122
123  @font-face {
124  font-family: "Libre Bodoni";
125  font-weight: 600;
126  font-style: italic;
127  font-display: swap;
128  src: url("//www.joeskc.com/cdn/fonts/libre_bodoni/librebodoni_i6.1f20d8369ce8b99ca0d4bc581754ae66ea738849.woff2") format("woff2"),
129       url("//www.joeskc.com/cdn/fonts/libre_bodoni/librebodoni_i6.7bc65d08c38cec452607361f1b63e6a368606744.woff") format("woff");
130}
131
132
133  @font-face {
134  font-family: Aleo;
135  font-weight: 700;
136  font-style: normal;
137  font-display: swap;
138  src: url("//www.joeskc.com/cdn/fonts/aleo/aleo_n7.bb6a195ae8203890c5b6ffd628bee17104cc686d.woff2") format("woff2"),
139       url("//www.joeskc.com/cdn/fonts/aleo/aleo_n7.071af82e6c05ec82c5ab10eface7d1bae9723490.woff") format("woff");
140}
141
142  @font-face {
143  font-family: Aleo;
144  font-weight: 400;
145  font-style: italic;
146  font-display: swap;
147  src: url("//www.joeskc.com/cdn/fonts/aleo/aleo_i4.88a25861c09f2509923
147c34ba3366e47df60bc543.woff2") format("woff2"),
148       url("//www.joeskc.com/cdn/fonts/aleo/aleo_i4.7b233ab952f02df341ea5501e4220a671d323710.woff") format("woff");
149}
150
151  @font-face {
152  font-family: Aleo;
153  font-weight: 700;
154  font-style: italic;
155  font-display: swap;
156  src: url("//www.joeskc.com/cdn/fonts/aleo/aleo_i7.6db85f6e645c64d34d8e29efcc908fa9de7ecbca.woff2") format("woff2"),
157       url("//www.joeskc.com/cdn/fonts/aleo/aleo_i7.3a33fa5ea79edeaa5ef94d93d95ff1b74cc7781f.woff") format("woff");
158}
159
160  @font-face {
161  font-family: Oswald;
162  font-weight: 400;
163  font-style: normal;
164  font-display: swap;
165  src: url("//www.joeskc.com/cdn/fonts/oswald/oswald_n4.7760ed7a63e536050f64bb0607ff70ce07a480bd.woff2") format("woff2"),
166       url("//www.joeskc.com/cdn/fonts/oswald/oswald_n4.ae5e497f60fc686568afe76e9ff1872693c533e9.woff") format("woff");
167}
168
169</style>
170<style data-shopify>:root,
171  *:before {
172    --base-font-size: 0.875rem;
173    --font-size-medium-mobile: 0.9rem;
174    --font-size-medium: 1.0rem;
175    --font-size-small: 0.625rem;
176    --font-size-small-mobile: 0.5625rem;
177    --font-size-normal: 0.75rem;
178    --font-size-normal-mobile: 0.675rem;
179    --font-size-large: 1.25rem;
180    --font-size-large-mobile: 1.125rem;
181    --heading-highlight-font-size: 100%;
182    --h1-font-size: 3.825rem;
183    --h2-font-size: 2.25rem;
184    --h3-font-size: 1.35rem;
185    --h4-font-size: 1.2375rem;
186    --h5-font-size: 1.125rem;
187    --h6-font-size: 1.0125rem;
188    --base-font-size-mobile: 0.7875rem;
189    --h1-font-size-mobile: 1.9125rem;
190    --h2-font-size-mobile: 1.35rem;
191    --h3-font-size-mobile: 0.945rem;
192    --h4-font-size-mobile: 0.86625rem;
193    --h5-font-size-mobile: 0.7875rem;
194    --h6-font-size-mobile: 0.70875rem;
195    --rating-star-size: 0.7rem;
196    --border-radius: 100px;
197    --page-width: 1300px;
198    --width-countdown: 7.875rem;
199    --font-menu: Oswald, sans-serif;
200    --font-menu-weight: 400;
201    --font-menu-style: normal;
202    --font-button: Aleo, serif;
203    --font-button-weight: 600;
204    --font-button-style: normal;
205    --font-body-family: Aleo, serif;
206    --font-body-style: normal;
207    --font-body-weight: 400;
208    --font-heading-family: Aleo, serif;
209    --font-heading-highlight: "Libre Bodoni", serif;
210    --font-heading-highlight-style: italic;
211    --font-heading-highlight-weight: 600;
212    --font-heading-style: normal;
213    --font-heading-weight: 700;
214    --heading-text-tranform: none;
215    --advanced-sections-spacing: 0px;
216    --divider-spacing: -0;
217
218    --colors-pulse-speech: 251, 133, 0;
219    --image-treatment-overlay: 35, 31, 32;
220    --image-treatment-text: 255, 255, 255;
221    --colors-line-and-border: 255, 255, 255;
222    --colors-line-and-border-base: 255, 255, 255;
223    --colors-line-header: 127, 38, 41;
224    --colors-line-footer: 127, 38, 41;
225    --colors-background: 255, 255, 255;
226    --colors-text: 35, 31, 32;
227    --colors-text-base: 35, 31, 32;
228    --colors-heading: 35, 31, 32;
229    --colors-heading-base: 35, 31, 32;
230    --colors-background-secondary: 255, 255, 255;
231    --colors-text-secondary: 35, 31, 32;
232    --colors-heading-secondary: 35, 31, 32;
233    --colors-text-link: 127, 38, 41;
234    --background-color:  255, 255, 255;
235    --background-color-base:  255, 255, 255;
236    --background-color-header: 35, 31, 32;
237    --colors-text-header: 255, 255, 255;
238    --background-color-footer: 35, 31, 32;
239    --colors-text-footer: 255, 255, 255;
240    --colors-heading-footer: 255, 255, 255;
241    --colors-text-link-footer: 35, 31, 32;
242    --color-error: 35, 31, 32;
243    --color-success: 35, 31, 32;
244    --colors-price: 35, 31, 32;
245    --colors-price-sale: 35, 31, 32;
246    --colors-button-text: 255, 255, 255;
247    --colors-button: 127, 38, 41;
248    --colors-button-text-hover: 127, 38, 41;
249    --colors-secondary-button: 255, 255, 255;
250    --colors-button-hover: rgb(255, 255, 255);
251    --colors-cart: 127, 38, 41;
252    --colors-cart-text: 127, 38, 41;
253    --colors-icon-rating: 127, 38, 41;
254    --colors-transition-arrows: 36, 36, 36;
255    --color-highlight: rgb(127, 38, 41);
256    --background-pagination-slideshow: 32, 32, 32;
257    --text-color-pagination-slideshow: 255, 255, 255;
258    
259      --background-secondary-button: 127, 38, 41;
260      --colors-line-secondary-button: 127, 38, 41;
261    
262    
263      --button-width: 102%;
264      --button-height: 500%;
265      --button-transform: rotate3d(0,0,1,-10deg) translate3d(-130%,-10em,0);
266      --button-transform-origin: 100% 0%;
267    
268    
269      --height-parallax: 110%;
270    
271    
272      --image-zoom: 1.05;
273    
274    --card-product-bg: #ffffff;
275    --card-product-padding: 20px;
276    --card-product-padding-mobile: 5px;
277    --card-product-alignment: center;
278    
279    --width-scrollbar: 0;
280    --card-product-ratio: 100.0%;
281    --card-product-img-position:  absolute;
282    --card-product-img-height:  0;
283    --card-product-img-zoom:  scale(1.1);
284    --height-header: 0px;
285    --transition-card-loading: 600ms;
286    --transition-card-image-hover: 500ms;
287    --transition-slideshow: 600ms;
288    --transition-image-hover: 600ms;
289  }
290  .dark,
291  .dark *:before {
292    --image-treatment-overlay: 32, 32, 32;
293    --image-treatment-text: 255, 255, 255;
294    --colors-line-and-border: 94, 94, 94;
295    --colors-line-and-border-base: 94, 94, 94;
296    --colors-line-header: 94, 94, 94;
297    --colors-line-footer: 82, 80, 81;
298    --colors-background: 32, 32, 32;
299    --colors-text: 35, 31, 32;
300    --colors-text-base: 35, 31, 32;
301    --colors-heading: 255, 255, 255;
302    --colors-heading-base: 255, 255, 255;
303    --background-color: 32, 32, 32;
304    --background-color-base: 32, 32, 32;
305    --colors-text-link: 127, 38, 41;
306    --color-error: 255, 88, 88;
307    --color-success: 66, 162, 70;
308    --background-color-header: 32, 32, 32;
309    --colors-text-header: 137, 137, 137;
310    --background-color-footer: 41, 41, 41;
311    --colors-text-footer: 137, 137, 137;
312    --colors-heading-footer: 255, 255, 255;
313    --colors-text-link-footer: 107, 112, 80;
314    --colors-price: 195, 195, 195;
315    --colors-price-sale: 255, 88, 88;
316    --colors-button-text: 255, 255, 255;
317    --colors-button: 0, 0, 0;
318    --colors-button-text-hover: 36, 36, 36;
319    --colors-secondary-button: 255, 255, 255;
320    --colors-button-hover: rgb(255, 255, 255);
321    --colors-cart: 107, 112, 80;
322    --colors-cart-text: 255, 255, 255;
323    --colors-background-secondary: 58, 58, 58;
324    --colors-text-secondary: 255, 255, 255;
325    --colors-heading-secondary: 255, 255, 255;
326    --colors-icon-rating: 200, 184, 159;
327    --colors-pulse-speech: 251, 133, 0;
328    --colors-transition-arrows: 36, 36, 36;
329    --color-highlight: rgb(127, 38, 41);
330    
331      --background-secondary-button: transparent;
332      --colors-line-secondary-button: 255, 255, 255;
333    
334    --card-product-bg: rgba(0,0,0,0);
335  }
336  shopify-accelerated-checkout {
337    --shopify-accelerated-checkout-button-border-radius: 100px;
338  }
339  shopify-accelerated-checkout-cart {
340    --shopify-accelerated-checkout-button-border-radius: 100px;
341    --shopify-accelerated-checkout-inline-alignment: end;
342    --shopify-accelerated-checkout-button-block-size: 48px;
343    --shopify-accelerated-checkout-button-inline-size: 48px;
344  }
345  shopify-account {
346    --shopify-account-color-accent: rgba(var(--colors-button));
347    --shopify-account-color-accent-text: rgb(var(--colors-button-text));
348    --shopify-account-color-background: rgb(var(--background-color-base));
349    --shopify-account-color-background-subdued: rgba(var(--colors-text-base), .3);
350    --shopify-account-color-text-subdued: rgba(var(--colors-text-base), 1);
351    --shopify-account-radius-button-small: 9999px;
352    --shopify-account-color-control-text: rgba(var(--colors-text-base), 1);
353    --shopify-account-color-border: rgba(var(--colors-line-and-border-base), 1);
354    --shopify-account-color-control-background: rgb(var(--background-color-base));
355    --shopify-account-color-text: rgba(var(--colors-text-base), 1);
356    --shopify-account-color-text-subdued: rgba(var(--colors-text-base), 1);
357    --shopify-account-dialog-position-top: 30px;
358    --shopify-account-font-body: var(--font-body-family);
359    --shopify-account-font-body-weight: var(--font-body-weight);
360    --shopify-account-font-heading: var(--font-heading-family);
361    --shopify-account-font-heading-weight: var(--font-heading-weight);
362    --shopify-account-radius-base:  8px;
363    --shopify-account-radius-button: 100px;
364    --shopify-account-radius-dialog:  12px;
365    --shopify-account-radius-input:  8px;
366    --shopify-account-signed-in-avatar-color-background: rgba(var(--colors-text), 1);
367    --shopify-account-signed-in-avatar-color-text: rgb(var(--background-color));
368  }
369  
370    [role="button"],
371    [type="button"],
372    .button {
373      color: rgb(var(--colors-button-text-hover));
374    }
375    button.button-solid,
376    .button.button-solid {
377      border: none;
378      background-color: var(--colors-button-hover);
379    }
380    button.button-disable-effect,
381    .button.button-disable-effect {
382      color: rgba(var(--colors-button-text-hover));
383      background-color: var(--colors-button-hover);
384    }
385    .button-action {
386      border: none;
387      color: rgba(var(--colors-button-text-hover));
388      background-color: var(--colors-button-hover);
389    }
390  
391  .header, .header *::before {
392    --colors-text: var(--colors-text-header);
393    --colors-heading: var(--colors-text-header);
394    --colors-price: var(--colors-text-header);
395    --colors-line-and-border: var(--colors-line-header);
396  }
397  #sticky-header-content .divider {
398    --colors-line-and-border: var(--colors-line-header);
399  }
400  .paginate-slide-image {
401    background: rgba(var(--background-pagination-slideshow));
402    color: rgba(var(--text-color-pagination-slideshow));
403  }
404  body {
405    touch-action: manipulation;
406  }
407  @media (min-width: 1024px) {
408    .paginate-slide-image {
409      color: rgba(var(--text-color-pagination-slideshow));
410    }
411    .paginate-slide-image:hover {
412      color: rgba(var(--text-color-pagination-slideshow));
413    }
414  }
415
416  .section-quick-links,
417  .section-quick-links *::before,
418  .section-footer,
419  .section-footer *::before {
420    --colors-text: var(--colors-text-footer);
421    --colors-heading: var(--colors-heading-footer);
422    --colors-text-link: var(--colors-text-link-footer);
423    --colors-line-and-border: var(--colors-line-footer);
424  }
425  .sticky-header {
426    --font-body-weight: 700;
427  }
428
429  .scrollbar-horizontal {
430    position: relative;
431    -ms-overflow-style: none;
432  }
433  .scrollbar-horizontal::-webkit-scrollbar-track {
434    background-color: #ececec;
435  }
436  .scrollbar-horizontal::-webkit-scrollbar {
437    height: 3px;
438  }
439
440  .scrollbar-horizontal::-webkit-scrollbar-track {
441    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
442  }
443
444  .scrollbar-horizontal::-webkit-scrollbar-thumb {
445    visibility: visible;
446    background-color: #747474;
447  }
448
449  .scrollbar-horizontal::-webkit-scrollbar-thumb:hover {
450    background-color: #747474;
451  }
452  body.scrollbar-body::-webkit-scrollbar{
453    width: 5px;
454  }
455  .scrollbar-body::-webkit-scrollbar-track{
456    background: #ececec;
457  }
458  .scrollbar-horizontal {
459    position: relative;
460    -ms-overflow-style: none;
461  }
462  .scrollbar-horizontal::-webkit-scrollbar-track {
463    background-color: #ececec;
464  }
465  .scrollbar-horizontal::-webkit-scrollbar {
466    height: 3px;
467  }
468
469  .scrollbar-horizontal::-webkit-scrollbar-track {
470    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
471  }
472
473  .scrollbar-horizontal::-webkit-scrollbar-thumb {
474    visibility: visible;
475    background-color: #747474;
476  }
477
478  .scrollbar-horizontal::-webkit-scrollbar-thumb:hover {
479    background-color: #747474;
480  }
481  .scrollbar-body::-webkit-scrollbar{
482    width: 3px;
483  }
484  .scrollbar-body::-webkit-scrollbar-track{
485    background: #ececec;
486  }
487  .scrollbar-body.scrollbar-visible:active::-webkit-scrollbar-thumb,
488  .scrollbar-body.scrollbar-visible:focus::-webkit-scrollbar-thumb,
489  .scrollbar-body.scrollbar-visible:hover::-webkit-scrollbar-thumb {
490    background: #747474;
491    visibility: visible;
492  }
493  .scrollbar-body.scrollbar-visible::-webkit-scrollbar-track{
494    background: transparent;
495  }
496  .scrollbar-body.scrollbar-visible::-webkit-scrollbar-thumb{
497    background: transparent;
498    visibility: visible;
499  }
500  .scrollbar-body::-webkit-scrollbar-thumb{
501    background: #747474;
502  }
503  .animate-scroll-banner {
504    animation: scrollX var(--duration, 10s) linear infinite var(--play-state, running) var(--direction);
505  }
506  .padding-scrollbar, .padding-scrollbar-header {
507    padding-right: min(var(--width-scrollbar), 20px);
508  }
509  
510  
511  .des-block iframe {
512    width: 100%;
513    height: 100%;
514  }
515  .toggle-compare  + label span:first-child,
516  .toggle-compare:checked + label span:last-child {
517    display: block
518  }
519  .toggle-compare  + label span:last-child,
520  .toggle-compare:checked + label span:first-child {
521    display: none;
522  }
523  .card-product:not(.recommendations) {background: rgb(255, 255, 255);}
524  .dark .card-product:not(.recommendations) {background: transparent;}
525  .card-product:not(.recommendations) .card-info,
526  .card-product:not(.recommendations) .x-variants-data {
527    padding-left: 5px;
528    padding-right: 5px;
529  }
530  .card-product:not(.recommendations) .x-variants-separator::before {
531    content: var(--tw-content);
532    position: absolute;
533    width: calc(100% - 2 * 5px);
534    top: 0;
535    left: 0;
536    margin-left: 5px;
537    margin-right: 5px;
538  }
539  .card-product:not(.recommendations) .card-info .x-variants-data
540  {
541    padding-left: 0;
542    padding-right: 0;
543  }
544  .card-product:not(.recommendations) .card-info .x-variants-separator::before {
545    width: 100%;
546    margin-left: 0;
547    margin-right: 0;
548  }
549  .card-product-slideshow {background: rgb(255, 255, 255);
550    }
551  .dark .card-product-slideshow {
552      background: rgb(58, 58, 58);}
553  button.shopify-payment-button__more-options {
554    color: rgba(var(--colors-text));
555  }
556  .group-discount:before,.group-discount:after {
557    background-color: rgba(var(--colors-price-sale), 5%);
558    content: "";
559    position: absolute;
560    right: 100%;
561    height: 100%;
562    top: 0;
563    width: 1.25rem;
564  }
565  .shipping_insurance.group-discount:before,.shipping_insurance.group-discount:after {
566    background-color: rgb(var(--colors-background-secondary));
567  }
568  .group-discount:after {
569    left: 100%;
570    right: auto;
571  }
572  .card-product-list-atc {
573    padding-left: 5px;
574    padding-right: 5px;
575  }
576  .list-layout .card-product-list-atc {
577    padding-left: 0;
578    padding-right: 0;
579  }
580  @media (min-width: 768px){
581    .list-layout .card-product:not(.recommendations) {
582      padding-bottom: 0;
583    }
584    .list-layout .card-product:not(.recommendations) .card-info,
585    .list-layout .card-product:not(.recommendations) .x-variants-data{
586      padding-left: 0;
587      padding-right: 0;
588    }
589    .list-layout .card-product:not(.recommendations) .x-variants-separator::before {
590      width: 100%;
591      margin-left: 0;
592      margin-right: 0;
593    }
594    shopify-accelerated-checkout-cart {
595    --shopify-accelerated-checkout-button-block-size: 46px;
596    --shopify-accelerated-checkout-button-inline-size: 46px;
597  }
598  }
599  @media (min-width: 1024px){
600    .card-product-list-atc {
601      padding-left: 20px;
602      padding-right: 20px;
603    }
604    .group-discount:before,.group-discount:after {
605       width: 0;
606    }
607    .card-product:not(.recommendations) .card-info,
608    .card-product:not(.recommendations) .x-variants-data {
609      padding-left: 20px;
610      padding-right: 20px;
611    }
612    .card-product:not(.recommendations) .x-variants-separator::before {
613      width: calc(100% - 2 * 20px);
614      margin-left: 20px;
615      margin-right: 20px;
616    }
617    [role="button"],
618    [type="button"],
619    .button {
620      color: rgba(var(--colors-button-text));
621    }
622    button.button-solid,
623    .button.button-solid {
624      border: none;
625      box-shadow: none;
626      color: rgb(var(--colors-button-text));
627      background-color: rgba(var(--colors-button));
628      overflow: hidden;
629      background-origin: border-box;
630    }
631    button.button-solid:hover,
632    .button.button-solid:hover {
633      
634      transition-delay: 0.5s;
635      
636      transition-property: background-color;
637      background-color: var(--colors-button-hover);
638      color: rgba(var(--colors-button-text-hover));
639      background-origin: border-box;
640    }
641    .button-action {
642      border: none;
643      color: rgba(var(--colors-button-text-hover));
644      background-color: var(--colors-button-hover);
645    }
646    button.button-disable-effect,
647    .button.button-disable-effect {
648      color: rgb(var(--colors-button-text));
649      background-color: rgba(var(--colors-button));
650    }
651    button.button-disable-effect:hover,
652    .button.button-disable-effect:hover {
653      color: rgba(var(--colors-button-text-hover));
654      background-color: var(--colors-button-hover);
655    }
656    
657      button.button-solid:before,
658      .button.button-solid:before {
659        content: "";
660        z-index: -1;
661        position: absolute;
662        top: 0;
663        right: 0;
664        bottom: 0;
665        left: 0;
666        width: var(--button-width);
667        height: var(--button-height);
668        background-color: var(--colors-button-hover);
669        backface-visibility: hidden;
670        will-change: transform;
671        transform: var(--button-transform);
672        transform-origin: var(--button-transform-origin);
673        transition: transform 0.5s ease;
674      }
675      button.button-solid:hover:before,
676      .button.button-solid:hover:before {
677        transform: rotate3d(0,0,1,0) translateZ(0);
678      }
679    
680    
681  }
682  .inventory-low-stock-status {
683    
684      --stock-color: rgba(127, 38, 41);
685    
686      color: var(--stock-color);
687    }
688  .dark .inventory-low-stock-status {
689    
690      --stock-color: rgba(127, 38, 41);
691    
692  }
693  .inventory-in-stock-status {
694    
695      --stock-color: rgba(127, 38, 41);
696    
697      color: var(--stock-color);
698  }
699  .dark .inventory-in-stock-status {
700    
701      --stock-color: rgba(127, 38, 41);
702    
703  }
704  .inventory-out-of-stock-status {
705    
706      --stock-color: rgba(127, 38, 41);
707    
708      color: var(--stock-color);
709  }
710  .dark .inventory-out-of-stock-status {
711    
712      --stock-color: rgba(127, 38, 41);
713    
714  }
715  .inventory-status {
716    background-color: var(--stock-color);
717  }
718  .card-testimonial {background: #ffffff;
719    }
720  .dark .card-testimonial {
721      background: #3a3a3a;}
722  /* App Shopify Subscription */
723  .shopify_subscriptions_app_policy a {
724    position: relative;
725    margin-top: .5rem;
726    margin-bottom: .5rem;
727    color: rgba(var(--colors-text-link)) !important;
728    text-decoration-thickness: 1px;
729    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));
730    background-size: 100% 0.1em, 0 0.1em;
731    background-position: 100% 100%,100% 100%;
732    background-repeat: no-repeat;
733    transition: background-size 250ms;
734  }
735  .shopify_subscriptions_app_policy:after {
736    clear: both;
737    content: var(--tw-content);
738    display: block;
739  }
740  @media (min-width: 1024px) {
741    .shopify_subscriptions_app_policy a:hover {
742      background-size: 0 .1em, 100% .1em;
743      background-position: 100% 100%, 0% 100%;
744    }
745  }
746
747  /* Recurpay Subscription App */
748  #recurpay-account-widget {
749    margin-top: 1rem;
750  }
751
752  /* Seal Subscriptions */
753  .sls-widget-branding {
754    z-index: 20 !important;
755  }
756  .card .sealsubs-target-element, .card-product-fbt .sealsubs-target-element {
757    display: none !important;
758  }
759  .seal-portal-link a {
760    position: relative;
761    margin-top: .5rem;
762    margin-bottom: .5rem;
763    color: rgba(var(--colors-text-link)) !important;
764    text-decoration-thickness: 1px;
765    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));
766    background-size: 100% 0.1em, 0 0.1em;
767    background-position: 100% 100%,100% 100%;
768    background-repeat: no-repeat;
769    transition: background-size 250ms;
770  }
771  .seal-portal-link:after {
772    clear: both;
773    content: var(--tw-content);
774    display: block;
775  }
776  @media (min-width: 1024px) {
777    .seal-portal-link a:hover {
778      background-size: 0 .1em, 100% .1em;
779      background-position: 100% 100%, 0% 100%;
780    }
781  }
782  .x-card-title {
783    font-size: 0.9rem;
784    font-family: var(--font-heading-family);
785    font-weight: var(--font-heading-weight);
786  }
787  .x-card-price, .x-card-price-init {
788    font-size: 0.9rem;
789    font-family: var(--font-body-family);
790    font-weight: var(--font-body-weight);
791  }
792  @media (min-width: 768px) {
793    .x-card-title {
794      font-size: 1.0rem;
795    }
796    .x-card-price, .x-card-price-init {
797      font-size: 1.0rem;
798    }
799  }
800  .dbtap-overlay{
801    display: none
802  }
803  @media (max-width: 1024px) and (pointer: coarse) and (hover: none) {
804    .dbtap-overlay{
805      display: block
806    }
807  }
808  .swatch-count-small {
809    min-height: 28px;
810    min-width: 28px;
811  }
812  .swatch-count-medium {
813    min-height: 32px;
814    min-width: 32px;
815  }
816  .swatch-count-large {
817    min-height: 38px;
818    min-width: 38px;
819  }
820  .paginate-testimonial {
821    background: rgba(255, 255, 255, 0.2);
822  }
823  .dark .paginate-testimonial {
824    background: rgba(255, 255, 255, 0.2);
825  }</style><style data-shopify>
826  
827    /* Judge.me */
828      #judgeme_product_reviews .jdgm-rev-widg{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
829      .jdgm-rev-widg__header .jdgm-write-rev-link{margin-top:1.25rem;margin-bottom:1.25rem}
830      .jdgm-rev-widg__header .jdgm-rev-widg__sort-wrapper{margin-top:1.25rem;margin-bottom:1.25rem}
831      .jdgm-form-wrapper .jdgm-form__title{font-weight:500}
832      .jdgm-widget .jdgm-write-rev-link,
833      .jdgm-widget .jdgm-btn.jdgm-btn,
834      .jdgm-widget input[type=submit].jdgm-btn {
835        border-width: 1px;
836        font-family: var(--font-button);
837        font-weight: var(--font-button-weight);
838        font-style: var(--font-button-style);
839      }
840      .jdgm-paginate .jdgm-paginate__page {
841        padding: 12px;
842      }
843      .jdgm-widget .jdgm-btn--solid, input[type=submit].jdgm-btn--solid {
844        padding: 14px 20px;
845      }
846      .fera-testimonialCarousel-testimonial-body {
847        word-break: break-word;
848        padding-left:1.25rem;
849        padding-right:1.25rem;
850      }
851    /* end Judge.me */
852  
853div[data-block-handle="featured_carousel"] {
854      width: 100%;
855      direction: ltr;
856    }</style><style data-shopify>
857  .body-text-base-size {
858    font-size: 0.7875rem;
859  }
860  .text-pickup-availability {
861    font-size: 0.875rem;
862  }
863  .text-result-filter {
864    font-size: 0.9625rem;
865  }
866  .text-filter {
867    font-size: 0.70875rem;
868  }
869  .heading-text-base-h3 {
870    font-size: 1.125rem;
871  }
872  .heading-text-base-h2 {
873    font-size: 1.35rem;
874  }
875  .text-suggest-search {
876    font-size: 0.875rem;
877  }
878  .text-review-count {
879    font-size: 0.7rem;
880  }
881  @media (min-width: 768px) {
882    .body-text-base-size {
883      font-size: 0.875rem;
884    }
885    .text-pickup-availability {
886      font-size: 0.9625rem;
887    }
888    .text-filter {
889      font-size: 0.7875rem;
890    }
891    .heading-text-base-h3 {
892      font-size: 1.35rem;
893    }
894    .heading-text-base-h2 {
895      font-size: 2.25rem;
896    }
897    .text-suggest-search {
898      font-size: 1.0rem;
899    }
900  }
901</style>
902    
903    
903<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
903<meta name="google-site-verification" content="8OeBhMOTc6WOONNmOClnr69IeFytJTAWjMIUGZHIeJE">
904<meta name="google-site-verification" content="PHKldZEUoQkgj3xarbuYL7AftbkBefUyweo_Ktphi2w">
905<meta name="facebook-domain-verification" content="kr1hy7j1pwhdxw0zdkep378xah36zx">
906<meta name="facebook-domain-verification" content="93vzfxp3u1zdvamf2fedzml578mygs">
907<meta name="facebook-domain-verification" content="wcn3jfnrmfwc37hae4q63mrklt3a8j">
908<meta name="facebook-domain-verification" content="fgr221nleej3t8660jz5gidz40ef8o">
909<meta name="facebook-domain-verification" content="gusbmwp04zdntx96s49zb1y40e65m9">
910<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/8185843/digital_wallets/dialog">
911<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
911<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=746455107"></script>
vendor: 1 bytes, line 911
911
912<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 912
912
913<script>var Shopify = Shopify || {};
914Shopify.shop = "send-joes-bar-b-que.myshopify.com";
915Shopify.locale = "en";
916Shopify.currency = {"active":"USD","rate":"1.0"};
917Shopify.country = "US";
918Shopify.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"};
919Shopify.theme.handle = "null";
920Shopify.theme.style = {"id":null,"handle":null};
921Shopify.cdnHost = "www.joeskc.com/cdn";
922Shopify.routes = Shopify.routes || {};
923Shopify.routes.root = "/";
924Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
925Shopify.SignInWithShop = Shopify.SignInWithShop || {};
926Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
927Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 927
927
928<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 928
928
929<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 929
929
930<script>
931  window.Shopify = window.Shopify || {};
932  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
933  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
934  window.Shopify.SignInWithShop.eligible = true;
935</script>
vendor: 1 bytes, line 935
935
936<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 936
936
937<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 937
937
938<script type="module">
939  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
940
941  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
942
943</script>
vendor: 1 bytes, line 943
943
944<script>
945  window.Shopify = window.Shopify || {};
946  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
947  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"]};
948</script>
vendor: 1 bytes, line 948
948
949<script>(function() {
950  var isLoaded = false;
951  function asyncLoad() {
952    if (isLoaded) return;
953    isLoaded = true;
954    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"];
955    for (var i = 0; i < urls.length; i++) {
956      var s = document.createElement('script');
957      s.type = 'text/javascript';
958      s.async = true;
959      s.src = urls[i];
960      var x = document.getElementsByTagName('script')[0];
961      x.parentNode.insertBefore(s, x);
962    }
963  };
964  if(window.attachEvent) {
965    window.attachEvent('onload', asyncLoad);
966  } else {
967    window.addEventListener('load', asyncLoad, false);
968  }
969})();</script>
vendor: 1 bytes, line 969
969
970<script id="__st">var __st={"a":8185843,"offset":-18000,"reqid":"2ebe8d35-e2dd-4265-a617-b1415df77f9a-1790909019","pageurl":"www.joeskc.com\/","u":"0c0e7a458707","p":"home"};</script>
vendor: 1 bytes, line 970
970
971<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 971
971
972<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 972
972
973<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 973
973
974<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>
974<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 974
974
975<script>
976  window.Shopify = window.Shopify || {};
977  window.Shopify.MCP = window.Shopify.MCP || {};
978  window.Shopify.MCP.enabled = true;
979  window.Shopify.MCP.shop = "send-joes-bar-b-que.myshopify.com";
980  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.joeskc.com\/api\/mcp";
981  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"]}}];
982</script>
vendor: 1 bytes, line 982
982
983<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=");})();
984</script>
vendor: 1 bytes, line 984
984
985<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)}};
986</script>
vendor: 1 bytes, line 986
986
987<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
988  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);
989</script>
vendor: 1 bytes, line 989
989
990<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})}}));
991</script>
vendor: 1 bytes, line 991
991
992<script integrity="sha256-/LA1C2Bx6899fYCos0FS9qLj2opaGFm7AXrTUvBEb4s=" data-source-attribution="shopify.remote_product_tracking" data-shopify-remote-tracking="{&quot;session_id&quot;:&quot;01M3X7XXKW9BZGZJY2TTQWN4ND&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;collection&quot;,&quot;event_data&quot;:{&quot;handle&quot;:&quot;&quot;,&quot;page_type&quot;:&quot;home&quot;},&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>
992
993<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">
994<style id="shopify-accelerated-checkout-cart">
995        #shopify-buyer-consent {
996  margin-top: 1em;
997  display: inline-block;
998  width: 100%;
999}
1000
1001#shopify-buyer-consent.hidden {
1002  display: none;
1003}
1004
1005#shopify-subscription-policy-button {
1006  background: none;
1007  border: none;
1008  padding: 0;
1009  text-decoration: underline;
1010  font-size: inherit;
1011  cursor: pointer;
1012}
1013
1014#shopify-subscription-policy-button::before {
1015  box-shadow: none;
1016}
1017
1018      </style>
1019
1020<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1020
1021    
1022    <style>#powrIframeLoader{display:none !important;height:0 !important;}</style>
1023  <!-- BEGIN app block: shopify://apps/seo-manager-venntov/blocks/seomanager/c54c366f-d4bb-4d52-8d2f-dd61ce8e7e12 --><!-- BEGIN app snippet: SEOManager4 -->
1024<meta name='seomanager' content='4.0.5' /> 
1025
1026
1027<script>
1028	function sm_htmldecode(str) {
1029		var txt = document.createElement('textarea');
1030		txt.innerHTML = str;
1031		return txt.value;
1032	}
1033
1034	var venntov_title = sm_htmldecode("Joe’s Kansas City Bar-B-Que (BBQ) - Pick-Up, Catering, Delivery");
1035	var venntov_description = sm_htmldecode("The original gas station joint turned world-famous. Kansas City style BBQ - Ribs, brisket &amp; the Z-Man. Dine-in, catering, or delivery nationwide.");
1036	
1037	if (venntov_title != '') {
1038		document.title = venntov_title;	
1039	}
1040	else {
1041		document.title = "Joe&#39;s Kansas City BBQ - World Famous Barbecue";	
1042	}
1043
1044	if (document.querySelector('meta[name="description"]') == null) {
1045		var venntov_desc = document.createElement('meta');
1046		venntov_desc.name = "description";
1047		venntov_desc.content = venntov_description;
1048		var venntov_head = document.head;
1049		venntov_head.appendChild(venntov_desc);
1050	} else {
1051		document.querySelector('meta[name="description"]').setAttribute("content", venntov_description);
1052	}
1053</script>
1053
1054
1055<script>
1056	var venntov_robotVals = "index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1";
1057	if (venntov_robotVals !== "") {
1058		document.querySelectorAll("[name='robots']").forEach(e => e.remove());
1059		var venntov_robotMeta = document.createElement('meta');
1060		venntov_robotMeta.name = "robots";
1061		venntov_robotMeta.content = venntov_robotVals;
1062		var venntov_head = document.head;
1063		venntov_head.appendChild(venntov_robotMeta);
1064	}
1065</script>
1065
1066
1067<script>
1068	var venntov_googleVals = "";
1069	if (venntov_googleVals !== "") {
1070		document.querySelectorAll("[name='google']").forEach(e => e.remove());
1071		var venntov_googleMeta = document.createElement('meta');
1072		venntov_googleMeta.name = "google";
1073		venntov_googleMeta.content = venntov_googleVals;
1074		var venntov_head = document.head;
1075		venntov_head.appendChild(venntov_googleMeta);
1076	}
1077	</script>
1077
1078	<!-- JSON-LD support -->
1079			
1079<script type="application/ld+json">
1080			{
1081				"@context": "http://schema.org",
1082				"@type": "Organization",
1083				"name": "Joe's Kansas City Bar-B-Que",
1084				"url": "https://www.joeskc.com","logo": "https://customers.seomanager.com/knowledgegraph/logo/send-joes-bar-b-que_myshopify_com_logo.png?cache=8888"
1085						,"image": "https://customers.seomanager.com/knowledgegraph/logo/send-joes-bar-b-que_myshopify_com_logo.png?cache=8888","contactPoint": [{ 
1086						"@type": "ContactPoint",
1087						"telephone": "913-764-5637",
1088						"contactType": "customer service" 
1089					},{ 
1090						"@type": "ContactPoint",
1091						"telephone": "913-764-5637",
1092						"contactType": "technical support"
1093					},{ 
1094						"@type": "ContactPoint",
1095						"telephone": "913-764-5637",
1096						"contactType": "sales"
1097					}],"sameAs": ["http://facebook.com/joeskcbbq", "http://twitter.com/joeskc", "https://www.instagram.com/joeskc/", "https://pinterest.com/joeskc", "", "", "", ""]}
1098			</script>
1098
1099			
1099<script type="application/ld+json">
1100			{
1101				"@context": "https://schema.org",
1102				"@type": "Restaurant",
1103				"name": "SendJoesKCBBQ",
1104				"url": "https://www.joeskc.com",
1105				"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."
1106,"image": "https://customers.seomanager.com/knowledgegraph/logo/send-joes-bar-b-que_myshopify_com_logo.png?cache=8888","telephone": "913-722-3366","brand": {
1107						"@type": "Brand",
1108						"name": "Joe's Kansas City Bar-B-Que"
1109					},"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": {
1110					"@type": "GeoCoordinates",
1111					"latitude": "38.9115309",
1112					"longitude": "-94.7667087"
1113				}
1114				,"address": {
1115					"@type": "PostalAddress",
1116					"streetAddress": "3002 West 47th Street",
1117					"addressLocality": "Kansas City",
1118					"addressRegion": "Kansas",
1119					"postalCode": "66062",
1120					"addressCountry": "US"
1121				}
1122			}
1123			</script>
1123
1124			
1124<script type="application/ld+json">
1125			{
1126				"@context": "https://schema.org",
1127				"@type": "WebSite",
1128				"name": "Joe's Kansas City Bar-B-Que",
1129				"url": "www.joeskc.com",
1130				"potentialAction": {
1131					"@type": "SearchAction",
1132					"target": {
1133						"@type": "EntryPoint",
1134						"urlTemplate": "https://www.joeskc.com/search?q={search_term_string}"
1135					},
1136					"query-input": "required name=search_term_string"
1137				}
1138			}
1139			</script>
1139
1140
1141<!-- 524F4D20383A3331 --><!-- END app snippet -->
1142
1143<!-- END app block --><!-- BEGIN app block: shopify://apps/eg-auto-add-to-cart/blocks/app-embed/0f7d4f74-1e89-4820-aec4-6564d7e535d2 -->
1144
1145
1146
1147
1148
1149
1150
1151
1152
1153
1154
1155  
1156    
1156<script
1157      async
1158      type="text/javascript"
1159      src="https://cdn.506.io/eg/script.js?shop=send-joes-bar-b-que.myshopify.com&v=12"
1160    ></script>
1160
1161  
1162
1163
1164
1165  <meta id="easygift-shop" itemid="c2hvcF8kXzE3OTA5MDkwMTk=" 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}
1165\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;
1165dismissButtonText&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;}">
1166
1167
1168<script defer>
1169  (async function() {
1170    try {
1171
1172      const blockVersion = "v3"
1173      if (blockVersion != "v3") {
1174        return
1175      }
1176
1177      let metaErrorFlag = false;
1178      if (metaErrorFlag) {
1179        return
1180      }
1181
1182      // Parse metafields as JSON
1183      const metafields = {};
1184
1185      // Process metafields in JavaScript
1186      let savedRulesArray = [];
1187      for (const [key, value] of Object.entries(metafields)) {
1188        if (value) {
1189          for (const prop in value) {
1190            // avoiding Object.Keys for performance gain -- no need to make an array of keys.
1191            savedRulesArray.push(value);
1192            break;
1193          }
1194        }
1195      }
1196
1197      const metaTag = document.createElement('meta');
1198      metaTag.id = 'easygift-rules';
1199      metaTag.content = JSON.stringify(savedRulesArray);
1200      metaTag.setAttribute('itemid', 'cnVsZXNfJF8xNzkwOTA5MDE5');
1201
1202      document.head.appendChild(metaTag);
1203      } catch (err) {
1204        
1205      }
1206  })();
1207</script>
1207
1208
1209
1210  
1210<script
1211    type="text/javascript"
1212    defer
1213  >
1214
1215    (function () {
1216      try {
1217        window.EG_INFO = window.EG_INFO || {};
1218        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}
1218\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}
1218,"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"};
1219        var productRedirectionEnabled = shopInfo.settings.scriptSettings.productPageRedirection.enabled;
1220        if (["Unlimited", "Enterprise"].includes(shopInfo.subscriptionName) && productRedirectionEnabled) {
1221          var products = shopInfo.settings.scriptSettings.productPageRedirection.products;
1222          if (products.length > 0) {
1223            var productIds = products.map(function(prod) {
1224              var productGid = prod.id;
1225              var productIdNumber = parseInt(productGid.split('/').pop());
1226              return productIdNumber;
1227            });
1228            var productInfo = null;
1229            var isProductInList = productIds.includes(productInfo.id);
1230            if (isProductInList) {
1231              var redirectionURL = shopInfo.settings.scriptSettings.productPageRedirection.redirectionURL;
1232              if (redirectionURL) {
1233                window.location = redirectionURL;
1234              }
1235            }
1236          }
1237        }
1238
1239        
1240      } catch(err) {
1241      return
1242    }}
1242)()
1243  </script>
1243
1244
1245
1246
1247<!-- END app block --><!-- BEGIN app block: shopify://apps/minmaxify-order-limits/blocks/app-embed-block/3acfba32-89f3-4377-ae20-cbb9abc48475 -->
1247<script src="https://limits.minmaxify.com/limitsv2/send-joes-bar-b-que.myshopify.com?v=149&r=20260504170955" defer></script>
1247
1248
1249<!-- END app block --><!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core -->
1250
1251
1252
1253
1254
1255
1256
1257<link rel="dns-prefetch" href="https://cdn.judge.me">
1258<link rel="dns-prefetch" href="https://cdn1.judge.me">
1259<link rel="dns-prefetch" href="https://api.judge.me">
1260
1261<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
1261ou! 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
1261ast 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
1261itle":"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_
1261youtube_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"
1261:"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_
1261shop_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>
1261 <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 )}
1262</style> <style class='jdgm-settings-style'></style>
1263
1264  
1265  
1266  
1267  <style class='jdgm-miracle-styles'>
1268  @-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
1268/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}
1269
1270</style>
1271
1272
1273  
1274  
1275   
1276
1277
1278
1279
1280<script data-cfasync='false' class='jdgm-script'>
1281!function(e){window.jdgm=window.jdgm||{};
1282/* INF-1976 */
1283var _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;}();
1284if(_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;}
1285jdgm.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/",
1286jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)?
1287setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){
1288!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d),
1289(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!",
1290a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))},
1291jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest;
1292t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))},
1293t.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(
1294".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting?
1295parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"):
1296jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css")
1297)}))}(document);
1298</script>
1298
1299<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>
1300
1301<!-- BEGIN app snippet: theme_fix_tags -->
1301<script>
1302  (function() {
1303    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":""}};
1304    if (!jdgmThemeFixes) return;
1305
1306    // "All themes" fix: CSS and JS applied on every theme. CSS is injected
1307    // before the per-theme fix so the theme-specific CSS wins the cascade.
1308    // HTML is never applied globally (too risky).
1309    var allThemesFix = jdgmThemeFixes['all'];
1310    if (allThemesFix && allThemesFix.css) {
1311      var allStyleTag = document.createElement('style');
1312      allStyleTag.classList.add('jdgm-theme-fix-style-all');
1313      allStyleTag.innerHTML = allThemesFix.css;
1314      document.head.append(allStyleTag);
1315    };
1316
1317    if (allThemesFix && allThemesFix.js) {
1318      var allScriptTag = document.createElement('script');
1319      allScriptTag.classList.add('jdgm-theme-fix-script-all');
1320      allScriptTag.innerHTML = allThemesFix.js;
1321      document.head.append(allScriptTag);
1322    };
1323
1324    var thisThemeFix = jdgmThemeFixes[Shopify.theme.id];
1325    if (!thisThemeFix) return;
1326
1327    if (thisThemeFix.html) {
1328      document.addEventListener("DOMContentLoaded", function() {
1329        var htmlDiv = document.createElement('div');
1330        htmlDiv.classList.add('jdgm-theme-fix-html');
1331        htmlDiv.innerHTML = thisThemeFix.html;
1332        document.body.append(htmlDiv);
1333      });
1334    };
1335
1336    if (thisThemeFix.css) {
1337      var styleTag = document.createElement('style');
1338      styleTag.classList.add('jdgm-theme-fix-style');
1339      styleTag.innerHTML = thisThemeFix.css;
1340      document.head.append(styleTag);
1341    };
1342
1343    if (thisThemeFix.js) {
1344      var scriptTag = document.createElement('script');
1345      scriptTag.classList.add('jdgm-theme-fix-script');
1346      scriptTag.innerHTML = thisThemeFix.js;
1347      document.head.append(scriptTag);
1348    };
1349  })();
1350</script>
1350
1351<!-- END app snippet -->
1352<!-- End of Judge.me Core -->
1353
1354
1355
1356<!-- END app block -->
1356<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 1356
1356
1357<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 1357
1357
1358<script src="https://cdn.shopify.com/extensions/01a0f14c-14c3-7c54-8630-ec498be121ab/judgeme-770/assets/loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1358
1358
1359<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>
1359
1360<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1361<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: "index"};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 1361
1361
1362<script>
1363  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1364</script>
vendor: 1 bytes, line 1364
1364
1365<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}
1365).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"]}
1365,"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":[{"id":"7346021662787","handle":"digital-gift-card","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41989886476355","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1365,{"id":"1666759681","handle":"slaughterhouse-five","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41603127377987","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7143437729859","handle":"ribs-brisket-burnt-ends-copy","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41603156475971","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"1606464143427","handle":"all-the-meat","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41603167289411","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6770230132803","handle":"z-man-kit-brisket","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41603162669123","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"1666745281","handle":"ribs-3-meats","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41603175448643","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7644299395139","handle":"z-man-sandwich-kit-options-tester-1","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"67584708902979","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7366434586691","handle":"joes-trucker-hat-copy","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42073578602563","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4005392839","handle":"joes-kansas-city-bar-b-que-sauce-14-oz","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"13746208967","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7644832268355","handle":"night-of-the-living-bar-b-q-sauce-14-oz-copy","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43180090654787","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"3632509063","handle":"baked-beans-in-bbq-sauce-1-pint","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"10858570503","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"3632424519","handle":"dirty-rice-1-lb","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"10856134855","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7606535290947","handle":"smoked-poblano-cheesy-corn-1-lb","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43009318846531","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"2302535745","handle":"all-beef","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41603098902595","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"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":"3e847e49-273d-44fc-acca-1629d44a4136","pageType":"home","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\",{}]]"});})();</script>
1365<script>
1366  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1367  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1368  window.ShopifyAnalytics.meta.currency = 'USD';
1369  var meta = {"page":{"pageType":"home","requestId":"2ebe8d35-e2dd-4265-a617-b1415df77f9a-1790909019"}};
1370  for (var attr in meta) {
1371    window.ShopifyAnalytics.meta[attr] = meta[attr];
1372  }
1373</script>
vendor: 1 bytes, line 1373
1373
1374<script class="analytics">
1375  (function () {
1376    var customDocumentWrite = function(content) {
1377      var jquery = null;
1378
1379      if (window.jQuery) {
1380        jquery = window.jQuery;
1381      } else if (window.Checkout && window.Checkout.$) {
1382        jquery = window.Checkout.$;
1383      }
1384
1385      if (jquery) {
1386        jquery('body').append(content);
1387      }
1388    };
1389
1390    var hasLoggedConversion = function(token) {
1391      if (token) {
1392        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1393      }
1394      return false;
1395    }
1396
1397    var setCookieIfConversion = function(token) {
1398      if (token) {
1399        var twoMonthsFromNow = new Date(Date.now());
1400        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1401
1402        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1403      }
1404    }
1405
1406    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1407    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1408    if (trekkie.integrations) {
1409      return;
1410    }
1411    trekkie.methods = [
1412      'identify',
1413      'page',
1414      'ready',
1415      'track',
1416      'trackForm',
1417      'trackLink'
1418    ];
1419    trekkie.factory = function(method) {
1420      return function() {
1421        var args = Array.prototype.slice.call(arguments);
1422        args.unshift(method);
1423        trekkie.push(args);
1424        if (method == 'track' || method == 'page') {
1425          var pageUrl;
1426          try {
1427            pageUrl = window.location.href;
1428          } catch (e) {}
1429          var pageReferrer;
1430          try {
1431            pageReferrer = document.referrer;
1432          } catch (e) {}
1433          try {
1434            if (window.__TREKKIE_SHIM_QUEUE == null) {
1435              window.__TREKKIE_SHIM_QUEUE = [];
1436            }
1437            window.__TREKKIE_SHIM_QUEUE.push({
1438              from: 'trekkie-stub',
1439              method: method,
1440              args: args.slice(1),
1441              pageContext: {
1442                url: pageUrl,
1443                referrer: pageReferrer
1444              }
1445            });
1446          } catch (e) {
1447            // no-op
1448          }
1449        }
1450        return trekkie;
1451      };
1452    };
1453    for (var i = 0; i < trekkie.methods.length; i++) {
1454      var key = trekkie.methods[i];
1455      trekkie[key] = trekkie.factory(key);
1456    }
1457    trekkie.load = function(config) {
1458      trekkie.config = config || {};
1459      trekkie.config.initialDocumentCookie = document.cookie;
1460      var first = document.getElementsByTagName('script')[0];
1461var script = document.createElement('script');
1462script.type = 'text/javascript';
1463script.onerror = function(e) {
1464  var scriptFallback = document.createElement('script');
1465  scriptFallback.type = 'text/javascript';
1466  scriptFallback.onerror = function(error) {
1467          var Monorail = {
1468      produce: function produce(monorailDomain, schemaId, payload) {
1469        var currentMs = new Date().getTime();
1470        var event = {
1471          schema_id: schemaId,
1472          payload: payload,
1473          metadata: {
1474            event_created_at_ms: currentMs,
1475            event_sent_at_ms: currentMs
1476          }
1477        };
1478        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1479      },
1480      sendRequest: function sendRequest(endpointUrl, payload) {
1481        // Try the sendBeacon API
1482        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1483          var blobData = new window.Blob([payload], {
1484            type: 'text/plain'
1485          });
1486
1487          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1488            return true;
1489          } // sendBeacon was not successful
1490
1491        } // XHR beacon
1492
1493        var xhr = new XMLHttpRequest();
1494
1495        try {
1496          xhr.open('POST', endpointUrl);
1497          xhr.setRequestHeader('Content-Type', 'text/plain');
1498          xhr.send(payload);
1499        } catch (e) {
1500          console.log(e);
1501        }
1502
1503        return false;
1504      },
1505      isIos12: function isIos12() {
1506        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1507      }
1508    };
1509    Monorail.produce('monorail-edge.shopifysvc.com',
1510      'trekkie_storefront_load_errors/1.1',
1511      {shop_id: 8185843,
1512      theme_id: 145037918275,
1513      app_name: "storefront",
1514      context_url: window.location.href,
1515      source_url: "//www.joeskc.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1516
1517  };
1518  scriptFallback.async = true;
1519  scriptFallback.src = '//www.joeskc.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1520  first.parentNode.insertBefore(scriptFallback, first);
1521};
1522script.async = true;
1523script.src = '//www.joeskc.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1524first.parentNode.insertBefore(script, first);
1525
1526    };
1527    trekkie.load(
1528      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":8185843,"isMerchantRequest":null,"themeId":145037918275,"themeCityHash":"121510237
152871129374854","contentLanguage":"en","currency":"USD","eventMetadataId":"3e847e49-273d-44fc-acca-1629d44a4136"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1529    );
1530
1531    var loaded = false;
1532    trekkie.ready(function() {
1533      if (loaded) return;
1534      loaded = true;
1535
1536      window.ShopifyAnalytics.lib = window.trekkie;
1537
1538      var originalDocumentWrite = document.write;
1539      document.write = customDocumentWrite;
1540      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1541      document.write = originalDocumentWrite;
1542
1543      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1544      var token = match? match[1]: undefined;
1545      if (!hasLoggedConversion(token)) {
1546        setCookieIfConversion(token);
1547        
1548      }
1549    });
1550
1551    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"2ebe8d35-e2dd-4265-a617-b1415df77f9a-1790909019","shopifyEmitted":true});
1552
1553    var eventsListenerScript = document.createElement('script');
1554    eventsListenerScript.async = true;
1555    eventsListenerScript.src = "//www.joeskc.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1556    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1557})();</script>
1557
1558  
1558<script>
1559  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
1560    window.ga = function ga() {
1561      (window.ga.q = window.ga.q || []).push(arguments);
1562      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1563        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
1564      }
1565      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.");
1566    };
1567    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1568      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
1569    }
1570  }
1571</script>
vendor: 1 bytes, line 1571
1571
1572<script
1573  defer
1574  src="https://www.joeskc.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1575  data-application="storefront-renderer"
1576  data-shop-id="8185843"
1577  data-render-region="gcp-us-central1"
1578  data-page-type="index"
1579  data-theme-instance-id="145037918275"
1580  data-theme-name="Eurus"
1581  data-theme-version="10.1.0"
1582  data-monorail-region="shop_domain"
1583  data-resource-timing-sampling-rate="10"
1584  data-shs="true"
1585  data-shs-beacon="true"
1586  data-shs-export-with-fetch="true"
1587  data-shs-logs-sample-rate="1"
1588  data-shs-beacon-endpoint="https://www.joeskc.com/api/collect"
1589></script>
vendor: 1 bytes, line 1589
1589
1590<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
1590<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>
1590
1591<meta name="shopify-y" content="895862e7-a345-41a3-8ca0-de8f9c1a3271" data-expiration="1822466619000"><meta name="shopify-s" content="816e9114-b45a-4659-af74-f1d2f836a7c8" data-expiration="1790910819000"><meta name="new-cookie-storage-activated" content="t">
1592</head>
1593  <body 
1594    class="gradient scrollbar-body overflow-x-hidden body-text-base-size" 
1595    x-data
1596    :class="($store.xPopup.open || $store.xPopup.openVideoShopping) && 'overflow-hidden padding-scrollbar'" 
1597    
1598    x-intersect.once="$store.xPopup.setWidthScrollbar();"
1599  >
1599<script>
1600        window.addEventListener('DOMContentLoaded', (event) => {
1601          const transitionEl = document.getElementById('x-page-transition');
1602          transitionEl.style.opacity = '0';
1603          setTimeout(() => {
1604            transitionEl.remove();
1605          }, 1000); 
1606        });
1607      </script>
1607
1608      <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">
1609      <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">
1610        Skip to content
1611      </a>
1612      
1613      
1614          <!-- BEGIN sections: header-group-puff -->
1615<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>
1616  .custom-liquid ul {
1617    list-style: disc;
1618  }
1619  .section-padding-sections--19816061632579__custom_liquid_ijxgFw {
1620    padding-top: 0px;
1621    padding-bottom: 0px;
1622  }
1623  @media (min-width: 768px) { 
1624    .section-padding-sections--19816061632579__custom_liquid_ijxgFw {
1625      padding-top: 0px;
1626      padding-bottom: 0px;
1627    }
1628  }
1629</style>
1630
1631<div class="relative mr-auto ml-auto section-padding-sections--19816061632579__custom_liquid_ijxgFw">
1632  <div class="custom-liquid  x-pgw page-width">
1633    <style>
1634@media (min-width: 768px) {
1635  .section-header {
1636    z-index: 60;
1637  }
1638
1639  a.w-logo-header {
1640    width: 200px;
1641    position: relative;
1642    z-index: 60; /* Added so it stays in same stacking context as header */
1643  }
1644
1645  a.w-logo-header .header-logo {
1646    position: absolute;
1647    bottom: -69px;
1648    left: 20px;
1649    right: 20px;
1650    z-index: 61; /* Lowered from 110 so it can't cover overlays */
1651  }
1652}
1653</style>
1654  </div>
1655</div>
1656<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>
1657  @media (min-width: 1024px) {
1658    .announcement-bar-toolbar #localization_form button {
1659      padding-bottom: 0.375rem;
1660      padding-top: 0.375rem;
1661    }
1662    .announcement-bar-toolbar #localization_form ul {
1663      z-index: 100;
1664    }
1665    .announcement-bar-right .menu-position-left, 
1666    .announcement-bar-left .menu-position-left {
1667      padding-left: 1.25rem;
1668    }
1669    .announcement-bar-right .menu-position-right,
1670    .announcement-bar-left .menu-position-right {
1671      padding-right: 1.25rem;
1672    }
1673  }
1674  .announcement-bar-toolbar #localization_form > .localization-form-child {
1675    width: -moz-max-content;
1676    width: max-content;
1677  }
1678  .announcement-bar-toolbar .social-list a {
1679    height: 1.5rem;
1680    padding-top: 0.125rem;
1681    padding-right: 0.375rem;
1682    padding-left: 0.375rem;
1683    padding-bottom: 0.125rem;
1684    width: 30px;
1685  }
1686  .announcement-bar-toolbar.toolbar-align-left #selector-social {
1687    flex-direction: row-reverse;
1688  }
1689  .announcement-bar-toolbar .social-list {
1690    max-width: 200px;
1691  }
1692  @media (max-width: 767px) {
1693    .announcement-bar-toolbar .social-list {
1694      max-width: unset;
1695    }
1696  }
1697</style>
1698<style data-shopify>#shopify-section-sections--19816061632579__announcement-bar {
1699    contain: style;
1700  }
1701  #x-announcement-bar .arrow {
1702    background: transparent;
1703    border: 0;
1704    box-shadow: none;
1705    color: #e3a6a8;
1706  }
1707  .dark #x-announcement-bar .arrow {
1708    color: #ffffff;
1709  }
1710  .announcement-bar_container-sections--19816061632579__announcement-bar {
1711    
1712      background: #7f2629;
1713    
1714    
1715  }
1716  .dark .announcement-bar_container-sections--19816061632579__announcement-bar {
1717    
1718      background: #ffffff;
1719    
1720
1721      --colors-text-link: 127, 38, 41;
1722    
1723  }
1724  .announcement-bar_text {
1725    
1726      color: #e3a6a8;
1727      --colors-line-and-border: 227,166,168;
1728    
1729  }
1730  .dark .announcement-bar_text {
1731    
1732      color: #ffffff;
1733      --colors-line-and-border: 255,255,255;
1734    
1735  }
1736  
1737</style><div 
1738    id="x-announcement" 
1739    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"
1740    
1741  >
1742        
1743          <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">
1744            <div class="splide__track x-pgw page-width mr-auto ml-auto pl-0 pr-0">
1745              <div class="splide__list w-full flex  md:block">
1746<style data-shopify>.text--announcement_yFVPhV .width-countdown {
1747                      width: 9.45rem;
1748                    }.text--announcement_yFVPhV,
1749                      .btn--announcement_yFVPhV {
1750                        font-size: 0.945rem;
1751                      }
1752                      @media (min-width: 768px) {
1753                        .text--announcement_yFVPhV,
1754                        .btn--announcement_yFVPhV {
1755                          font-size: 1.05rem;
1756                        }
1757                      }.icon--announcement_yFVPhV {
1758                      width: 1.05rem;
1759                      height: 1.05rem;
1760                    }
1761                    .button.text_button_announ--announcement_yFVPhV {
1762                      
1763                        color: rgb(var(--colors-button-text-hover));
1764                      
1765                      
1766                        background: var(--colors-button-hover);
1767                      
1768                    }
1769                    .dark .button.text_button_announ--announcement_yFVPhV {
1770                      
1771                        color: rgb(var(--colors-button-text-hover));
1772                      
1773                      
1774                        background: var(--colors-button-hover);
1775                      
1776                    } 
1777                    @media(min-width: 768px){
1778                      .button.text_button_announ--announcement_yFVPhV {
1779                        
1780                          color: rgba(var(--colors-button-text-hover));
1781                        
1782                        
1783                          background: rgba(var(--colors-button));
1784                        
1785                      }
1786                      .dark .button.text_button_announ--announcement_yFVPhV {
1787                        
1788                          color: rgba(var(--colors-button-text-hover));
1789                        
1790                        
1791                          background: rgba(var(--colors-button));
1792                        
1793                      } 
1794                    }
1795                    .text-link-with-arrow--announcement_yFVPhV {
1796                      
1797                        color: rgb(var(--colors-text-link));
1798                      
1799                    }
1800                    .dark .text-link-with-arrow--announcement_yFVPhV {
1801                      
1802                        color: rgb(var(--colors-text-link));
1803                      
1804                    }
1805                    .hyperlink-circle-color--announcement_yFVPhV {
1806                      
1807                        background-color: rgba(var(--colors-text-link));
1808                      
1809                    }
1810                    .dark .hyperlink-circle-color--announcement_yFVPhV {
1811                      
1812                        background-color: rgba(var(--colors-button-text-hover));
1813                      
1814                    }</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
1815                        
1816                        class="flex items-center flex-wrap justify-center gap-x-3 gap-y-2 ltr">
1817                        
1818                        <div class="text--announcement_yFVPhV announcement-bar_text flex rtl:order-1">
1819
1820<p class="x-announcement-bar-block-data leading-[initial]">KANSAS CITY BAR-B-QUE MADE FAMOUS IN A GAS STATION</p></div></div></div>
1821                
1822</div>
1823            </div></div>
1824        
1825
1826
1827<style data-shopify>.announcement-bar-toolbar #localization_form button {
1828          font-size: 0.86625rem;
1829        }
1830        @media (min-width: 1025px){
1831          .announcement-bar-toolbar #localization_form button {
1832            font-size: 0.9625rem; 
1833          }
1834        }
1835        .announcement-bar-toolbar .locale-options {
1836          
1837            background: #7f2629;
1838          
1839        }
1840        .announcement-bar-toolbar .country-options {
1841          
1842            background: #7f2629;
1843          
1844          
1845            left: auto;
1846            right: 0;
1847          
1848        }
1849        .dark .announcement-bar-toolbar .locale-options {
1850          
1851            background: #ffffff;
1852          
1853        }
1854        .dark .announcement-bar-toolbar .country-options {
1855          
1856            background: #ffffff;
1857          
1858        }</style><div class="announcement-bar_text announcement-bar-toolbar toolbar-align-right rtl:toolbar-align-left hidden relative lg:flex items-center">
1859        
1860<div id="selector-social" class=" flex lg:items-center lg:justify-end relative pt-1.5 pb-1.5 mr-auto ml-auto">
1861    
1862      <ul class="social-list flex  flex-wrap opacity-70" role="list">
1863<li>
1864      <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">
1865      <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"/>
1866    </svg>
1867</a>
1868    </li><li>
1869      <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">
1870      <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"/>
1871    </svg>
1872</a>
1873    </li><li>
1874      <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">
1875      <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"/>
1876    </svg>
1877</a>
1878    </li></ul>
1879     </div>
1880      </div></div>
1881</div><div id="shopify-section-sections--19816061632579__header" class="shopify-section shopify-section-group-header-group-puff section-header z-50"><style data-shopify>
1882    #x-header-container {
1883      contain: style layout;
1884    }
1885  
1886  
1887    .back{
1888      position: absolute;
1889      top: 50%;
1890      left: 50%;
1891      white-space: nowrap;
1892      opacity: 0;
1893      transform: translate(-50%, -50%) translateY(100%) translateZ(0);
1894      transition-behavior: normal, normal;
1895      transition-duration: 0.6s, 0.6s;
1896      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1);
1897      transition-delay: 0s, 0s;
1898      transition-property: transform, opacity;
1899    }
1900    .front{
1901      transform: translateZ(0);
1902      transition-behavior: normal, normal;
1903      transition-duration: 0.6s, 0.6s;
1904      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1);
1905      transition-delay: 0s, 0s;
1906      transition-property: transform, opacity;
1907      border-bottom: 1px solid transparent;
1908    }
1909    .flip-container:hover .front{
1910      opacity: 0;
1911      transform: translateY(-100%) translateZ(0);
1912    }
1913    .flip-container:hover .back{
1914      opacity: 1;
1915      transform: translate(-50%, -50%) translateY(0%) translateZ(0);
1916      border-bottom: 1px solid rgba(var(--colors-text-link));
1917    }
1918  
1919  .w-logo-header {
1920    width: 150px;
1921    min-width: 150px;
1922  }
1923  @media(min-width: 768px) {
1924    .w-logo-header {
1925      width: 150px;
1926      min-width: 150px;
1927    }
1928  }
1929  
1930  
1931    .section-header.is-sticky {
1932      position: sticky;
1933      z-index: 50;
1934      top: var(--announcement-height);
1935    }
1936    .is-sticky #x-header-container:not(.on-scroll-up-animation) {
1937      box-shadow: 0 5px 15px rgba(var(--colors-text), .1);
1938    }
1939    #x-header-container {
1940      transform: translateY(0);
1941      transition: transform 0.4s ease-in-out 0.1s;
1942      will-change: transform;
1943    }
1944    #x-header-container.on-scroll-up-animation {
1945      transform: translateY(var(--header-sticky-transform));
1946    }
1947    .section-header:has(#x-header-container.on-scroll-up-animation) {
1948      pointer-events: none
1949    }
1950    
1951      @media (min-width: 768px) {
1952        .scroll-sticky-popup-cart {
1953          transform: translateY(0);
1954          transition: transform 0.4s ease-in-out 0.1s;
1955        }
1956        .section-header:has(#x-header-container.on-scroll-up-animation) .scroll-sticky-popup-cart {
1957          transform: translateY(var(--header-sticky-transform));
1958        }
1959      }
1960    
1961  
1962.logo-name {
1963    font-size: 1.125rem;
1964  }
1965  header {
1966    grid-template-areas: "drawer heading icons";
1967    
1968  }
1969  @media (min-width: 1024px) {
1970    header {
1971      grid-template-areas: "heading navigation icons" ". . .";
1972      grid-template-columns: auto 1fr auto;
1973    } 
1974    .logo-name {
1975      font-size: 2.25rem;
1976    }
1977    .pt-header {
1978      padding-top: 0px;
1979    }
1980    .pb-header {
1981      padding-bottom: 4px;
1982    }
1983  }
1984  .h-hamburger {
1985    height: var(--hamburger-menu-height);
1986  }
1987  @media (max-width: 1023px) {
1988    .section-padding-sections--19816061632579__header {
1989      padding-top: 4px;
1990      padding-bottom: 0px;
1991    }
1992  }</style><div x-show="$store.xHeaderMenu.overlay" 
1993  x-transition:enter="ease-in-out duration-300"
1994  x-transition:enter-start="opacity-0"
1995  x-transition:enter-end="opacity-100"
1996  x-transition:leave="transition-all ease-in-out duration-300"
1997  x-transition:leave-end="opacity-0"
1998  class="bg-[rgba(0,0,0,0.4)] hidden lg:flex fixed top-0 right-0 bottom-0 left-0" x-cloak></div>
1999<div
2000  id="x-header-container"
2001  class="relative text-[rgb(var(--colors-text-header))] background-header"
2002  
2003  
2004    data-is-sticky="true"
2005    data-section-index="3"
2006  
2007  x-init='() => {
2008    $store.xHeaderMenu.sectionId = "sections--19816061632579__header";
2009    $store.xHeaderMenu.mobileHeaderLayout = "center-left";
2010    $store.xHeaderMenu.initSticky($el, "on-scroll-up");
2011    
2012  }'
2013  
2014    :class="($store.xMiniCart.open || $store.xHeaderMenu.show) && 'z-[60]'"
2015  
2016  @click.away="$store.xHeaderMenu.openHamburgerMenu = false;"
2017  
2018>
2019  <div
2020    id="sticky-header-content"
2021    class="sticky-header-content background-header sticky-header-active z-20 w-full top-0
2022     header-full-width"
2023    :class="{ 'padding-scrollbar-header': $store.xHeaderMenu.isSticky && ($store.xPopup.open || $store.xPopup.openVideoShopping), 'static': $store.xHeaderMenu.overlay, 'relative': !$store.xHeaderMenu.overlay}"
2024    
2025  >
2026    <header 
2027      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 }"
2028      x-on:mouseleave="$store.xHeaderMenu.closeMenu()"
2029    >
2030      <div data-breakpoint="tablet" class="x-container-header-mobile-nav [grid-area:drawer] lg:hidden flex items-center w-full">
2031        
2032        
2033        <style data-shopify>
2034          
2035            .mobile-navigation-modern-icon-bg {
2036              background: rgba(var(--colors-line-header),1);
2037            }
2038          
2039        </style>
2040        <div 
2041          id="mobile-navigation"
2042          @click="setTimeout(() => { $store.xMobileNav.open() }, 0)"
2043          class="relative w-11 h-8 pt-2.5 pb-2.5 pl-3 pr-3 -left-3 rounded-full cursor-pointer "
2044        > 
2045          <div class=""><svg viewBox="0 0 400 280" xmlns="http://www.w3.org/2000/svg">
2046    <path fill="currentColor" fill-rule="evenodd" d="M0 0v40h400V0H0zm0 120v40h400v-40H0zm0 120v40h280v-40H0z"/>
2047  </svg>
2048</div>            
2049        </div>
2050      </div>
2051        <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]"
2052        >
2053      
2054        
2055
2056<div class="flex lg:mr-3 lg:pr-11">
2057  <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
2058        src="//www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=816"
2059        alt="Logo of Joe&#39;s Kansas City Bar-B-Que with a red border and white text"
2060        sizes="(min-width: 768px) 150px, 150px"
2061        srcset="//www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=50 50w,
2062          //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=100 100w,
2063          //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=150 150w,
2064          //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=200 200w,
2065          //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=250 250w,
2066          //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=300 300w,
2067          //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=400 400w,
2068          //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=500 500w,
2069          //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=600 600w"
2070        width="816"
2071        height="664"
2072        class="header-logo w-full block dark:hidden dark:absolute mr-auto ml-auto md:ml-0"
2073        loading="lazy"
2074      /></a>
2075</div>
2076</div>
2077      
2078      <div
2079        class="x-container-header-icons justify-end lg:order-4 [grid-area:icons] lg:[grid-area:auto] pb-header flex"
2080      >
2081        <div class="x-header-store-selector-container self-center md:block hidden md:mr-2.5 md:ml-3 empty:hidden"></div>
2082        
2083        
2084<style data-shopify>
2085            
2086          </style>
2087          <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');">
2088            <a 
2089              id="SearchOpen"
2090              href="/search" 
2091              aria-label="search"
2092              class="flex items-center cursor-pointer justify-center link focus-inset bg-none" 
2093              @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('SearchOpen'); }, 0)">
2094              <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;">
2095    <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"/>
2096  </svg>
2097</span>
2098            </a>
2099          </div><shopify-store store-domain="https://www.joeskc.com" country="US" language="en"></shopify-store>
2100<shopify-account class="header-icon-account hidden lg:flex relative items-center justify-center" menu="customer-account-main-menu">
2101            <div slot="signed-out-avatar">
2102              <span class="w-11 h-10 pl-3 pr-2.5 pt-2.5 pb-2 block">
2103                <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">
2104    <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"/>
2105  </svg>
2106
2107              </span>
2108            </div>
2109          </shopify-account><a 
2110            id="cart-icon"
2111            href="/cart"
2112            class="relative flex items-center header-icon-cart cursor-pointer"   
2113                       
2114              @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('cart-icon'); $store.xMiniCart.openCart(); }, 0)"
2115              :class="$store.xMiniCart.open && 'pointer-events-none'"
2116            
2117            aria-controls="CartDrawer"
2118            aria-expanded="false"
2119            aria-label="Cart Icon,0"
2120          >
2121            <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">
2122              <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">
2123    <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"/>
2124    <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"/>
2125  </svg>
2126              <div id="cart-icon-bubble" >
2127                <div 
2128                  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" 
2129                  data-value="0"
2130                >0</div>
2131              </div>
2132            </span>
2133          </a></div>
2134
2135      
2136
2137      
2138        
2139
2140<style data-shopify>
2141    .svg-highlight-sections--19816061632579__header {
2142      --color-highlight: #7f2629;
2143    }
2144    .dark .svg-highlight-sections--19816061632579__header {
2145      --color-highlight: rgb(127, 38, 41);
2146    }
2147  
2148  .x-icon-caret svg {
2149    color: var(--colors-text-header);
2150    --tw-rotate: 0deg;
2151    transform: rotate(var(--tw-rotate));
2152    transition: transform 0.5s ease 0.1s;
2153  }
2154  .is-focus .x-icon-caret svg {
2155      color: var(--colors-text-link);
2156      --tw-rotate: 180deg;
2157    }
2158</style><nav 
2159  x-on:click.away="$store.xHeaderMenu.closeMenu()"
2160  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]"
2161>
2162  <ul class="list-menu inline-flex flex-wrap gap-x-10 items-center"
2163  >
2164    
2165
2166<li
2167              id="tree_menu_FdPtda"
2168              class="tree-menu pl-0 relative has-dropdown"
2169              
2170                
2171                  @mouseover="$store.xHeaderMenu.openMenu(1, true); selectedMenu = true"
2172                  @focusin="$store.xHeaderMenu.openMenu(1, true); selectedMenu = true"
2173                
2174                :class="$store.xHeaderMenu.show === 1 && 'is-focus'"
2175              
2176            >
2177              <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 
2177is-focus:link-active" x-data='{ active: false }' 
2178                
2179                  
2180                    x-intersect.once="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, false, 1)"
2181                  
2182                
2183              >
2184                <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
2185                  <div class="relative x-anm">
2186                    <a
2187                      href="/pages/our-story"
2188                      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" 
2189                      
2190                    > 
2191                      
2192          
2193          
2194            
2195            
2196              OUR STORY
2197            
2198          
2199        
2200                    </a><a
2201                        href="/pages/our-story"
2202                        tabindex="-1"
2203                        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" 
2204                        
2205                      > 
2206                        
2207          
2208          
2209            
2210            
2211              OUR STORY
2212            
2213          
2214        
2215                      </a></div>
2216                </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;">
2217    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2218  </svg>
2219</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))]" >
2220                  <div class="tree-menu-nav" id="menu-1">
2221
2222<template x-if="!$store.xInit.runDispatch">
2223      <ul class="pt-5 pb-5">
2224        
2225<li  
2226            x-data="{ openSub: false }" 
2227            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2228            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2229            @mouseleave="$el.classList.remove('is-focus-child');"
2230            @mouseover.away="openSub = false"
2231            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2232            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2233          >
2234            <div class="flex tree-menu-item-container items-center">
2235              
2236              
2237              <span class="flex-1 menu-item-container rtl:text-end">
2238                <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">
2239                  
2240                  
2241                    
2242                    
2243                      <span class="p-break-words">Our Story</span>
2244                    
2245                  
2246</a>
2247              </span>
2248            </div></li><li  
2249            x-data="{ openSub: false }" 
2250            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2251            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2252            @mouseleave="$el.classList.remove('is-focus-child');"
2253            @mouseover.away="openSub = false"
2254            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2255            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2256          >
2257            <div class="flex tree-menu-item-container items-center pt-3">
2258              
2259              
2260              <span class="flex-1 menu-item-container rtl:text-end">
2261                <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">
2262                  
2263                  
2264                    
2265                    
2266                      <span class="p-break-words">We Ship BBQ</span>
2267                    
2268                  
2269</a>
2270              </span>
2271            </div></li><li  
2272            x-data="{ openSub: false }" 
2273            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2274            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2275            @mouseleave="$el.classList.remove('is-focus-child');"
2276            @mouseover.away="openSub = false"
2277            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2278            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2279          >
2280            <div class="flex tree-menu-item-container items-center pt-3">
2281              
2282              
2283              <span class="flex-1 menu-item-container rtl:text-end">
2284                <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">
2285                  
2286                  
2287                    
2288                    
2289                      <span class="p-break-words">The Legend of the Z-Man</span>
2290                    
2291                  
2292</a>
2293              </span>
2294            </div></li></ul>
2295    </template> </div>
2296                </div></li>
2297<li
2298              id="tree_menu_dXFfER"
2299              class="tree-menu pl-0 relative has-dropdown"
2300              
2301                
2302                  @mouseover="$store.xHeaderMenu.openMenu(2, true); selectedMenu = true"
2303                  @focusin="$store.xHeaderMenu.openMenu(2, true); selectedMenu = true"
2304                
2305                :class="$store.xHeaderMenu.show === 2 && 'is-focus'"
2306              
2307            >
2308              <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 }' 
2309                
2310                  
2311                    x-intersect.once="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, false, 2)"
2312                  
2313                
2314              >
2315                <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
2316                  <div class="relative x-anm">
2317                    <a
2318                      href="/pages/locations"
2319                      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" 
2320                      
2321                    > 
2322                      
2323          
2324          
2325            
2326            
2327              LOCATIONS
2328            
2329          
2330        
2331                    </a><a
2332                        href="/pages/locations"
2333                        tabindex="-1"
2334                        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" 
2335                        
2336                      > 
2337                        
2338          
2339          
2340            
2341            
2342              LOCATIONS
2343            
2344          
2345        
2346                      </a></div>
2347                </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;">
2348    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2349  </svg>
2350</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))]" >
2351                  <div class="tree-menu-nav" id="menu-2">
2352
2353<template x-if="!$store.xInit.runDispatch">
2354      <ul class="pt-5 pb-5">
2355        
2356<li  
2357            x-data="{ openSub: false }" 
2358            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2359            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2360            @mouseleave="$el.classList.remove('is-focus-child');"
2361            @mouseover.away="openSub = false"
2362            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2363            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2364          >
2365            <div class="flex tree-menu-item-container items-center">
2366              
2367              
2368              <span class="flex-1 menu-item-container rtl:text-end">
2369                <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">
2370                  
2371                  
2372                    
2373                    
2374                      <span class="p-break-words">The Original Gas Station Restaurant</span>
2375                    
2376                  
2377</a>
2378              </span>
2379            </div></li><li  
2380            x-data="{ openSub: false }" 
2381            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2382            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2383            @mouseleave="$el.classList.remove('is-focus-child');"
2384            @mouseover.away="openSub = false"
2385            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2386            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2387          >
2388            <div class="flex tree-menu-item-container items-center pt-3">
2389              
2390              
2391              <span class="flex-1 menu-item-container rtl:text-end">
2392                <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">
2393                  
2394                  
2395                    
2396                    
2397                      <span class="p-break-words">Joe&#39;s Kansas City - Olathe</span>
2398                    
2399                  
2400</a>
2401              </span>
2402            </div></li><li  
2403            x-data="{ openSub: false }" 
2404            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2405            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2406            @mouseleave="$el.classList.remove('is-focus-child');"
2407            @mouseover.away="openSub = false"
2408            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2409            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2410          >
2411            <div class="flex tree-menu-item-container items-center pt-3">
2412              
2413              
2414              <span class="flex-1 menu-item-container rtl:text-end">
2415                <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">
2416                  
2417                  
2418                    
2419                    
2420                      <span class="p-break-words">Joe&#39;s Kansas City - Leawood</span>
2421                    
2422                  
2423</a>
2424              </span>
2425            </div></li><li  
2426            x-data="{ openSub: false }" 
2427            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2428            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2429            @mouseleave="$el.classList.remove('is-focus-child');"
2430            @mouseover.away="openSub = false"
2431            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2432            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2433          >
2434            <div class="flex tree-menu-item-container items-center pt-3">
2435              
2436              
2437              <span class="flex-1 menu-item-container rtl:text-end">
2438                <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">
2439                  
2440                  
2441                    
2442                    
2443                      <span class="p-break-words">The 180 Room Event Space</span>
2444                    
2445                  
2446</a>
2447              </span>
2448            </div></li></ul>
2449    </template> </div>
2450                </div></li>
2451<li
2452              id="tree_menu_nGbaxp"
2453              class="tree-menu pl-0 relative has-dropdown"
2454              
2455                
2456                  @mouseover="$store.xHeaderMenu.openMenu(3, true); selectedMenu = true"
2457                  @focusin="$store.xHeaderMenu.openMenu(3, true); selectedMenu = true"
2458                
2459                :class="$store.xHeaderMenu.show === 3 && 'is-focus'"
2460              
2461            >
2462              <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 }' 
2463                
2464                  
2465                    x-intersect.once="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, false, 3)"
2466                  
2467                
2468              >
2469                <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
2470                  <div class="relative x-anm">
2471                    <a
2472                      href="#"
2473                      class="front cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link 
2473is-focus:link-active" 
2474                      
2475                    > 
2476                      
2477          
2478          
2479            
2480            
2481              MENUS
2482            
2483          
2484        
2485                    </a><a
2486                        href="#"
2487                        tabindex="-1"
2488                        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" 
2489                        
2490                      > 
2491                        
2492          
2493          
2494            
2495            
2496              MENUS
2497            
2498          
2499        
2500                      </a></div>
2501                </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;">
2502    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2503  </svg>
2504</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))]" >
2505                  <div class="tree-menu-nav" id="menu-3">
2506
2507<template x-if="!$store.xInit.runDispatch">
2508      <ul class="pt-5 pb-5">
2509        
2510<li  
2511            x-data="{ openSub: false }" 
2512            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2513            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2514            @mouseleave="$el.classList.remove('is-focus-child');"
2515            @mouseover.away="openSub = false"
2516            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2517            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2518          >
2519            <div class="flex tree-menu-item-container items-center">
2520              
2521              
2522              <span class="flex-1 menu-item-container rtl:text-end">
2523                <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">
2524                  
2525                  
2526                    
2527                    
2528                      <span class="p-break-words">Restaurant Menu</span>
2529                    
2530                  
2531</a>
2532              </span>
2533            </div></li><li  
2534            x-data="{ openSub: false }" 
2535            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2536            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2537            @mouseleave="$el.classList.remove('is-focus-child');"
2538            @mouseover.away="openSub = false"
2539            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2540            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2541          >
2542            <div class="flex tree-menu-item-container items-center pt-3">
2543              
2544              
2545              <span class="flex-1 menu-item-container rtl:text-end">
2546                <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">
2547                  
2548                  
2549                    
2550                    
2551                      <span class="p-break-words">The Party Planner</span>
2552                    
2553                  
2554</a>
2555              </span>
2556            </div></li><li  
2557            x-data="{ openSub: false }" 
2558            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2559            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2560            @mouseleave="$el.classList.remove('is-focus-child');"
2561            @mouseover.away="openSub = false"
2562            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2563            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2564          >
2565            <div class="flex tree-menu-item-container items-center pt-3">
2566              
2567              
2568              <span class="flex-1 menu-item-container rtl:text-end">
2569                <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">
2570                  
2571                  
2572                    
2573                    
2574                      <span class="p-break-words">Catering Menu</span>
2575                    
2576                  
2577</a>
2578              </span>
2579            </div></li><li  
2580            x-data="{ openSub: false }" 
2581            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2582            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2583            @mouseleave="$el.classList.remove('is-focus-child');"
2584            @mouseover.away="openSub = false"
2585            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2586            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2587          >
2588            <div class="flex tree-menu-item-container items-center pt-3">
2589              
2590              
2591              <span class="flex-1 menu-item-container rtl:text-end">
2592                <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">
2593                  
2594                  
2595                    
2596                    
2597                      <span class="p-break-words">Allergen Info</span>
2598                    
2599                  
2600</a>
2601              </span>
2602            </div></li><li  
2603            x-data="{ openSub: false }" 
2604            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2605            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2606            @mouseleave="$el.classList.remove('is-focus-child');"
2607            @mouseover.away="openSub = false"
2608            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2609            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2610          >
2611            <div class="flex tree-menu-item-container items-center pt-3">
2612              
2613              
2614              <span class="flex-1 menu-item-container rtl:text-end">
2615                <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">
2616                  
2617                  
2618                    
2619                    
2620                      <span class="p-break-words">Reheat Instructions</span>
2621                    
2622                  
2623</a>
2624              </span>
2625            </div></li></ul>
2626    </template> </div>
2627                </div></li>
2628<li class="simple_menu pl-0" 
2629                
2630                  @mouseover="$store.xHeaderMenu.openMenu(4);"
2631                  @focusin="$store.xHeaderMenu.openMenu(4)"
2632                  :class="$store.xHeaderMenu.show === 4 && 'is-focus'"
2633                
2634              >
2635                <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"
2636                  
2637                >
2638                  <div class="overflow-hidden pb-[1px] mg-blink flex items-center mr-2">
2639                    <div class="relative x-anm">
2640                      <a href="/pages/restaurant-allergen-information"
2641                        class="front cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 
2642                      >
2643                        
2644          
2645          
2646            
2647            
2648              ALLERGEN MENU
2649            
2650          
2651        
2652                      </a>
2653                      
2654                        <a href="/pages/restaurant-allergen-information"
2655                          tabindex="-1"
2656                          class="back cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 
2657                        >
2658                          
2659          
2660          
2661            
2662            
2663              ALLERGEN MENU
2664            
2665          
2666        
2667                        </a>
2668                      
2669                    </div>
2670                  </div></div></li>
2671<li x-data='{ selectedMenu: false, active: false }' 
2672                class="tabbed_menu tabbed_menu  pl-0 has-dropdown tabbed-animation-change"
2673                
2674                  
2675                    @mouseover="$store.xHeaderMenu.openMenu(5, true); selectedMenu = true"
2676                    @focusin="$store.xHeaderMenu.openMenu(5, true); selectedMenu = true"
2677                  
2678                  :class="$store.xHeaderMenu.show === 5 && 'is-focus'"
2679                
2680              >
2681                <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 
2681is-focus:link-active"
2682                  
2683                    
2684                      x-intersect.once="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, false, 5)"
2685                    
2686                  
2687                >
2688                  <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
2689                    <div class="relative x-anm">
2690                      <a href="/collections"
2691                        class="front cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 
2692                      >
2693                        
2694          
2695          
2696            
2697            
2698              
2699
2700
2701<span 
2702  class="highlight relative inline-block" 
2703  x-data="{ isIntersecting: false }" 
2704  x-intersect.once="isIntersecting = true"
2705  :class="isIntersecting && 'highlight-anm-start'"
2706>
2707  SHIP JOE'S
2708  
2709  
2710    <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">
2711      <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"/>
2712    </svg>
2713  
2714
2715</span>
2716            
2717          
2718        
2719                      </a>
2720                      
2721                        <a href="/collections"
2722                          tabindex="-1"
2723                          class="back cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 
2724                        >
2725                          
2726          
2727          
2728            
2729            
2730              
2731
2732
2733<span 
2734  class="highlight relative inline-block" 
2735  x-data="{ isIntersecting: false }" 
2736  x-intersect.once="isIntersecting = true"
2737  :class="isIntersecting && 'highlight-anm-start'"
2738>
2739  SHIP JOE'S
2740  
2741  
2742    <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">
2743      <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"/>
2744    </svg>
2745  
2746
2747</span>
2748            
2749          
2750        
2751                        </a>
2752                      
2753                    </div>
2754                  </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;">
2755    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2756  </svg>
2757</span></div>
2758
2759<template x-if="!$store.xInit.runDispatch">
2760        <div 
2761          :class="{ 'toggle-menu-hidden': $store.xHeaderMenu.show !== 5, 'toggle-menu-show': $store.xHeaderMenu.show === 5, 'active': $store.xHeaderMenu.initIndex.has(5) }" 
2762          id="menu-5" 
2763          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"
2764        >
2765          <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]">
2766            <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 {
2767                    background: #ce021e;
2768                    color: #ffffff;
2769                  }
2770                  .color-sub-label-tabbed_menu_i3nJmG:before{
2771                    border-top-color: #ce021e; 
2772                  }
2773                  .dark .color-sub-label-tabbed_menu_i3nJmG {
2774                    background: #ce021e;
2775                    color: #ffffff
2776                  }
2777                  .dark .color-sub-label-tabbed_menu_i3nJmG:before {
2778                    border-top-color: #ce021e;
2779                  }</style>
2780              
2781                
2782                <style data-shopify>
2783                  .grid-cols-tabbed_menu_i3nJmG {
2784                    grid-template-columns: auto 1fr;
2785                  }
2786                </style>
2787                <div class="mega-list-nav grid grid-cols-tabbed_menu_i3nJmG items-start w-full" x-refs="mega_nav"> 
2788                  <div class="md:max-h-[calc(80vh-3rem)] md:overflow-y-auto scrollbar-body flex flex-col w-72">
2789                    
2790<div 
2791                        class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]  border-t"
2792                        
2793                          x-intersect.once="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '1');"
2794                        
2795                        :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '1' && 'active'"
2796                        @mouseover="$dispatch('mouseover-tabbedmenui3njmg-1'); $el.classList.add('is-focus-child')"
2797                        @mouseleave="$el.classList.remove('is-focus-child')"
2798                        @focusin="$dispatch('focusin-tabbedmenui3njmg-1'); $el.classList.add('is-focus-child')"
2799                        @focusout="$el.classList.remove('is-focus-child')"
2800                      >
2801                        
2802                        
2803                        <span class="flex-1">
2804                          <a
2805                            href="/collections"
2806                            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"
2807                            @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true, 1)"
2808                          >
2809                            
2810                            
2811                            
2812                              
2813                              
2814                                <span class="p-break-words">Shop By Collection</span>
2815                              
2816                            
2817                            
2818<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">
2819                                <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2820    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2821  </svg>
2822
2823                              </span></a>
2824                        </span>
2825                      </div>
2826                      
2827                      
2828<div 
2829                        class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"
2830                        
2831                        :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '2' && 'active'"
2832                        @mouseover="$dispatch('mouseover-tabbedmenui3njmg-2'); $el.classList.add('is-focus-child')"
2833                        @mouseleave="$el.classList.remove('is-focus-child')"
2834                        @focusin="$dispatch('focusin-tabbedmenui3njmg-2'); $el.classList.add('is-focus-child')"
2835                        @focusout="$el.classList.remove('is-focus-child')"
2836                      >
2837                        
2838                        
2839                        <span class="flex-1">
2840                          <a
2841                            href="/collections/smoked-meats"
2842                            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"
2843                            @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true, 2)"
2844                          >
2845                            
2846                            
2847                            
2848                              
2849                              
2850                                <span class="p-break-words">Shop By Smoked Meat</span>
2851                              
2852                            
2853                            
2854<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">
2855                                <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2856    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2857  </svg>
2858
2859                              </span></a>
2860                        </span>
2861                      </div>
2862                      
2863                      
2864<div 
2865                        class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"
2866                        
2867                        :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '3' && 'active'"
2868                        @mouseover="$dispatch('mouseover-tabbedmenui3njmg-3'); $el.classList.add('is-focus-child')"
2869                        @mouseleave="$el.classList.remove('is-focus-child')"
2870                        @focusin="$dispatch('focusin-tabbedmenui3njmg-3'); $el.classList.add('is-focus-child')"
2871                        @focusout="$el.classList.remove('is-focus-child')"
2872                      >
2873                        
2874                        
2875                        <span class="flex-1">
2876                          <a
2877                            href="/collections/sides-extras"
2878                            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"
2879                            @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true, 3)"
2880                          >
2881                            
2882                            
2883                            
2884                              
2885                              
2886                                <span class="p-break-words">Sauces &amp; Sides</span>
2887                              
2888                            
2889                            
2890<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">
2891                                <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2892    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2893  </svg>
2894
2895                              </span></a>
2896                        </span>
2897                      </div>
2898                      
2899                      
2900<div 
2901                        class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"
2902                        
2903                        :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '4' && 'active'"
2904                        @mouseover="$dispatch('mouseover-tabbedmenui3njmg-4'); $el.classList.add('is-focus-child')"
2905                        @mouseleave="$el.classList.remove('is-focus-child')"
2906                        @focusin="$dispatch('focusin-tabbedmenui3njmg-4'); $el.classList.add('is-focus-child')"
2907                        @focusout="$el.classList.remove('is-focus-child')"
2908                      >
2909                        
2910                        
2911                        <span class="flex-1">
2912                          <a
2913                            href="/collections/joes-digital-gift-cards"
2914                            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"
2915                            @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true, 4)"
2916                          >
2917                            
2918                            
2919                            
2920                              
2921                              
2922                                <span class="p-break-words">Joe&#39;s Digital Gift Cards</span>
2923                              
2924                            
2925                            
2926<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">
2927                                <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2928    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2929  </svg>
2930
2931                              </span></a>
2932                        </span>
2933                      </div>
2934                      
2935                      
2936<div 
2937                        class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"
2938                        
2939                        :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '5' && 'active'"
2940                        @mouseover="$dispatch('mouseover-tabbedmenui3njmg-5'); $el.classList.add('is-focus-child')"
2941                        @mouseleave="$el.classList.remove('is-focus-child')"
2942                        @focusin="$dispatch('focusin-tabbedmenui3njmg-5'); $el.classList.add('is-focus-child')"
2943                        @focusout="$el.classList.remove('is-focus-child')"
2944                      >
2945                        
2946                        
2947                        <span class="flex-1">
2948                          <a
2949                            href="https://joeskansascitybarbecuestore.com/"
2950                            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"
2951                            
2952                          >
2953                            
2954                            
2955                            
2956                              
2957                              
2958                                <span class="p-break-words">Sauces, Rubs, &amp; Merch</span>
2959                              
2960                            
2961                            
2962</a>
2963                        </span>
2964                      </div>
2965                      
2966                      
2967<div 
2968                        class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"
2969                        
2970                        :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '6' && 'active'"
2971                        @mouseover="$dispatch('mouseover-tabbedmenui3njmg-6'); $el.classList.add('is-focus-child')"
2972                        @mouseleave="$el.classList.remove('is-focus-child')"
2973                        @focusin="$dispatch('focusin-tabbedmenui3njmg-6'); $el.classList.add('is-focus-child')"
2974                        @focusout="$el.classList.remove('is-focus-child')"
2975                      >
2976                        
2977                        
2978                        <span class="flex-1">
2979                          <a
2980                            href="/pages/how-we-ship-joe-s-kc-bar-b-que"
2981                            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"
2982                            @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true, 6)"
2983                          >
2984                            
2985                            
2986                            
2987                              
2988                              
2989                                <span class="p-break-words">Shipping Information</span>
2990                              
2991                            
2992                            
2993<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">
2994                                <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2995    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2996  </svg>
2997
2998                              </span></a>
2999                        </span>
3000                      </div>
3001                      
3002                      
3003<div 
3004                        class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"
3005                        
3006                        :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '7' && 'active'"
3007                        @mouseover="$dispatch('mouseover-tabbedmenui3njmg-7'); $el.classList.add('is-focus-child')"
3008                        @mouseleave="$el.classList.remove('is-focus-child')"
3009                        @focusin="$dispatch('focusin-tabbedmenui3njmg-7'); $el.classList.add('is-focus-child')"
3010                        @focusout="$el.classList.remove('is-focus-child')"
3011                      >
3012                        
3013                        
3014                        <span class="flex-1">
3015                          <a
3016                            href="/pages/corporate-gifting"
3017                            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"
3018                            
3019                          >
3020                            
3021                            
3022                            
3023                              
3024                              
3025                                <span class="p-break-words">Corporate Gifting</span>
3026                              
3027                            
3028                            
3029</a>
3030                        </span>
3031                      </div>
3032                      
3033                      
3034</div>
3035                  <ul class="md:max-h-[calc(80vh-3rem)] md:overflow-y-scroll scrollbar-body scrollbar-visible">
3036                    
3037                        <li
3038                          class="sub-menu-item has-dropdown tabbed-animation-change"
3039                          
3040                            x-intersect.once="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '1');"
3041                          
3042                          :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '1' && 'is-active'"
3043                          @mouseover-tabbedmenui3njmg-1.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '1'); $el.classList.add('is-focus-child');"
3044                          @mouseleave="$el.classList.remove('is-focus-child');"
3045                          @focusin-tabbedmenui3njmg-1.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '1'); $el.classList.add('is-focus-child');"
3046                          @focusout="$el.classList.remove('is-focus-child');"
3047                        >
3048                          
3049                          <div class="toggle-menu-sub overflow-hidden relative h-auto ltr">   
3050                            <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">
3051                                      <div class="">
3052                                        <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">
3053                                          
3054                                          
3055                                          
3056                                            
3057                                            
3058                                              <span class="p-break-words">Best Sellers</span>
3059                                            
3060                                          
3061                                          
3062                                        </a>
3063                                        
3064                                        
3065
3066
3067  <a
3068    href="/collections/best-sellers" 
3069    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3070    aria-label="image"
3071    
3072  >
3073    
3074    <img
3075      srcset="//www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=100 100w,
3076      //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=225 225w,
3077      //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=375 375w,
3078      //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=450 450w,
3079      //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=750 750w,
3080      //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=900 900w,
3081      //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=1100 1100w,
3082      //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=1500 1500w,
3083      //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=1780 1780w"
3084      src="//www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=3840"
3085      sizes="(min-width: 768px) calc(1300px / 5),
3086      
3087      (min-width: 768px) 100px"
3088      alt="Joe’s Kansas City Bar-B-Que (BBQ) Best Sellers collection banner."
3089      height="1969"
3090      width="3499"
3091      loading="lazy"
3092      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3093      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3094    >
3095    
3096  </a>
3097
3098                                      </div></li><li class="relative w-24 lg:w-48">
3099                                      <div class="">
3100                                        <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 
3100inline-block">
3101                                          
3102                                          
3103                                          
3104                                            
3105                                            
3106                                              <span class="p-break-words">The Z-Man</span>
3107                                            
3108                                          
3109                                          
3110                                        </a>
3111                                        
3112                                        
3113
3114
3115  <a
3116    href="/collections/z-man-kits" 
3117    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3118    aria-label="image"
3119    
3120  >
3121    
3122    <img
3123      srcset="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=100 100w,
3124      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=225 225w,
3125      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=375 375w,
3126      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=450 450w,
3127      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=750 750w,
3128      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=900 900w,
3129      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=1100 1100w,
3130      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=1500 1500w,
3131      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=1780 1780w"
3132      src="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=3840"
3133      sizes="(min-width: 768px) calc(1300px / 5),
3134      
3135      (min-width: 768px) 100px"
3136      alt="Joe’s Kansas City Bar-B-Que (BBQ) Z-Man Kits collection banner."
3137      height="1024"
3138      width="1024"
3139      loading="lazy"
3140      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3141      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3142    >
3143    
3144  </a>
3145
3146                                      </div></li><li class="relative w-24 lg:w-48">
3147                                      <div class="">
3148                                        <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">
3149                                          
3150                                          
3151                                          
3152                                            
3153                                            
3154                                              <span class="p-break-words">Smoked Meats</span>
3155                                            
3156                                          
3157                                          
3158                                        </a>
3159                                        
3160                                        
3161
3162
3163  <a
3164    href="/collections/smoked-meats" 
3165    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3166    aria-label="image"
3167    
3168  >
3169    
3170    <img
3171      srcset="//www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=100 100w,
3172      //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=225 225w,
3173      //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=375 375w,
3174      //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=450 450w,
3175      //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=750 750w,
3176      //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=900 900w,
3177      //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=1100 1100w,
3178      //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=1500 1500w,
3179      //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=1780 1780w"
3180      src="//www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=3840"
3181      sizes="(min-width: 768px) calc(1300px / 5),
3182      
3183      (min-width: 768px) 100px"
3184      alt="Joe’s Kansas City Bar-B-Que (BBQ) Smoked Meats collection banner."
3185      height="2474"
3186      width="4398"
3187      loading="lazy"
3188      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3189      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3190    >
3191    
3192  </a>
3193
3194                                      </div></li><li class="relative w-24 lg:w-48">
3195                                      <div class="">
3196                                        <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 
3196inline-block">
3197                                          
3198                                          
3199                                          
3200                                            
3201                                            
3202                                              <span class="p-break-words">A La Carte Meats</span>
3203                                            
3204                                          
3205                                          
3206                                        </a>
3207                                        
3208                                        
3209
3210
3211  <a
3212    href="/collections/a-la-carte-meats" 
3213    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3214    aria-label="image"
3215    
3216  >
3217    
3218    <img
3219      srcset="//www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=100 100w,
3220      //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=225 225w,
3221      //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=375 375w,
3222      //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=450 450w,
3223      //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=750 750w,
3224      //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=900 900w,
3225      //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=1100 1100w,
3226      //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=1500 1500w,
3227      //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=1780 1780w"
3228      src="//www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=3840"
3229      sizes="(min-width: 768px) calc(1300px / 5),
3230      
3231      (min-width: 768px) 100px"
3232      alt="Joe’s Kansas City Bar-B-Que (BBQ) A La Carte Meats collection banner."
3233      height="1933"
3234      width="2020"
3235      loading="lazy"
3236      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3237      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3238    >
3239    
3240  </a>
3241
3242                                      </div></li><li class="relative w-24 lg:w-48">
3243                                      <div class="">
3244                                        <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">
3245                                          
3246                                          
3247                                          
3248                                            
3249                                            
3250                                              <span class="p-break-words">Sauces &amp; Side Dishes</span>
3251                                            
3252                                          
3253                                          
3254                                        </a>
3255                                        
3256                                        
3257
3258
3259  <a
3260    href="/collections/sides-extras" 
3261    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3262    aria-label="image"
3263    
3264  >
3265    
3266    <img
3267      srcset="//www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=100 100w,
3268      //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=225 225w,
3269      //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=375 375w,
3270      //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=450 450w,
3271      //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=750 750w,
3272      //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=900 900w,
3273      //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=1100 1100w,
3274      //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=1500 1500w,
3275      //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=1780 1780w"
3276      src="//www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=3840"
3277      sizes="(min-width: 768px) calc(1300px / 5),
3278      
3279      (min-width: 768px) 100px"
3280      alt="Joe’s Kansas City Bar-B-Que (BBQ) Sides collection banner."
3281      height="900"
3282      width="1200"
3283      loading="lazy"
3284      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3285      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3286    >
3287    
3288  </a>
3289
3290                                      </div></li><li class="relative w-24 lg:w-48">
3291                                      <div class="">
3292                                        <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 
3292inline-block">
3293                                          
3294                                          
3295                                          
3296                                            
3297                                            
3298                                              <span class="p-break-words">Shop Gifts</span>
3299                                            
3300                                          
3301                                          
3302                                        </a>
3303                                        
3304                                        
3305
3306
3307  <a
3308    href="/collections/shop-gifts" 
3309    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3310    aria-label="image"
3311    
3312  >
3313    
3314    <img
3315      srcset="//www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=100 100w,
3316      //www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=225 225w,
3317      //www.joeskc.com/cdn/shop/collections/SJ_logo_with_
3317santa_hat.png?v=1762185264&width=375 375w,
3318      //www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=450 450w,
3319      //www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=750 750w,
3320      //www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=900 900w,
3321      //www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=1100 1100w,
3322      //www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=1500 1500w,
3323      //www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=1780 1780w"
3324      src="//www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=3840"
3325      sizes="(min-width: 768px) calc(1300px / 5),
3326      
3327      (min-width: 768px) 100px"
3328      alt="Joe’s Kansas City Bar-B-Que (BBQ) Shop Gifts collection banner"
3329      height="900"
3330      width="1200"
3331      loading="lazy"
3332      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3333      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3334    >
3335    
3336  </a>
3337
3338                                      </div></li><li class="relative w-24 lg:w-48">
3339                                      <div class="">
3340                                        <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">
3341                                          
3342                                          
3343                                          
3344                                            
3345                                            
3346                                              <span class="p-break-words">All Items</span>
3347                                            
3348                                          
3349                                          
3350                                        </a>
3351                                        
3352                                        
3353
3354
3355  <a
3356    href="/collections/all-items" 
3357    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3358    aria-label="image"
3359    
3360  >
3361    
3362    <img
3363      srcset="//www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=100 100w,
3364      //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=225 225w,
3365      //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=375 375w,
3366      //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=450 450w,
3367      //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=750 750w,
3368      //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=900 900w,
3369      //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=1100 1100w,
3370      //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=1500 1500w,
3371      //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=1780 1780w"
3372      src="//www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=3840"
3373      sizes="(min-width: 768px) calc(1300px / 5),
3374      
3375      (min-width: 768px) 100px"
3376      alt="Joe&#39;s Kansas City Bar-B-Que All Items Collection Banner"
3377      height="900"
3378      width="1200"
3379      loading="lazy"
3380      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3381      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3382    >
3383    
3384  </a>
3385
3386                                      </div></li><li class="relative w-24 lg:w-48">
3387                                      <div class="">
3388                                        <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 
3388inline-block">
3389                                          
3390                                          
3391                                          
3392                                            
3393                                            
3394                                              <span class="p-break-words">Joe&#39;s Trucker Hat</span>
3395                                            
3396                                          
3397                                          
3398                                        </a>
3399                                        
3400                                        
3401
3402
3403  <a
3404    href="/products/joes-trucker-hat-copy" 
3405    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3406    aria-label="image"
3407    
3408  >
3409    
3410    <img
3411      srcset="//www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=100 100w,
3412      //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=225 225w,
3413      //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=375 375w,
3414      //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=450 450w,
3415      //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=750 750w,
3416      //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=900 900w,
3417      //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=1100 1100w,
3418      //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=1500 1500w,
3419      //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=1780 1780w"
3420      src="//www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=3840"
3421      sizes="(min-width: 768px) calc(1300px / 5),
3422      
3423      (min-width: 768px) 100px"
3424      alt="Joe&#39;s Trucker Hat - SendJoesKCBBQ"
3425      height="1080"
3426      width="1080"
3427      loading="lazy"
3428      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3429      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3430    >
3431    
3432  </a>
3433
3434                                      </div></li></ul></div>
3435                            
3436                          </div>
3437                        </li>
3438                      
3439                        <li
3440                          class="sub-menu-item has-dropdown tabbed-animation-change"
3441                          
3442                          :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '2' && 'is-active'"
3443                          @mouseover-tabbedmenui3njmg-2.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '2'); $el.classList.add('is-focus-child');"
3444                          @mouseleave="$el.classList.remove('is-focus-child');"
3445                          @focusin-tabbedmenui3njmg-2.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '2'); $el.classList.add('is-focus-child');"
3446                          @focusout="$el.classList.remove('is-focus-child');"
3447                        >
3448                          
3449                          <div class="toggle-menu-sub overflow-hidden relative h-auto ltr">   
3450                            <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">
3451                                      <div class="">
3452                                        <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">
3453                                          
3454                                          
3455                                          
3456                                            
3457                                            
3458                                              <span class="p-break-words">Brisket</span>
3459                                            
3460                                          
3461                                          
3462                                        </a>
3463                                        
3464                                        
3465
3466
3467  <a
3468    href="/collections/brisket" 
3469    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3470    aria-label="image"
3471    
3472  >
3473    
3474    <img
3475      srcset="//www.joeskc.com/cdn/shop/collections/BrisketOnePoun
3475dweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=100 100w,
3476      //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=225 225w,
3477      //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=375 375w,
3478      //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=450 450w,
3479      //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=750 750w,
3480      //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=900 900w,
3481      //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=1100 1100w,
3482      //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=1500 1500w,
3483      //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=1780 1780w"
3484      src="//www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=3840"
3485      sizes="(min-width: 768px) calc(1300px / 5),
3486      
3487      (min-width: 768px) 100px"
3488      alt="Joe’s Kansas City Bar-B-Que (BBQ) Brisket collection banner."
3489      height="1542"
3490      width="2313"
3491      loading="lazy"
3492      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3493      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3494    >
3495    
3496  </a>
3497
3498                                      </div></li><li class="relative w-24 lg:w-48">
3499                                      <div class="">
3500                                        <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">
3501                                          
3502                                          
3503                                          
3504                                            
3505                                            
3506                                              <span class="p-break-words">Burnt Ends</span>
3507                                            
3508                                          
3509                                          
3510                                        </a>
3511                                        
3512                                        
3513
3514
3515  <a
3516    href="/collections/burnt-ends" 
3517    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3518    aria-label="image"
3519    
3520  >
3521    
3522    <img
3523      srcset="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=100 100w,
3524      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=225 225w,
3525      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=375 375w,
3526      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=450 450w,
3527      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=750 750w,
3528      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=900 900w,
3529      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=1100 1100w,
3530      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=1500 1500w,
3531      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=1780 1780w"
3532      src="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=3840"
3533      sizes="(min-width: 768px) calc(1300px / 5),
3534      
3535      (min-width: 768px) 100px"
3536      alt="Joe’s Kansas City Bar-B-Que (BBQ) Burnt Ends collection banner."
3537      height="1024"
3538      width="1024"
3539      loading="lazy"
3540      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3541      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3542    >
3543    
3544  </a>
3545
3546                                      </div></li><li class="relative w-24 lg:w-48">
3547                                      <div class="">
3548                                        <a href="/collections/ribs" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link 
3548inline-block">
3549                                          
3550                                          
3551                                          
3552                                            
3553                                            
3554                                              <span class="p-break-words">Ribs</span>
3555                                            
3556                                          
3557                                          
3558                                        </a>
3559                                        
3560                                        
3561
3562
3563  <a
3564    href="/collections/ribs" 
3565    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3566    aria-label="image"
3567    
3568  >
3569    
3570    <img
3571      srcset="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=100 100w,
3572      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=225 225w,
3573      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=375 375w,
3574      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=450 450w,
3575      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=750 750w,
3576      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=900 900w,
3577      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=1100 1100w,
3578      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=1500 1500w,
3579      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=1780 1780w"
3580      src="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=3840"
3581      sizes="(min-width: 768px) calc(1300px / 5),
3582      
3583      (min-width: 768px) 100px"
3584      alt="Joe’s Kansas City Bar-B-Que (BBQ) Ribs collection banner."
3585      height="1024"
3586      width="1024"
3587      loading="lazy"
3588      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3589      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3590    >
3591    
3592  </a>
3593
3594                                      </div></li><li class="relative w-24 lg:w-48">
3595                                      <div class="">
3596                                        <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">
3597                                          
3598                                          
3599                                          
3600                                            
3601                                            
3602                                              <span class="p-break-words">Pork</span>
3603                                            
3604                                          
3605                                          
3606                                        </a>
3607                                        
3608                                        
3609
3610
3611  <a
3612    href="/collections/pork" 
3613    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3614    aria-label="image"
3615    
3616  >
3617    
3618    <img
3619      srcset="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=100 100w,
3620      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=225 225w,
3621      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=375 375w,
3622      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=450 450w,
3623      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=750 750w,
3624      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=900 900w,
3625      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=1100 1100w,
3626      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=1500 1500w,
3627      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=1780 1780w"
3628      src="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=3840"
3629      sizes="(min-width: 768px) calc(1300px / 5),
3630      
3631      (min-width: 768px) 100px"
3632      alt="Joe’s Kansas City Bar-B-Que (BBQ) Pork collection banner."
3633      height="1024"
3634      width="1024"
3635      loading="lazy"
3636      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3637      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3638    >
3639    
3640  </a>
3641
3642                                      </div></li><li class="relative w-24 lg:w-48">
3643                                      <div class="">
3644                                        <a href="/collections/poultry" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link 
3644inline-block">
3645                                          
3646                                          
3647                                          
3648                                            
3649                                            
3650                                              <span class="p-break-words">Poultry</span>
3651                                            
3652                                          
3653                                          
3654                                        </a>
3655                                        
3656                                        
3657
3658
3659  <a
3660    href="/collections/poultry" 
3661    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3662    aria-label="image"
3663    
3664  >
3665    
3666    <img
3667      srcset="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=100 100w,
3668      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=225 225w,
3669      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=375 375w,
3670      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=450 450w,
3671      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=750 750w,
3672      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=900 900w,
3673      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=1100 1100w,
3674      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=1500 1500w,
3675      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=1780 1780w"
3676      src="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=3840"
3677      sizes="(min-width: 768px) calc(1300px / 5),
3678      
3679      (min-width: 768px) 100px"
3680      alt="Joe’s Kansas City Bar-B-Que (BBQ) Poultry collection banner."
3681      height="600"
3682      width="600"
3683      loading="lazy"
3684      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3685      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3686    >
3687    
3688  </a>
3689
3690                                      </div></li><li class="relative w-24 lg:w-48">
3691                                      <div class="">
3692                                        <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">
3693                                          
3694                                          
3695                                          
3696                                            
3697                                            
3698                                              <span class="p-break-words">Sausage</span>
3699                                            
3700                                          
3701                                          
3702                                        </a>
3703                                        
3704                                        
3705
3706
3707  <a
3708    href="/collections/sausage" 
3709    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3710    aria-label="image"
3711    
3712  >
3713    
3714    <img
3715      srcset="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=100 100w,
3716      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=225 225w,
3717      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=375 375w,
3718      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=450 450w,
3719      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=750 750w,
3720      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=900 900w,
3721      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=1100 1100w,
3722      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=1500 1500w,
3723      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=1780 1780w"
3724      src="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=3840"
3725      sizes="(min-width: 768px) calc(1300px / 5),
3726      
3727      (min-width: 768px) 100px"
3728      alt="Joe’s Kansas City Bar-B-Que (BBQ) Sausage collection banner."
3729      height="1024"
3730      width="1024"
3731      loading="lazy"
3732      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3733      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3734    >
3735    
3736  </a>
3737
3738                                      </div></li><li class="relative w-24 lg:w-48">
3739                                      <div class="">
3740                                        <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 
3740inline-block">
3741                                          
3742                                          
3743                                          
3744                                            
3745                                            
3746                                              <span class="p-break-words">Smokie Joe</span>
3747                                            
3748                                          
3749                                          
3750                                        </a>
3751                                        
3752                                        
3753
3754
3755  <a
3756    href="/collections/smokie-joe" 
3757    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3758    aria-label="image"
3759    
3760  >
3761    
3762    <img
3763      srcset="//www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=100 100w,
3764      //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=225 225w,
3765      //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=375 375w,
3766      //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=450 450w,
3767      //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=750 750w,
3768      //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=900 900w,
3769      //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=1100 1100w,
3770      //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=1500 1500w,
3771      //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=1780 1780w"
3772      src="//www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=3840"
3773      sizes="(min-width: 768px) calc(1300px / 5),
3774      
3775      (min-width: 768px) 100px"
3776      alt="Joe’s Kansas City Bar-B-Que (BBQ) Smokie Joe collection banner."
3777      height="3240"
3778      width="5760"
3779      loading="lazy"
3780      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3781      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3782    >
3783    
3784  </a>
3785
3786                                      </div></li></ul></div>
3787                            
3788                          </div>
3789                        </li>
3790                      
3791                        <li
3792                          class="sub-menu-item has-dropdown tabbed-animation-change"
3793                          
3794                          :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '3' && 'is-active'"
3795                          @mouseover-tabbedmenui3njmg-3.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '3'); $el.classList.add('is-focus-child');"
3796                          @mouseleave="$el.classList.remove('is-focus-child');"
3797                          @focusin-tabbedmenui3njmg-3.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '3'); $el.classList.add('is-focus-child');"
3798                          @focusout="$el.classList.remove('is-focus-child');"
3799                        >
3800                          
3801                          <div class="toggle-menu-sub overflow-hidden relative h-auto ltr">   
3802                            <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">
3803                                      <div class="">
3804                                        <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">
3805                                          
3806                                          
3807                                          
3808                                            
3809                                            
3810                                              <span class="p-break-words">Joe&#39;s Kansas City Bar-B-Que Sauce, 14 oz.</span>
3811                                            
3812                                          
3813                                          
3814                                        </a>
3815                                        
3816                                        
3817
3818
3819  <a
3820    href="/products/joes-kansas-city-bar-b-que-sauce-14-oz" 
3821    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3822    aria-label="image"
3823    
3824  >
3825    
3826    <img
3827      srcset="//www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=100 100w,
3828      //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=225 225w,
3829      //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=375 375w,
3830      //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=450 450w,
3831      //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=750 750w,
3832      //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=900 900w,
3833      //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=1100 1100w,
3834      //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=1500 1500w,
3835      //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=1780 1780w"
3836      src="//www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=3840"
3837      sizes="(min-width: 768px) calc(1300px / 5),
3838      
3839      (min-width: 768px) 100px"
3840      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"
3841      height="600"
3842      width="600"
3843      loading="lazy"
3844      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3845      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3846    >
3847    
3848  </a>
3849
3850                                      </div></li><li class="relative w-24 lg:w-48">
3851                                      <div class="">
3852                                        <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">
3853                                          
3854                                          
3855                                          
3856                                            
3857                                            
3858                                              <span class="p-break-words">Night of the Living Bar-B-Q Sauce, 14 oz.</span>
3859                                            
3860                                          
3861                                          
3862                                        </a>
3863                                        
3864                                        
3865
3866
3867  <a
3868    href="/products/night-of-the-living-bar-b-q-sauce-14-oz-copy" 
3869    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3870    aria-label="image"
3871    
3872  >
3873    
3874    <img
3875      srcset="//www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=100 100w,
3876      //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=225 225w,
3877      //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=375 375w,
3878      //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=450 450w,
3879      //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=750 750w,
3880      //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=900 900w,
3881      //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=1100 1100w,
3882      //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=1500 1500w,
3883      //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=1780 1780w"
3884      src="//www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=3840"
3885      sizes="(min-width: 768px) calc(1300px / 5),
3886      
3887      (min-width: 768px) 100px"
3888      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"
3889      height="600"
3890      width="600"
3891      loading="lazy"
3892      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3893      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3894    >
3895    
3896  </a>
3897
3898                                      </div></li><li class="relative w-24 lg:w-48">
3899                                      <div class="">
3900                                        <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 
3900inline-block">
3901                                          
3902                                          
3903                                          
3904                                            
3905                                            
3906                                              <span class="p-break-words">Baked Beans in BBQ Sauce, 1 pint</span>
3907                                            
3908                                          
3909                                          
3910                                        </a>
3911                                        
3912                                        
3913
3914
3915  <a
3916    href="/products/baked-beans-in-bbq-sauce-1-pint" 
3917    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3918    aria-label="image"
3919    
3920  >
3921    
3922    <img
3923      srcset="//www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=100 100w,
3924      //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=225 225w,
3925      //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=375 375w,
3926      //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=450 450w,
3927      //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=750 750w,
3928      //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=900 900w,
3929      //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=1100 1100w,
3930      //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=1500 1500w,
3931      //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=1780 1780w"
3932      src="//www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=3840"
3933      sizes="(min-width: 768px) calc(1300px / 5),
3934      
3935      (min-width: 768px) 100px"
3936      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"
3937      height="600"
3938      width="600"
3939      loading="lazy"
3940      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3941      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3942    >
3943    
3944  </a>
3945
3946                                      </div></li><li class="relative w-24 lg:w-48">
3947                                      <div class="">
3948                                        <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">
3949                                          
3950                                          
3951                                          
3952                                            
3953                                            
3954                                              <span class="p-break-words">Dirty Rice, 1 lb.</span>
3955                                            
3956                                          
3957                                          
3958                                        </a>
3959                                        
3960                                        
3961
3962
3963  <a
3964    href="/products/dirty-rice-1-lb" 
3965    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3966    aria-label="image"
3967    
3968  >
3969    
3970    <img
3971      srcset="//www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=100 100w,
3972      //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=225 225w,
3973      //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=375 375w,
3974      //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=450 450w,
3975      //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=750 750w,
3976      //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=900 900w,
3977      //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=1100 1100w,
3978      //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=1500 1500w,
3979      //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=1780 1780w"
3980      src="//www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=3840"
3981      sizes="(min-width: 768px) calc(1300px / 5),
3982      
3983      (min-width: 768px) 100px"
3984      alt="Dirty Rice, 1 lb., Joe&#39;s Kansas City Bar-B-Que, Joe&#39;s KC, BBQ, Barbecue, Kansas City, Ship BBQ"
3985      height="600"
3986      width="600"
3987      loading="lazy"
3988      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3989      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3990    >
3991    
3992  </a>
3993
3994                                      </div></li><li class="relative w-24 lg:w-48">
3995                                      <div class="">
3996                                        <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">
3997                                          
3998                                          
3999                                          
4000                                            
4001                                            
4002                                              <span class="p-break-words">Cheesy Corn, 1 lb.</span>
4003                                            
4004                                          
4005                                          
4006                                        </a>
4007                                        
4008                                        
4009
4010
4011  <a
4012    href="/products/smoked-poblano-cheesy-corn-1-lb" 
4013    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
4014    aria-label="image"
4015    
4016  >
4017    
4018    <img
4019      srcset="//www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=100 100w,
4020      //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=225 225w,
4021      //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=375 375w,
4022      //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=450 450w,
4023      //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=750 750w,
4024      //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=900 900w,
4025      //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=1100 1100w,
4026      //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=1500 1500w,
4027      //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=1780 1780w"
4028      src="//www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=3840"
4029      sizes="(min-width: 768px) calc(1300px / 5),
4030      
4031      (min-width: 768px) 100px"
4032      alt="joes kansas city BBQ poblano cheesy corn"
4033      height="3038"
4034      width="3038"
4035      loading="lazy"
4036      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
4037      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
4038    >
4039    
4040  </a>
4041
4042                                      </div></li></ul></div>
4043                            
4044                          </div>
4045                        </li>
4046                      
4047                        <li
4048                          class="sub-menu-item has-dropdown tabbed-animation-change"
4049                          
4050                          :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '4' && 'is-active'"
4051                          @mouseover-tabbedmenui3njmg-4.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '4'); $el.classList.add('is-focus-child');"
4052                          @mouseleave="$el.classList.remove('is-focus-child');"
4053                          @focusin-tabbedmenui3njmg-4.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '4'); $el.classList.add('is-focus-child');"
4054                          @focusout="$el.classList.remove('is-focus-child');"
4055                        >
4056                          
4057                          <div class="toggle-menu-sub overflow-hidden relative h-auto ltr">   
4058                            <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">
4059                                      <div class="">
4060                                        <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">
4061                                          
4062                                          
4063                                          
4064                                            
4065                                            
4066                                              <span class="p-break-words">Digital Gift Card</span>
4067                                            
4068                                          
4069                                          
4070                                        </a>
4071                                        
4072                                        
4073
4074
4075  <a
4076    href="/products/digital-gift-card" 
4077    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
4078    aria-label="image"
4079    
4080  >
4081    
4082    <img
4083      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,
4084      //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,
4085      //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,
4086      //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,
4087      //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,
4088      //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,
4089      //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,
4090      //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,
4091      //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"
4092      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"
4093      sizes="(min-width: 768px) calc(1300px / 5),
4094      
4095      (min-width: 768px) 100px"
4096      alt="Digital Gift Card - SendJoesKCBBQ"
4097      height="2048"
4098      width="2048"
4099      loading="lazy"
4100      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
4101      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
4102    >
4103    
4104  </a>
4105
4106                                      </div></li><li class="relative w-24 lg:w-48">
4107                                      <div class="">
4108                                        <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 
4108inline-block">
4109                                          
4110                                          
4111                                          
4112                                            
4113                                            
4114                                              <span class="p-break-words">Gift Card Balance Checker</span>
4115                                            
4116                                          
4117                                          
4118                                        </a>
4119                                        
4120                                        
4121                                      </div></li></ul></div>
4122                            
4123                          </div>
4124                        </li>
4125                      
4126                        <li
4127                          class="sub-menu-item tabbed-animation-change"
4128                          
4129                          :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '5' && 'is-active'"
4130                          @mouseover-tabbedmenui3njmg-5.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '5'); $el.classList.add('is-focus-child');"
4131                          @mouseleave="$el.classList.remove('is-focus-child');"
4132                          @focusin-tabbedmenui3njmg-5.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '5'); $el.classList.add('is-focus-child');"
4133                          @focusout="$el.classList.remove('is-focus-child');"
4134                        >
4135                          
4136                          <div class="toggle-menu-sub overflow-hidden relative h-auto ltr">   
4137                            <div class="relative x-pgw page-width mr-auto ml-auto"></div>
4138                            
4139                          </div>
4140                        </li>
4141                      
4142                        <li
4143                          class="sub-menu-item has-dropdown tabbed-animation-change"
4144                          
4145                          :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '6' && 'is-active'"
4146                          @mouseover-tabbedmenui3njmg-6.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '6'); $el.classList.add('is-focus-child');"
4147                          @mouseleave="$el.classList.remove('is-focus-child');"
4148                          @focusin-tabbedmenui3njmg-6.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '6'); $el.classList.add('is-focus-child');"
4149                          @focusout="$el.classList.remove('is-focus-child');"
4150                        >
4151                          
4152                          <div class="toggle-menu-sub overflow-hidden relative h-auto ltr">   
4153                            <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">
4154                                      <div class="">
4155                                        <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">
4156                                          
4157                                          
4158                                          
4159                                            
4160                                            
4161                                              <span class="p-break-words">Reheating Instructions</span>
4162                                            
4163                                          
4164                                          
4165                                        </a>
4166                                        
4167                                        
4168                                      </div></li><li class="relative w-24 lg:w-48">
4169                                      <div class="">
4170                                        <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">
4171                                          
4172                                          
4173                                          
4174                                            
4175                                            
4176                                              <span class="p-break-words">Shipping Policies</span>
4177                                            
4178                                          
4179                                          
4180                                        </a>
4181                                        
4182                                        
4183                                      </div></li><li class="relative w-24 lg:w-48">
4184                                      <div class="">
4185                                        <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">
4186                                          
4187                                          
4188                                          
4189                                            
4190                                            
4191                                              <span class="p-break-words">We Ship Bar-B-Que</span>
4192                                            
4193                                          
4194                                          
4195                                        </a>
4196                                        
4197                                        
4198                                      </div></li></ul></div>
4199                            
4200                          </div>
4201                        </li>
4202                      
4203                        <li
4204                          class="sub-menu-item tabbed-animation-change"
4205                          
4206                          :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '7' && 'is-active'"
4207                          @mouseover-tabbedmenui3njmg-7.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '7'); $el.classList.add('is-focus-child');"
4208                          @mouseleave="$el.classList.remove('is-focus-child');"
4209                          @focusin-tabbedmenui3njmg-7.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '7'); $el.classList.add('is-focus-child');"
4210                          @focusout="$el.classList.remove('is-focus-child');"
4211                        >
4212                          
4213                          <div class="toggle-menu-sub overflow-hidden relative h-auto ltr">   
4214                            <div class="relative x-pgw page-width mr-auto ml-auto"></div>
4215                            
4216                          </div>
4217                        </li>
4218                      
4219                  </ul>
4220                </div>
4221              
4222            </div></div>
4223        </div>
4224      </template></li>
4225<li
4226              id="tree_menu_eEMEYT"
4227              class="tree-menu pl-0 relative has-dropdown"
4228              
4229                
4230                  @mouseover="$store.xHeaderMenu.openMenu(6, true); selectedMenu = true"
4231                  @focusin="$store.xHeaderMenu.openMenu(6, true); selectedMenu = true"
4232                
4233                :class="$store.xHeaderMenu.show === 6 && 'is-focus'"
4234              
4235            >
4236              <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 }' 
4237                
4238                  
4239                    x-intersect.once="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, false, 6)"
4240                  
4241                
4242              >
4243                <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
4244                  <div class="relative x-anm">
4245                    <a
4246                      href="#"
4247                      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" 
4248                      
4249                    > 
4250                      
4251          
4252          
4253            
4254            
4255              
4256
4257
4258<span 
4259  class="highlight relative inline-block" 
4260  x-data="{ isIntersecting: false }" 
4261  x-intersect.once="isIntersecting = true"
4262  :class="isIntersecting && 'highlight-anm-start'"
4263>
4264  ORDER JOE'S
4265  
4266  
4267    <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">
4268      <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"/>
4269    </svg>
4270  
4271
4272</span>
4273            
4274          
4275        
4276                    </a><a
4277                        href="#"
4278                        tabindex="-1"
4279                        class="back cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link 
4279is-focus:link-active" 
4280                        
4281                      > 
4282                        
4283          
4284          
4285            
4286            
4287              
4288
4289
4290<span 
4291  class="highlight relative inline-block" 
4292  x-data="{ isIntersecting: false }" 
4293  x-intersect.once="isIntersecting = true"
4294  :class="isIntersecting && 'highlight-anm-start'"
4295>
4296  ORDER JOE'S
4297  
4298  
4299    <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">
4300      <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"/>
4301    </svg>
4302  
4303
4304</span>
4305            
4306          
4307        
4308                      </a></div>
4309                </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;">
4310    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
4311  </svg>
4312</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))]" >
4313                  <div class="tree-menu-nav" id="menu-6">
4314
4315<template x-if="!$store.xInit.runDispatch">
4316      <ul class="pt-5 pb-5">
4317        
4318<li  
4319            x-data="{ openSub: false }" 
4320            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
4321            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
4322            @mouseleave="$el.classList.remove('is-focus-child');"
4323            @mouseover.away="openSub = false"
4324            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
4325            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
4326          >
4327            <div class="flex tree-menu-item-container items-center">
4328              
4329              
4330              <span class="flex-1 menu-item-container rtl:text-end">
4331                <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">
4332                  
4333                  
4334                    
4335                    
4336                      <span class="p-break-words">Restaurant Carryout</span>
4337                    
4338                  
4339</a>
4340              </span>
4341            </div></li><li  
4342            x-data="{ openSub: false }" 
4343            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
4344            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
4345            @mouseleave="$el.classList.remove('is-focus-child');"
4346            @mouseover.away="openSub = false"
4347            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
4348            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
4349          >
4350            <div class="flex tree-menu-item-container items-center pt-3">
4351              
4352              
4353              <span class="flex-1 menu-item-container rtl:text-end">
4354                <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">
4355                  
4356                  
4357                    
4358                    
4359                      <span class="p-break-words">Catering Carryout</span>
4360                    
4361                  
4362</a>
4363              </span>
4364            </div></li><li  
4365            x-data="{ openSub: false }" 
4366            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
4367            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
4368            @mouseleave="$el.classList.remove('is-focus-child');"
4369            @mouseover.away="openSub = false"
4370            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
4371            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
4372          >
4373            <div class="flex tree-menu-item-container items-center pt-3">
4374              
4375              
4376              <span class="flex-1 menu-item-container rtl:text-end">
4377                <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">
4378                  
4379                  
4380                    
4381                    
4382                      <span class="p-break-words">Joe&#39;s Retail &amp; Merch</span>
4383                    
4384                  
4385</a>
4386              </span>
4387            </div></li><li  
4388            x-data="{ openSub: false }" 
4389            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
4390            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
4391            @mouseleave="$el.classList.remove('is-focus-child');"
4392            @mouseover.away="openSub = false"
4393            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
4394            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
4395          >
4396            <div class="flex tree-menu-item-container items-center pt-3">
4397              
4398              
4399              <span class="flex-1 menu-item-container rtl:text-end">
4400                <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">
4401                  
4402                  
4403                    
4404                    
4405                      <span class="p-break-words">Digital Gift Card</span>
4406                    
4407                  
4408<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">
4409                      <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
4410    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
4411  </svg>
4412
4413                    </span></a>
4414              </span>
4415            </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' ">
4416                <ul class="pt-5 pb-5"><li class="relative pl-7 pr-6 rtl:pr-7 rtl:pl-6" 
4417                      x-data="{ openChild: false }" 
4418                      @mouseover="openChild = true; $el.classList.add('is-focus-subchild');" 
4419                      @mouseleave="$el.classList.remove('is-focus-subchild');"
4420                      @mouseover.away="openChild = false"
4421                      @focusin="openChild = true; $el.classList.add('is-focus-subchild');"
4422                      @focusout="openChild= false; $el.classList.remove('is-focus-subchild');"
4423                    >
4424                      <div class="flex tree-menu-item-container items-center">
4425                        
4426                        
4427                        <span class="flex-1 menu-item-container rtl:text-end">
4428                          <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">
4429                            
4430                            
4431                              
4432                              
4433                                <span class="p-break-words">Gift Card Balance Checker</span>
4434                              
4435                            
4436</a>
4437                        </span>
4438                      </div></li></ul>
4439              </div></li></ul>
4440    </template> <div class="hidden 1" @init-run.window="$store.xHeaderMenu.setPosition($el,2); $store.xHeaderMenu.resizeWindow($el,2)"></div></div>
4441                </div></li>
4442<li x-data='{ active: false }' 
4443                class="flip-container tabbed_menu pl-0" 
4444                
4445                  
4446                  :class="$store.xHeaderMenu.show === 7 && 'is-focus'"
4447                
4448              >
4449                <div class="tabbed_menu_item cursor-pointer relative hover-text-link flex items-center is-focus:link-active"
4450                  
4451                >
4452                  <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
4453                    <div class="relative x-anm">
4454                      <a href="https://joeskccares.com/"
4455                        class="front cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link 
4455is-focus:link-active" 
4456                        target="_blank"
4457                      >
4458                        
4459          
4460          
4461            
4462            
4463              JOE&#39;S KC CARES
4464            
4465          
4466        
4467                      </a>
4468                      
4469                        <a href="https://joeskccares.com/"
4470                          tabindex="-1"
4471                          class="back cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 
4472                          target="_blank"
4473                        >
4474                          
4475          
4476          
4477            
4478            
4479              JOE&#39;S KC CARES
4480            
4481          
4482        
4483                        </a>
4484                      
4485                    </div>
4486                  </div></div>
4487                
4488              </li></ul>
4489</nav>
4490      
4491    </header>
4492    
4493</div>
4494</div>
4495
4496    <style data-shopify>
4497  @property --percentage {
4498    initial-value: 0%;
4499    inherits: false;
4500    syntax: '<percentage>';
4501  }
4502  .cart-noti.active {
4503    background: conic-gradient(rgb(var(--colors-line-and-border)) var(--percentage), rgb(var(--color-success)) 0);
4504    animation: timer 5s infinite linear;
4505  }
4506  @keyframes timer {
4507    to {
4508      --percentage: 100%;
4509    }
4510  }
4511  @media (min-width: 768px) {
4512    .section-header.is-sticky .cart-noti {
4513      top: 0;
4514    }
4515    .cart-noti-top {
4516      top: var(--announcement-height, 0);
4517    }
4518    .section-header.is-sticky #x-header-container:not(.on-scroll-up-animation) ~ .cart-noti {
4519      top: auto;
4520    }
4521  }
4522</style>
4523
4524<div
4525  x-init="$store.xCartNoti.enable = true"
4526  x-show="$store.xCartNoti.show"
4527  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"
4528  x-transition:enter="transition-all ease-in-out duration-500"
4529  x-transition:enter-start="opacity-0 transform  translate-x-1/2"
4530  x-transition:enter-end="opacity-100 transform translate-x-0"
4531  x-transition:leave="transition ease-in-out duration-500"
4532  x-transition:leave-end="opacity-0 transform  translate-x-1/2"
4533  x-cloak
4534>
4535  <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">
4536    <button
4537      @click="$store.xCartNoti.show = false"
4538      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"
4539    ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
4540    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
4541  </svg>
4542</button>
4543    <div class="x-cart-noti-container flex gap-2 items-center mb-1 md:mb-3">
4544      <div
4545        :class="$store.xCartNoti.show && 'active'"
4546        class="w-9 h-9 min-w-[36px] rounded-full cart-noti flex justify-center items-center bg-[rgba(var(--colors-line-and-border))]"
4547      >
4548        <div class="w-[34px] h-[34px] flex justify-center items-center rounded-full bg-[rgba(var(--colors-background))]">
4549          <span class="icon-tick w-5 h-5 text-[rgba(var(--color-success))]">
4550            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
4551              <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"/>
4552            </svg>
4553          </span>
4554        </div>
4555      </div>
4556      <p>Item added to cart</p>
4557    </div>
4558    <template x-for="(item,index) in Object.values(Alpine.store('xCartNoti').listItem || {})" :key="index">
4559      <div
4560        class="w-full flex bundler-product relative gap-4 pt-5"
4561        x-data="
4562          {
4563            item: JSON.parse(JSON.stringify(item))
4564          }
4565        "
4566      >
4567        <div class="bundler-product-image min-w-[72px] w-[72px] h-[72px] relative">
4568          <a x-bind:href="item.productUrl" class="block disable-effect w-full">
4569            <div class="relative w-full overflow-hidden float-left before:h-0 before:block before:pb-[100.0%] rounded-lg">
4570              
4571              <img
4572                x-show="item.featured_image.url"
4573                class="absolute top-0 right-0 left-0 bottom-0 object-cover h-full w-full image-hover"
4574                x-bind:src="`${ item.featured_image.url }`"
4575                
4576                  loading="lazy"
4577                
4578                width="150"
4579                alt=""
4580                height="150"
4581              >
4582              
4583              <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
4583ox="0 0 290 290" class="w-full h-full">
4584      <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
4584+tiq/H/TgwOAAAAABJRU5ErkJggg=="/>
4585    </svg>
4586              </div>
4587            </div>
4588          </a>
4589        </div>
4590        <div>
4591          <a
4592            x-bind:href="item.url"
4593            class="mr-0 duration-200 transition disable-effect hover-text-link p-break-words"
4594            x-text="item.title"
4595          >
4596          </a>
4597          <p
4598            class="text-[rgba(var(--colors-price))] text-normal font-semibold mt-1"
4599            x-text="new Intl.NumberFormat('en', { style: 'currency', currency: 'USD' }).format(item.price / 100)"
4600          ></p>
4601        </div>
4602      </div>
4603    </template>
4604  </div>
4605</div>
4606
4607
4608<div id="x-cart-drawer-container" class="z-[70] fixed" @init-run.window="$store.xHeaderMenu.renderAjax($el, 'cart-drawer', '#ajax-loading-cart');"></div>
4608<script src="//www.joeskc.com/cdn/shop/t/80/assets/search-prompts.js?v=181440801706723618771785247873" defer></script>
4608                   
4609<script type="application/ld+json">
4610  {
4611    "@context": "http://schema.org",
4612    "@type": "Organization",
4613    "name": "SendJoesKCBBQ",
4614    
4615      "logo": "https:\/\/www.joeskc.com\/cdn\/shop\/files\/red_LOGO_2025_CUTOUT.png?v=1756928334\u0026width=816",
4616    
4617    "sameAs": [
4618      "https:\/\/x.com\/joeskc",
4619      "https:\/\/www.facebook.com\/joeskcbbq",
4620      "",
4621      "https:\/\/www.instagram.com\/joeskc\/",
4622      "",
4623      "",
4624      "",
4625      "",
4626      ""
4627    ],
4628    "url": "https:\/\/www.joeskc.com"
4629  }
4630</script>
4630
4631  
4631<script type="application/ld+json">
4632    {
4633      "@context": "http://schema.org",
4634      "@type": "WebSite",
4635      "name": "SendJoesKCBBQ",
4636      "potentialAction": {
4637        "@type": "SearchAction",
4638        "target": "https:\/\/www.joeskc.com\/search?q={search_term_string}",
4639        "query-input": "required name=search_term_string"
4640      },
4641      "url": "https:\/\/www.joeskc.com"
4642    }
4643  </script>
4643<script src="//www.joeskc.com/cdn/shop/t/80/assets/store-selector.js?v=69199566774997787001785247873" defer="defer"></script>
4643
4644
4645<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 {
4646    contain: style layout;
4647  }
4648  #mobile-navigation * {border-color: #f2f2f2;}
4649  .dark #mobile-navigation * {border-color: #313131;}
4650  #mobile-navigation .text-color,
4651  #mobile-navigation .background-header {background: #ffffff;--colors-heading: 0, 0, 0;
4652      color: #000000;
4653      --colors-text: 0, 0, 0;
4654      --colors-text-header: 0, 0, 0;  
4655      --colors-text-link: 127, 38, 41;
4656    
4657  }
4658  .dark #mobile-navigation .text-color,
4659  .dark #mobile-navigation .background-header {background: #202020;--colors-heading: 255, 255, 255;
4660      color: #ffffff;
4661      --colors-text-header: 255, 255, 255;
4662      --colors-text: 255, 255, 255;  
4663      --colors-text-link: 127, 38, 41;
4664    
4665  }
4666  
4667    .svg-highlight-sections--19816061632579__mobile-navigation {
4668    
4669    }
4670    .dark .svg-highlight-sections--19816061632579__mobile-navigation {
4671      
4672        --color-highlight: rgb(127, 38, 41);
4673      
4674    }
4675  
4676  .block-mobile-navigation-after::after {
4677    content: var(--tw-content);
4678    position: absolute;
4679    width: 100%;
4680    left: 0;
4681    border-bottom-width: 1px;border-color: #f2f2f2;}
4682  .dark .block-mobile-navigation-after::after {border-color: #313131;}
4683  .font-menu-level-0 {
4684    font-size: 1.125rem;
4685  }
4686  .font-menu-level-1 {
4687    font-size: 1.0rem;
4688  }
4689  .font-menu-level-2 {
4690    font-size: 0.875rem;
4691  }
4692  
4693    .block-mobile-navigation-menu .font-menu-level-0, 
4694    .block-mobile-navigation-menu .font-menu-level-1, 
4695    .block-mobile-navigation-menu .font-menu-level-2,
4696    .block-mobile-navigation-carousel_menu .font-menu-level-0,
4697    .block-mobile-navigation-carousel_menu .font-menu-level-2,
4698    .block-mobile-navigation-account .font-menu-level-1,
4699    .block-mobile-navigation-cart .font-menu-level-1
4700    {
4701      font-size: 0.7875rem;
4702      font-weight: var(--font-body-weight);
4703    }
4704  
4705</style><div
4706  class="z-[9999] fixed top-0 h-full w-full opacity-60 bg-black"
4707  x-show="$store.xMobileNav.show"
4708  x-cloak
4709  @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
4710></div>
4711<template x-if="!$store.xInit.runDispatch">
4712  <div
4713    id="mobile-navigation"
4714    :class="{ 'menu-opening': $store.xMobileNav.show }" 
4715    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"
4716  >
4717    <div class="x-container-mobile-nav background-header gradient menu-drawer duration-300 ease-in-out overflow-hidden h-full flex flex-col">
4718      <div class="x-block-mobile-nav-close pt-4 pb-4 pl-4 pr-4 w-full flex justify-between items-center"
4719        aria-label="Close"
4720      >
4721        <span class="font-menu-level-2 uppercase">Menu</span>
4722        <span
4723          class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full absolute top-2 right-2 rtl:right-auto rtl:left-2"
4724          @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
4725        ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
4726    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
4727  </svg>
4728</span>
4729      </div>
4730      <div
4731        id="menu-navigation"
4732        class="h-full flex-1 overflow-x-hidden scrollbar-body overflow-y-auto scrollbar-stable"
4733      >
4734        
4735        <ul 
4736          x-data="{ openCur: 0 }"
4737          id="menu-level-0"
4738          role="list" 
4739          class="menu-parent relative h-full w-full" 
4740        >
4741           <li class="block-mobile-navigation-menu">
4742                <span class="flex empty:hidden border-t ml-4 mr-4"></span>
4743
4744
4745
4746<div  
4747        class="flex items-center gap-4 pr-4 pl-4 border-b"
4748      ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation {
4749                background: #7f2629;
4750                color: #ffffff;
4751              }
4752              .color-label-sections--19816061632579__mobile-navigation:before{
4753                border-top-color: #7f2629; 
4754              }
4755              .dark .color-label-sections--19816061632579__mobile-navigation {
4756                background: rgba(0,0,0,0);
4757                color: #ffffff
4758              }
4759              .dark .color-label-sections--19816061632579__mobile-navigation:before {
4760                border-top-color: rgba(0,0,0,0);
4761              }
4762            
4763
4764</style>
4765          <a href="https://order.joeskc.com/" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
4766        
4767          
4768          
4769          <span class="flex flex-wrap gap-x-2">
4770            <span class="p-break-words font-medium font-menu-level-0">
4771              
4772              
4773                
4774                
4775                  <span>Order Restaurant Pick-Up</span>
4776                
4777              
4778            </span>
4779            
4780            
4781          </span>
4782        </a>
4783</div><div  
4784        class="flex items-center gap-4 pr-4 pl-4 border-b"
4785      ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation {
4786                background: #7f2629;
4787                color: #ffffff;
4788              }
4789              .color-label-sections--19816061632579__mobile-navigation:before{
4790                border-top-color: #7f2629; 
4791              }
4792              .dark .color-label-sections--19816061632579__mobile-navigation {
4793                background: rgba(0,0,0,0);
4794                color: #ffffff
4795              }
4796              .dark .color-label-sections--19816061632579__mobile-navigation:before {
4797                border-top-color: rgba(0,0,0,0);
4798              }
4799            
4800
4801</style>
4802          <a href="https://catering.joeskc.com/" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
4803        
4804          
4805          
4806          <span class="flex flex-wrap gap-x-2">
4807            <span class="p-break-words font-medium font-menu-level-0">
4808              
4809              
4810                
4811                
4812                  <span>Order Catering Carryout</span>
4813                
4814              
4815            </span>
4816            
4817            
4818          </span>
4819        </a>
4820</div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-3')" 
4821        class="flex items-center gap-4 pr-4 pl-4 border-b"
4822      ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation {
4823                background: #7f2629;
4824                color: #ffffff;
4825              }
4826              .color-label-sections--19816061632579__mobile-navigation:before{
4827                border-top-color: #7f2629; 
4828              }
4829              .dark .color-label-sections--19816061632579__mobile-navigation {
4830                background: rgba(0,0,0,0);
4831                color: #ffffff
4832              }
4833              .dark .color-label-sections--19816061632579__mobile-navigation:before {
4834                border-top-color: rgba(0,0,0,0);
4835              }
4836            
4837
4838</style>
4839          <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect">
4840        
4841          
4842          
4843          <span class="flex flex-wrap gap-x-2">
4844            <span class="p-break-words font-medium font-menu-level-0">
4845              
4846              
4847                
4848                
4849                  <span>Locations</span>
4850                
4851              
4852            </span>
4853            
4854            
4855          </span>
4856        </span>
4857<span
4858            class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90"
4859          ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
4860    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
4861  </svg>
4862</span></div><div
4863          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"
4864          :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-3')}"
4865        >
4866          <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
4867            :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
4868          >
4869            <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between">
4870              <div class="flex items-center">
4871                <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 
4872                  @click="$store.xMobileNav.removeActiveLink('-3'); "
4873                >
4874                  <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
4875    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
4876  </svg>
4877
4878                </span>
4879                <a href="/pages/locations" class="flex relative flex-wrap gap-x-2 flex-1 font-medium disable-effect">
4880                  <span class="p-break-words font-menu-level-0">
4881                    
4882                    
4883                      
4884                      
4885                        <span>Locations</span>
4886                      
4887                    
4888                  </span>
4889                  
4890                  
4891                </a>
4892              </div>
4893              <span
4894                class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
4895                @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
4896              ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
4897    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
4898  </svg>
4899</span>
4900            </div>
4901            <ul 
4902              id="menu-level-1"
4903              class="background-header w-full" 
4904            ><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/the-original-gas-station-restaurant" 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>The Original Gas Station Restaurant</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="/pages/joes-kansas-city-leawood" 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>Joe&#39;s Kansas City - Leawood</span>
4948                            
4949                          
4950                          
4951                          
4952                        </span>
4953                        
4954                      </span>
4955                    </a>
4956</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
4957                  
4958                  <div
4959                    class="flex items-center justify-between h-full gap-"
4960                    
4961                  >
4962                    
4963                      <a href="/pages/joes-kansas-city-olathe" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
4964                    
4965                      
4966                      
4967                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
4968                        <span class="flex flex-wrap gap-x-2">
4969                          
4970                          
4971                            
4972                            
4973                              <span>Joe&#39;s Kansas City - Olathe</span>
4974                            
4975                          
4976                          
4977                          
4978                        </span>
4979                        
4980                      </span>
4981                    </a>
4982</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
4983                  
4984                  <div
4985                    class="flex items-center justify-between h-full gap-"
4986                    
4987                  >
4988                    
4989                      <a href="http://www.the180room.com/" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
4990                    
4991                      
4992                      
4993                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
4994                        <span class="flex flex-wrap gap-x-2">
4995                          
4996                          
4997                            
4998                            
4999                              <span>The 180 Room</span>
5000                            
5001                          
5002                          
5003                          
5004                        </span>
5005                        
5006                      </span>
5007                    </a>
5008</div></li></ul>
5009          </div>
5010        </div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-4')" 
5011        class="flex items-center gap-4 pr-4 pl-4 border-b"
5012      ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation {
5013                background: #7f2629;
5014                color: #ffffff;
5015              }
5016              .color-label-sections--19816061632579__mobile-navigation:before{
5017                border-top-color: #7f2629; 
5018              }
5019              .dark .color-label-sections--19816061632579__mobile-navigation {
5020                background: rgba(0,0,0,0);
5021                color: #ffffff
5022              }
5023              .dark .color-label-sections--19816061632579__mobile-navigation:before {
5024                border-top-color: rgba(0,0,0,0);
5025              }
5026            
5027
5028</style>
5029          <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect">
5030        
5031          
5032          
5033          <span class="flex flex-wrap gap-x-2">
5034            <span class="p-break-words font-medium font-menu-level-0">
5035              
5036              
5037                
5038                
5039                  <span>Menus</span>
5040                
5041              
5042            </span>
5043            
5044            
5045          </span>
5046        </span>
5047<span
5048            class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90"
5049          ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
5050    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5051  </svg>
5052</span></div><div
5053          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"
5054          :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-4')}"
5055        >
5056          <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
5057            :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
5058          >
5059            <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between">
5060              <div class="flex items-center">
5061                <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 
5062                  @click="$store.xMobileNav.removeActiveLink('-4'); "
5063                >
5064                  <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
5065    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5066  </svg>
5067
5068                </span>
5069                <a href="/pages/restaurant-menu" class="flex relative flex-wrap gap-x-2 flex-1 font-medium disable-effect">
5070                  <span class="p-break-words font-menu-level-0">
5071                    
5072                    
5073                      
5074                      
5075                        <span>Menus</span>
5076                      
5077                    
5078                  </span>
5079                  
5080                  
5081                </a>
5082              </div>
5083              <span
5084                class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
5085                @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
5086              ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
5087    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5088  </svg>
5089</span>
5090            </div>
5091            <ul 
5092              id="menu-level-1"
5093              class="background-header w-full" 
5094            ><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/restaurant-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>Restaurant 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/catering-menu" 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>Catering Menu</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/party-planner-menu" 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>Party Planner Menu</span>
5164                            
5165                          
5166                          
5167                          
5168                        </span>
5169                        
5170                      </span>
5171                    </a>
5172</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5173                  
5174                  <div
5175                    class="flex items-center justify-between h-full gap-"
5176                    
5177                  >
5178                    
5179                      <a href="/pages/joes-kc-bbq-reheating-instructions" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5180                    
5181                      
5182                      
5183                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5184                        <span class="flex flex-wrap gap-x-2">
5185                          
5186                          
5187                            
5188                            
5189                              <span>Reheating Instructions</span>
5190                            
5191                          
5192                          
5193                          
5194                        </span>
5195                        
5196                      </span>
5197                    </a>
5198</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5199                  
5200                  <div
5201                    class="flex items-center justify-between h-full gap-"
5202                    
5203                  >
5204                    
5205                      <a href="/pages/restaurant-allergen-information" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5206                    
5207                      
5208                      
5209                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5210                        <span class="flex flex-wrap gap-x-2">
5211                          
5212                          
5213                            
5214                            
5215                              <span>Restaurant Allergen Information</span>
5216                            
5217                          
5218                          
5219                          
5220                        </span>
5221                        
5222                      </span>
5223                    </a>
5224</div></li></ul>
5225          </div>
5226        </div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-5')" 
5227        class="flex items-center gap-4 pr-4 pl-4 border-b"
5228      ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation {
5229                background: #7f2629;
5230                color: #ffffff;
5231              }
5232              .color-label-sections--19816061632579__mobile-navigation:before{
5233                border-top-color: #7f2629; 
5234              }
5235              .dark .color-label-sections--19816061632579__mobile-navigation {
5236                background: rgba(0,0,0,0);
5237                color: #ffffff
5238              }
5239              .dark .color-label-sections--19816061632579__mobile-navigation:before {
5240                border-top-color: rgba(0,0,0,0);
5241              }
5242            
5243
5244</style>
5245          <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect">
5246        
5247          
5248          
5249          <span class="flex flex-wrap gap-x-2">
5250            <span class="p-break-words font-medium font-menu-level-0">
5251              
5252              
5253                
5254                
5255                  <span>Ship Joe&#39;s Frozen BBQ 📦</span>
5256                
5257              
5258            </span>
5259            
5260            
5261          </span>
5262        </span>
5263<span
5264            class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90"
5265          ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
5266    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5267  </svg>
5268</span></div><div
5269          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"
5270          :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-5')}"
5271        >
5272          <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
5273            :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
5274          >
5275            <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between">
5276              <div class="flex items-center">
5277                <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 
5278                  @click="$store.xMobileNav.removeActiveLink('-5'); "
5279                >
5280                  <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
5281    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5282  </svg>
5283
5284                </span>
5285                <a href="/collections" class="flex relative flex-wrap gap-x-2 flex-1 font-medium disable-effect">
5286                  <span class="p-break-words font-menu-level-0">
5287                    
5288                    
5289                      
5290                      
5291                        <span>Ship Joe&#39;s Frozen BBQ 📦</span>
5292                      
5293                    
5294                  </span>
5295                  
5296                  
5297                </a>
5298              </div>
5299              <span
5300                class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
5301                @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
5302              ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
5303    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5304  </svg>
5305</span>
5306            </div>
5307            <ul 
5308              id="menu-level-1"
5309              class="background-header w-full" 
5310            ><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5311                  
5312                  <div
5313                    class="flex items-center justify-between h-full gap-"
5314                    
5315                  >
5316                    
5317                      <a href="/collections/best-sellers" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5318                    
5319                      
5320                      
5321                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5322                        <span class="flex flex-wrap gap-x-2">
5323                          
5324                          
5325                            
5326                            
5327                              <span>Shop Best Sellers</span>
5328                            
5329                          
5330                          
5331                          
5332                        </span>
5333                        
5334                      </span>
5335                    </a>
5336</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5337                  
5338                  <div
5339                    class="flex items-center justify-between h-full gap-"
5340                    @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-5-2');"
5341                  >
5342                    
5343                      <span class="p-break-words flex gap-3 h-full flex-1 disable-effect items-center">
5344                    
5345                      
5346                      
5347                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5348                        <span class="flex flex-wrap gap-x-2">
5349                          
5350                          
5351                            
5352                            
5353                              <span>Shop By Smoked Meats</span>
5354                            
5355                          
5356                          
5357                          
5358                        </span>
5359                        
5360                      </span>
5361                    </span>
5362 
5363                    <span class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90">
5364                      <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
5365    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5366  </svg>
5367
5368                    </span>
5369                  
5370</div><div
5371                      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" 
5372                      :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-5-2')} "
5373                    >
5374                      <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
5375                        :class="$store.xMobileNav.currentMenuLinks.length == 3 ? 'overflow-hidden' : 'overflow-y-auto'"
5376                      >
5377                        <div class="flex items-center sticky top-0 background-header z-30 justify-between pt-4 pb-4 pl-4 pr-4 gap-4">
5378                          <div class="flex items-center">
5379                            <span
5380                              class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90"
5381                              @click="$store.xMobileNav.removeActiveLink('-5-2')"
5382                            ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
5383    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5384  </svg>
5385</span>
5386                            <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">
5387                              
5388                              
5389                                
5390                                
5391                                  <span>Shop By Smoked Meats</span>
5392                                
5393                              
5394                              
5395                              
5396                            </a>
5397                          </div>
5398                          <span
5399                            class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
5400                            @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
5401                          ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
5402    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5403  </svg>
5404</span>
5405                        </div>
5406                        <ul
5407                          id="menu-level-2"
5408                          class="w-full background-header"
5409                        ><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5410                              <a
5411                                href="/collections/a-la-carte-meats"
5412                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5413                                
5414                              >
5415                                
5416                                
5417                                <span class="flex flex-wrap gap-x-2">
5418                                  <span class="font-menu-level-2 mt-auto mb-auto">
5419                                    
5420                                    
5421                                      
5422                                      
5423                                        <span>A La Carte Meats</span>
5424                                      
5425                                    
5426                                  </span>
5427                                  
5428                                  
5429                                </span>
5430                              </a>
5431                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5432                              <a
5433                                href="/collections/brisket"
5434                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5435                                
5436                              >
5437                                
5438                                
5439                                <span class="flex flex-wrap gap-x-2">
5440                                  <span class="font-menu-level-2 mt-auto mb-auto">
5441                                    
5442                                    
5443                                      
5444                                      
5445                                        <span>Brisket</span>
5446                                      
5447                                    
5448                                  </span>
5449                                  
5450                                  
5451                                </span>
5452                              </a>
5453                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5454                              <a
5455                                href="/collections/burnt-ends"
5456                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5457                                
5458                              >
5459                                
5460                                
5461                                <span class="flex flex-wrap gap-x-2">
5462                                  <span class="font-menu-level-2 mt-auto mb-auto">
5463                                    
5464                                    
5465                                      
5466                                      
5467                                        <span>Burnt Ends</span>
5468                                      
5469                                    
5470                                  </span>
5471                                  
5472                                  
5473                                </span>
5474                              </a>
5475                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5476                              <a
5477                                href="/collections/ribs"
5478                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5479                                
5480                              >
5481                                
5482                                
5483                                <span class="flex flex-wrap gap-x-2">
5484                                  <span class="font-menu-level-2 mt-auto mb-auto">
5485                                    
5486                                    
5487                                      
5488                                      
5489                                        <span>Ribs</span>
5490                                      
5491                                    
5492                                  </span>
5493                                  
5494                                  
5495                                </span>
5496                              </a>
5497                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5498                              <a
5499                                href="/collections/pork"
5500                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5501                                
5502                              >
5503                                
5504                                
5505                                <span class="flex flex-wrap gap-x-2">
5506                                  <span class="font-menu-level-2 mt-auto mb-auto">
5507                                    
5508                                    
5509                                      
5510                                      
5511                                        <span>Pork</span>
5512                                      
5513                                    
5514                                  </span>
5515                                  
5516                                  
5517                                </span>
5518                              </a>
5519                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5520                              <a
5521                                href="/collections/poultry"
5522                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5523                                
5524                              >
5525                                
5526                                
5527                                <span class="flex flex-wrap gap-x-2">
5528                                  <span class="font-menu-level-2 mt-auto mb-auto">
5529                                    
5530                                    
5531                                      
5532                                      
5533                                        <span>Poultry</span>
5534                                      
5535                                    
5536                                  </span>
5537                                  
5538                                  
5539                                </span>
5540                              </a>
5541                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5542                              <a
5543                                href="/collections/sausage"
5544                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5545                                
5546                              >
5547                                
5548                                
5549                                <span class="flex flex-wrap gap-x-2">
5550                                  <span class="font-menu-level-2 mt-auto mb-auto">
5551                                    
5552                                    
5553                                      
5554                                      
5555                                        <span>Sausage</span>
5556                                      
5557                                    
5558                                  </span>
5559                                  
5560                                  
5561                                </span>
5562                              </a>
5563                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5564                              <a
5565                                href="/collections/smokie-joe"
5566                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5567                                
5568                              >
5569                                
5570                                
5571                                <span class="flex flex-wrap gap-x-2">
5572                                  <span class="font-menu-level-2 mt-auto mb-auto">
5573                                    
5574                                    
5575                                      
5576                                      
5577                                        <span>Smokie Joe</span>
5578                                      
5579                                    
5580                                  </span>
5581                                  
5582                                  
5583                                </span>
5584                              </a>
5585                            </li></ul>
5586                      </div>
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="/collections/z-man-kits" 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>Shop The Z-Man</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="/collections/sides-extras" 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>Shop Sauces and Sides</span>
5631                            
5632                          
5633                          
5634                          
5635                        </span>
5636                        
5637                      </span>
5638                    </a>
5639</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5640                  
5641                  <div
5642                    class="flex items-center justify-between h-full gap-"
5643                    
5644                  >
5645                    
5646                      <a href="/pages/shipped-bbq-reheating-instructions" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5647                    
5648                      
5649                      
5650                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5651                        <span class="flex flex-wrap gap-x-2">
5652                          
5653                          
5654                            
5655                            
5656                              <span>Reheating Instructions</span>
5657                            
5658                          
5659                          
5660                          
5661                        </span>
5662                        
5663                      </span>
5664                    </a>
5665</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5666                  
5667                  <div
5668                    class="flex items-center justify-between h-full gap-"
5669                    
5670                  >
5671                    
5672                      <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">
5673                    
5674                      
5675                      
5676                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5677                        <span class="flex flex-wrap gap-x-2">
5678                          
5679                          
5680                            
5681                            
5682                              <span>Shipping Policy</span>
5683                            
5684                          
5685                          
5686                          
5687                        </span>
5688                        
5689                      </span>
5690                    </a>
5691</div></li></ul>
5692          </div>
5693        </div><div  
5694        class="flex items-center gap-4 pr-4 pl-4 border-b"
5695      ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation {
5696                background: #7f2629;
5697                color: #ffffff;
5698              }
5699              .color-label-sections--19816061632579__mobile-navigation:before{
5700                border-top-color: #7f2629; 
5701              }
5702              .dark .color-label-sections--19816061632579__mobile-navigation {
5703                background: rgba(0,0,0,0);
5704                color: #ffffff
5705              }
5706              .dark .color-label-sections--19816061632579__mobile-navigation:before {
5707                border-top-color: rgba(0,0,0,0);
5708              }
5709            
5710
5711</style>
5712          <a href="https://joeskansascitybarbecuestore.com/" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
5713        
5714          
5715          
5716          <span class="flex flex-wrap gap-x-2">
5717            <span class="p-break-words font-medium font-menu-level-0">
5718              
5719              
5720                
5721                
5722                  <span>Ship Sauces, Rubs &amp; Merch</span>
5723                
5724              
5725            </span>
5726            
5727            
5728          </span>
5729        </a>
5730</div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-7')" 
5731        class="flex items-center gap-4 pr-4 pl-4 border-b"
5732      ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation {
5733                background: #7f2629;
5734                color: #ffffff;
5735              }
5736              .color-label-sections--19816061632579__mobile-navigation:before{
5737                border-top-color: #7f2629; 
5738              }
5739              .dark .color-label-sections--19816061632579__mobile-navigation {
5740                background: rgba(0,0,0,0);
5741                color: #ffffff
5742              }
5743              .dark .color-label-sections--19816061632579__mobile-navigation:before {
5744                border-top-color: rgba(0,0,0,0);
5745              }
5746            
5747
5748</style>
5749          <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect">
5750        
5751          
5752          
5753          <span class="flex flex-wrap gap-x-2">
5754            <span class="p-break-words font-medium font-menu-level-0">
5755              
5756              
5757                
5758                
5759                  <span>Joe&#39;s Digital Gift Cards</span>
5760                
5761              
5762            </span>
5763            
5764            
5765          </span>
5766        </span>
5767<span
5768            class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90"
5769          >
5769<svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
5770    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5771  </svg>
5772</span></div><div
5773          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"
5774          :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-7')}"
5775        >
5776          <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
5777            :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
5778          >
5779            <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between">
5780              <div class="flex items-center">
5781                <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 
5782                  @click="$store.xMobileNav.removeActiveLink('-7'); "
5783                >
5784                  <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
5785    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5786  </svg>
5787
5788                </span>
5789                <a href="/products/digital-gift-card" class="flex relative flex-wrap gap-x-2 flex-1 font-medium disable-effect">
5790                  <span class="p-break-words font-menu-level-0">
5791                    
5792                    
5793                      
5794                      
5795                        <span>Joe&#39;s Digital Gift Cards</span>
5796                      
5797                    
5798                  </span>
5799                  
5800                  
5801                </a>
5802              </div>
5803              <span
5804                class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
5805                @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
5806              ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
5807    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5808  </svg>
5809</span>
5810            </div>
5811            <ul 
5812              id="menu-level-1"
5813              class="background-header w-full" 
5814            ><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5815                  
5816                  <div
5817                    class="flex items-center justify-between h-full gap-"
5818                    
5819                  >
5820                    
5821                      <a href="/products/digital-gift-card" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5822                    
5823                      
5824                      
5825                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5826                        <span class="flex flex-wrap gap-x-2">
5827                          
5828                          
5829                            
5830                            
5831                              <span>Digital Gift Card</span>
5832                            
5833                          
5834                          
5835                          
5836                        </span>
5837                        
5838                      </span>
5839                    </a>
5840</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5841                  
5842                  <div
5843                    class="flex items-center justify-between h-full gap-"
5844                    
5845                  >
5846                    
5847                      <a href="/pages/gift-card-balance-checker" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5848                    
5849                      
5850                      
5851                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5852                        <span class="flex flex-wrap gap-x-2">
5853                          
5854                          
5855                            
5856                            
5857                              <span>Gift Card Balance Checker</span>
5858                            
5859                          
5860                          
5861                          
5862                        </span>
5863                        
5864                      </span>
5865                    </a>
5866</div></li></ul>
5867          </div>
5868        </div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-8')" 
5869        class="flex items-center gap-4 pr-4 pl-4 border-b"
5870      ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation {
5871                background: #7f2629;
5872                color: #ffffff;
5873              }
5874              .color-label-sections--19816061632579__mobile-navigation:before{
5875                border-top-color: #7f2629; 
5876              }
5877              .dark .color-label-sections--19816061632579__mobile-navigation {
5878                background: rgba(0,0,0,0);
5879                color: #ffffff
5880              }
5881              .dark .color-label-sections--19816061632579__mobile-navigation:before {
5882                border-top-color: rgba(0,0,0,0);
5883              }
5884            
5885
5886</style>
5887          <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect">
5888        
5889          
5890          
5891          <span class="flex flex-wrap gap-x-2">
5892            <span class="p-break-words font-medium font-menu-level-0">
5893              
5894              
5895                
5896                
5897                  <span>Our Story</span>
5898                
5899              
5900            </span>
5901            
5902            
5903          </span>
5904        </span>
5905<span
5906            class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90"
5907          ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
5908    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5909  </svg>
5910</span></div><div
5911          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"
5912          :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-8')}"
5913        >
5914          <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
5915            :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
5916          >
5917            <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between">
5918              <div class="flex items-center">
5919                <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 
5920                  @click="$store.xMobileNav.removeActiveLink('-8'); "
5921                >
5922                  <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
5923    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5924  </svg>
5925
5926                </span>
5927                <a href="/pages/our-story" class="flex relative flex-wrap gap-x-2 flex-1 font-medium disable-effect">
5928                  <span class="p-break-words font-menu-level-0">
5929                    
5930                    
5931                      
5932                      
5933                        <span>Our Story</span>
5934                      
5935                    
5936                  </span>
5937                  
5938                  
5939                </a>
5940              </div>
5941              <span
5942                class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
5943                @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
5944              ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
5945    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5946  </svg>
5947</span>
5948            </div>
5949            <ul 
5950              id="menu-level-1"
5951              class="background-header w-full" 
5952            ><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="/pages/our-story" 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>About Joe&#39;s KC</span>
5970                            
5971                          
5972                          
5973                          
5974                        </span>
5975                        
5976                      </span>
5977                    </a>
5978</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5979                  
5980                  <div
5981                    class="flex items-center justify-between h-full gap-"
5982                    
5983                  >
5984                    
5985                      <a href="/pages/we-ship-bbq" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5986                    
5987                      
5988                      
5989                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5990                        <span class="flex flex-wrap gap-x-2">
5991                          
5992                          
5993                            
5994                            
5995                              <span>We Ship BBQ</span>
5996                            
5997                          
5998                          
5999                          
6000                        </span>
6001                        
6002                      </span>
6003                    </a>
6004</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
6005                  
6006                  <div
6007                    class="flex items-center justify-between h-full gap-"
6008                    
6009                  >
6010                    
6011                      <a href="https://joeskccares.com/" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
6012                    
6013                      
6014                      
6015                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
6016                        <span class="flex flex-wrap gap-x-2">
6017                          
6018                          
6019                            
6020                            
6021                              <span>Joe&#39;s KC Cares</span>
6022                            
6023                          
6024                          
6025                          
6026                        </span>
6027                        
6028                      </span>
6029                    </a>
6030</div></li></ul>
6031          </div>
6032        </div><div  
6033        class="flex items-center gap-4 pr-4 pl-4 border-b"
6034      ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation {
6035                background: #7f2629;
6036                color: #ffffff;
6037              }
6038              .color-label-sections--19816061632579__mobile-navigation:before{
6039                border-top-color: #7f2629; 
6040              }
6041              .dark .color-label-sections--19816061632579__mobile-navigation {
6042                background: rgba(0,0,0,0);
6043                color: #ffffff
6044              }
6045              .dark .color-label-sections--19816061632579__mobile-navigation:before {
6046                border-top-color: rgba(0,0,0,0);
6047              }
6048            
6049
6050</style>
6051          <a href="/pages/contact-us" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6052        
6053          
6054          
6055          <span class="flex flex-wrap gap-x-2">
6056            <span class="p-break-words font-medium font-menu-level-0">
6057              
6058              
6059                
6060                
6061                  <span>Contact Us</span>
6062                
6063              
6064            </span>
6065            
6066            
6067          </span>
6068        </a>
6069</div><div  
6070        class="flex items-center gap-4 pr-4 pl-4 border-b"
6071      ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation {
6072                background: #7f2629;
6073                color: #ffffff;
6074              }
6075              .color-label-sections--19816061632579__mobile-navigation:before{
6076                border-top-color: #7f2629; 
6077              }
6078              .dark .color-label-sections--19816061632579__mobile-navigation {
6079                background: rgba(0,0,0,0);
6080                color: #ffffff
6081              }
6082              .dark .color-label-sections--19816061632579__mobile-navigation:before {
6083                border-top-color: rgba(0,0,0,0);
6084              }
6085            
6086
6087</style>
6088          <a href="/pages/corporate-gifting" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6089        
6090          
6091          
6092          <span class="flex flex-wrap gap-x-2">
6093            <span class="p-break-words font-medium font-menu-level-0">
6094              
6095              
6096                
6097                
6098                  <span>Corporate Gifts 🎁</span>
6099                
6100              
6101            </span>
6102            
6103            
6104          </span>
6105        </a>
6106</div>
6107</li><li class="x-block-login block-mobile-navigation block-mobile-navigation-account pl-4 pr-4 block-mobile-navigation-after" >  
6108                      <style data-shopify>
6109                        .x-block-login.block-mobile-navigation shopify-account::part(signed-out-avatar):after{
6110                          font-family: var(--font-body-family);
6111                          content: 'Log in';
6112                          font-weight: 500;
6113                          
6114                        }
6115                      </style>
6116                    
6117                    <div class=" font-medium pt-3.5 pb-3.5 flex items-center disable-effect">
6118                      <shopify-account menu="customer-account-main-menu">
6119                        <div slot="signed-out-avatar">
6120                          <span class="w-6 h-6 mr-2 rtl:mr-0 rtl:ml-2 block">
6121                          <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">
6122    <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"/>
6123  </svg>
6124
6125                        </span>
6126                        </div>
6127                      </shopify-account>
6128                      
6129                    </div>
6130                  </li>
6131        </ul>
6132      </div>
6133      
6134      <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>
6135          .font-menu-level-2 button {
6136            font-size: 0.875rem;
6137          }
6138
6139          .x-container-mobile-nav-language .toolbar-button {
6140            padding-top: 0.25rem;
6141            padding-bottom: 0.25rem;
6142          }
6143        </style>
6144        <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">
6145</div></div>
6146  </div>
6147</template>
6148</div>
6149<!-- END sections: header-group-puff -->
6150          <!-- BEGIN sections: aside-group-puff -->
6151<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>
6152  .button--quickview.button-solid, .button--quickview.button-disable-effect,
6153  .button--quickview.button-solid:before {--colors-line-and-border: 127, 38, 41;
6154      --colors-button: 127, 38, 41;--colors-button-text: 255, 255, 255;}
6155  .title-size--sections--19816060289091__quick-view {
6156    font-size: 1.35rem;
6157  }
6158  .dark .button--quickview.button-solid, .dark .button--quickview.button-disable-effect,
6159  .dark .button--quickview.button-solid:before {--colors-line-and-border: var(--colors-button);}
6160  @media (min-width: 768px) {
6161    .title-size--sections--19816060289091__quick-view {
6162      font-size: 2.25rem;
6163    }
6164  }
6165  
6166  
6167    #QuickView .media-thumbnail.quickview-border {
6168      border-width: 1px;
6169      
6170        border-radius: 10px;
6171      
6172    }
6173  
6174</style>
6175
6176<div 
6177  id="QuickView"
6178  x-show="$store.xQuickView.show" 
6179  :class="{ 'overflow-hidden padding-scrollbar': $store.xPopup.open }" 
6180  x-cloak 
6181  class="quick_view flex items-end md:items-center fixed top-0 left-0 right-0 bottom-0 z-[90] border"
6182  @keydown.escape="$store.xQuickView.removeFocusQuickView('QuickViewButton'); $store.xQuickView.close()"
6183  @init-run.window="$store.xQuickView.addListener()"
6184  @click="$store.xQuickView.clickInsideQuickView($event)"
6185  x-init="if ( window.location.search.includes('_quick-view') == false ) document.querySelector('.main-container').appendChild($el.parentNode)"
6186>
6187  <div class="x-overlay absolute top-0 left-0 right-0 bottom-0 bg-[#acacac] bg-opacity-30"></div>
6188  <div 
6189    role="dialog"
6190    aria-label="Quick view"
6191    aria-modal="true"
6192    x-show="$store.xQuickView.show"
6193    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"
6194    
6195      x-transition:enter="transition-all ease-in-out duration-500"
6196      x-transition:enter-start="opacity-0 transform translate-y-1/3"
6197      x-transition:enter-end="opacity-100 transform translate-y-0"
6198      x-transition:leave="transition-all ease-in-out duration-500"
6199      x-transition:leave-end="opacity-0 transform translate-y-1/3"
6200    
6201  >
6202    <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]" 
6203      @click.away="$store.xQuickView.close()"
6204      @click="$store.xQuickView.clickInsideContentQuickView($event)"
6205      x-intersect.full="$store.xQuickView.focusQuickView('QuickView', 'QuickViewClose')"
6206    >
6207      
6208        <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()">
6209          <svg class="icon-close-animation" width="100%" height="100%" viewB
6209ox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
6210    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
6211  </svg>
6212
6213        </button>
6214      
6215      <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]">
6216        <div x-show="$store.xQuickView.loading" class="x-container-quickview-placeholder flex gap-x-[4%] flex-wrap animate-Xpulse flex-row-reverse">
6217          <div class="w-full md:w-[48%] bg-slate-200 mb-5 pb-[75%]"></div>
6218          <div class="w-full md:w-[48%]">
6219            
6220            <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>
6221        </div>
6222        <div id="quickview-product-content" class="quick-view" x-show="!$store.xQuickView.loading"></div>
6223      </div>
6224    </div>
6225  </div>
6226</div>
6227
6228
6229<div class="popup-choose-options-mobile fixed z-[60] left-0 right-0 animate-goleft duration-300" x-show="$store.xQuickView.openPopupMobile" x-cloak>
6230    <div class="bg-[#acacac] opacity-40 block md:hidden fixed top-0 right-0 bottom-0 left-0" @click="$store.xQuickView.closePopupMobile()"></div>
6231    <div
6232      x-show="$store.xQuickView.openPopupMobile"
6233      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]"
6234      x-transition:enter="transition-all ease-in-out duration-500" 
6235      x-transition:enter-start="opacity-0 transform translate-y-1/3" 
6236      x-transition:enter-end="opacity-100 transform translate-y-0" 
6237      x-transition:leave="transition ease-in-out duration-500" 
6238      x-transition:leave-end="opacity-0 transform translate-y-1/3"
6239    >
6240      <button 
6241        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"
6242        aria-label="Close quickview"
6243        @click="$store.xQuickView.closePopupMobile()" 
6244      >
6245        <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
6246    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
6247  </svg>
6248
6249      </button>
6250      <div :class="$store.xQuickView.loadingChooseOption ? 'block md:hidden' : 'hidden md:hidden'" class="flex gap-x-[4%] flex-wrap animate-Xpulse flex-row-reverse">
6251        <div class="w-full pl-5 pr-5 pt-7 pb-5">
6252          <p class="mb-5 h-5 w-3/4 bg-slate-200"></p>
6253          <div class="h-7 bg-slate-200 w-full mb-5 rounded"></div>
6254          <div class="h-5 bg-slate-200 w-1/3 mb-5 rounded"></div>
6255          <div class="h-7 bg-slate-200 w-2/3 mb-5 rounded"></div>
6256          <div class="h-7 bg-slate-200 w-1/3 mb-5 rounded"></div>
6257          <div class="h-7 bg-slate-200 w-1/3 mb-5 rounded"></div>
6258          <div class="flex gap-x-5">
6259            <div class="h-10 bg-slate-200 flex-1 mb-5 rounded"></div>
6260            <div class="h-10 bg-slate-200 flex-1 mb-5 rounded"></div>
6261          </div>
6262        </div>
6263      </div>
6264      <div class="choose-options-mobile rtl:text-right" id="choose-options-mobile" x-show="!$store.xQuickView.loadingChooseOption"></div>
6265    </div>
6266  </div>
6267<script>
6268window.xQuickView = {
6269  sectionId: 'sections--19816060289091__quick-view',
6270  enabled: false,
6271  show_atc_button: true,
6272  atc_btn_bottom: true,
6273  atc_btn_image_desktop: true,
6274  buttonLabel: 'Quick view'
6275}
6276</script>
vendor: 1 bytes, line 6276
6276
6277<script src="//www.joeskc.com/cdn/shop/t/80/assets/quick-view.js?v=147214496455540849331785482772" defer></script>
vendor: 1 bytes, line 6277
6277
6278<script src="//www.joeskc.com/cdn/shop/t/80/assets/payment-button.js?v=19694614378629863991785247873" defer></script>
vendor: 1 bytes, line 6278
6278
6279<script src="//www.joeskc.com/cdn/shop/t/80/assets/product-media.js?v=178923250894042546431785247873" defer></script>
vendor: 1 bytes, line 6279
6279
6280<script src="//www.joeskc.com/cdn/shop/t/80/assets/recently-viewed.js?v=93421342682375135181785247873" defer></script>
vendor: 1 bytes, line 6280
6280
6281<script src="//www.joeskc.com/cdn/shop/t/80/assets/customize-picker.js?v=45277056500756448861785482772" defer></script>
vendor: 1 bytes, line 6281
6281
6282<script src="//www.joeskc.com/cdn/shop/t/80/assets/variant-select.js?v=28920746821541902741785247873" defer></script>
6282
6283
6284</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{
6285          background-color:#7f2629;
6286          color:#ffffff;
6287          
6288            border-width: 1px;
6289            border-style: solid;
6290            border-color: #000000;
6291          
6292        }
6293        .dark .x-badge-new_label_q3Fex7 .x-badge-content.x-badge-text{
6294          background-color:#058942;
6295          color:#ffffff;
6296          
6297            border-width: 0;
6298          
6299        }.x-badge-new_label_q3Fex7 {
6300        --font-size-scale: 0.9rem;
6301        
6302      }
6303      @media (min-width: 768px) {
6304        .x-badge-new_label_q3Fex7 {
6305          --font-size-scale: 0.9rem;
6306          
6307        }
6308      }.x-badge-sale_label_RBUaTX .x-badge-content.x-badge-text{
6309          background-color:#ffe600;
6310          color:#202020;
6311          
6312        }
6313        .dark .x-badge-sale_label_RBUaTX .x-badge-content.x-badge-text{
6314          background-color:#ce021e;
6315          color:#ffffff;
6316          
6317            border-width: 0;
6318          
6319        }.x-badge-sale_label_RBUaTX {
6320        --font-size-scale: 0.9rem;
6321        
6322      }
6323      @media (min-width: 768px) {
6324        .x-badge-sale_label_RBUaTX {
6325          --font-size-scale: 0.9rem;
6326          
6327        }
6328      }</style>
6329    <div class="x-badges-block-data" x-badges-block-data='{
6330      "id": "new_label_q3Fex7",
6331      "enable": true,
6332      "type": "new-label",
6333      "settings": {
6334        "show_on_product_card": true,
6335        "show_on_product_page": true,
6336        "applied_to": "",
6337        "applied_products": [],
6338        "applied_collections": [],
6339        "content": "New",
6340        
6341          
6342          "type": "rounded-full",
6343        
6344        "background_color": "#7f2629",
6345        "text_color": "#ffffff",
6346        "image": null,
6347        "image_alt": "",
6348        "image_aspect_ratio": 0,
6349        "size": 2,
6350        "size_mobile": 2,
6351        "opacity": 100,
6352        "position": "top-left",
6353        "horizontal_position": 5,
6354        "vertical_position": 5,
6355        "schedule_enabled": false,
6356        "reset": false,
6357        "duration": 0,
6358        "timezone": 0,
6359        "start_year": 0,
6360        "start_month": 0,
6361        "start_day": 0,
6362        "start_hour": 0,
6363        "start_minute": 0,
6364        "end_year": 0,
6365        "end_month": 0,
6366        "end_day": 0,
6367        "end_hour": 0,
6368        "end_minute": 0,
6369        "day_since": "activation_date",
6370        "number_show": 30
6371      }
6372    }' x-badges-icon=''></div>
6373    <div class="x-badges-block-data" x-badges-block-data='{
6374      "id": "sale_label_RBUaTX",
6375      "enable": true,
6376      "type": "sale-label",
6377      "settings": {
6378        "show_on_product_card": true,
6379        "show_on_product_page": true,
6380        "applied_to": "",
6381        "applied_products": [],
6382        "applied_collections": [],
6383        "content": "Save {sale}",
6384        
6385          
6386          "type": "rounded-full",
6387        
6388        "background_color": "#ffe600",
6389        "text_color": "#202020",
6390        "image": null,
6391        "image_alt": "",
6392        "image_aspect_ratio": 0,
6393        "size": 2,
6394        "size_mobile": 2,
6395        "opacity": 100,
6396        "position": "top-right",
6397        "horizontal_position": 95,
6398        "vertical_position": 5,
6399        "schedule_enabled": false,
6400        "reset": false,
6401        "duration": 0,
6402        "timezone": 0,
6403        "start_year": 0,
6404        "start_month": 0,
6405        "start_day": 0,
6406        "start_hour": 0,
6407        "start_minute": 0,
6408        "end_year": 0,
6409        "end_month": 0,
6410        "end_day": 0,
6411        "end_hour": 0,
6412        "end_minute": 0,
6413        "day_since": "none",
6414        "number_show": 30
6415      }
6416    }' x-badges-icon='   
6417      <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 100" fill="none">
6418        <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"/>
6419      </svg>
6420    
6421
6422'></div>
6422<script src="//www.joeskc.com/cdn/shop/t/80/assets/labels-and-badges.js?v=86550131407629248251785482772" defer></script>
6422
6423</div><section id="shopify-section-sections--19816060289091__popup_promotion_Yc99jk" class="shopify-section shopify-section-group-aside-group-puff section-promotion-popup">
6424<style data-shopify>
6425
6426
6427
6428
6429/* CUSTOM START - mobile promotion popup close button */
6430#PromotionPopupClose-sections--19816060289091__popup_promotion_Yc99jk.group-close-btn {
6431  background: #fff !important;
6432  color: #000 !important;
6433  width: 32px !important;
6434  height: 32px !important;
6435  padding: 0 !important;
6436  border-radius: 50% !important;
6437  display: flex !important;
6438  align-items: center !important;
6439  justify-content: center !important;
6440  box-shadow: none !important;
6441}
6442
6443#PromotionPopupClose-sections--19816060289091__popup_promotion_Yc99jk.group-close-btn .icon-close-container {
6444  background: transparent !important;
6445  color: inherit !important;
6446  width: 14px !important;
6447  height: 14px !important;
6448  padding: 0 !important;
6449  border-radius: 0 !important;
6450  display: flex !important;
6451  align-items: center !important;
6452  justify-content: center !important;
6453}
6454
6455#PromotionPopupClose-sections--19816060289091__popup_promotion_Yc99jk.group-close-btn svg {
6456  width: 14px !important;
6457  height: 14px !important;
6458  display: block !important;
6459}
6460/* CUSTOM END */
6461
6462  .background-sections--19816060289091__popup_promotion_Yc99jk {
6463    background: #fafafa;
6464   }
6465  .dark .background-sections--19816060289091__popup_promotion_Yc99jk {
6466    background: rgb(var(--colors-background-secondary));
6467   }
6468  .content-text-sections--19816060289091__popup_promotion_Yc99jk {
6469      color: rgb(var(--colors-text-secondary));
6470    }
6471    .border-text-sections--19816060289091__popup_promotion_Yc99jk {
6472      border-color: rgb(var(--colors-text));
6473    }
6474  .dark .content-text-sections--19816060289091__popup_promotion_Yc99jk, .dark .background-sections--19816060289091__popup_promotion_Yc99jk {
6475    color: rgb(var(--colors-text-secondary));
6476    }
6477  .dark .border-text-sections--19816060289091__popup_promotion_Yc99jk {
6478    border-color: rgb(var(--colors-text));
6479    }
6480</style>
6481
6482
6483  <div 
6484    x-data='xPopups({
6485      "sectionId": "sections--19816060289091__popup_promotion_Yc99jk",
6486      "name": "popup-promotion",
6487      "delays": 2,
6488      "delayDays": 1,
6489      "show_popup": true,
6490      "showOnMobile": true,
6491      "schedule_enabled": true,
6492      "showCountdown": true,
6493      "overlay": true,
6494      "showMinimal": true,
6495      "showMinimalMobile": true,
6496      "default_style": "full",
6497      "default_style_mobile": "full",
6498      "trigger_intent": "delay",
6499      "scroll_height": 0.25
6500    })'
6501  >
6502    <template x-teleport="#eurus-popup">
6503      
6504      <div @click.stop class="overflow-hidden pointer-events-auto">
6505        <div 
6506          id="x-promo-popup-sections--19816060289091__popup_promotion_Yc99jk"
6507          class="promo-popup w-full relative z-[60] md:absolute md:promotion-alignment--center pointer-events-auto md:w-[700px] lg:w-[810px]"
6508           x-init="load()"
6509          x-cloak
6510          x-intersect.full="$store.xModal.focus('x-promo-popup-sections--19816060289091__popup_promotion_Yc99jk', 'PromotionPopupClose-sections--19816060289091__popup_promotion_Yc99jk'); $store.xCartAnalytics.viewCart();"
6511        >
6512          <style data-shopify>
6513            #x-promo-popup-sections--19816060289091__popup_promotion_Yc99jk .background-sections--19816060289091__popup_promotion_Yc99jk{
6514              will-change: transform, opacity
6515            }
6516          </style>
6517          <div class="relative background-sections--19816060289091__popup_promotion_Yc99jk shadow-popup overflow-hidden rounded-[10px]"
6518             x-show="show && enable" 
6519            
6520  
6521    x-transition:enter="transition-all ease-in-out duration-500"
6522    x-transition:enter-start="opacity-0 transform translate-y-1/3"
6523    x-transition:enter-end="opacity-100 transform translate-y-0"
6524    x-transition:leave="transition-all ease-in-out duration-500"
6525    x-transition:leave-end="opacity-0 transform translate-y-1/3"
6526  
6527
6528          >
6529            <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_Yc99jk" aria-label="Close"
6530              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"
6531              @click.prevent="$store.xModal.removeFocus(); close();"
6532            >
6533              <span class="block icon-close-container w-fit rounded-full">
6534                <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
6535    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
6536  </svg>
6537
6538              </span>
6539            </button>
6540            <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_Yc99jk" aria-label="Close"
6541              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"
6542              @click.prevent="$store.xModal.removeFocus(); close();"
6543            >
6544              <span class="block icon-close-container w-fit rounded-full">
6545                <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
6546    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
6547  </svg>
6548
6549              </span>
6550            </button>
6551            <div class="flex flex-col-reverse md:flex-row flex-col-reverse md:flex-row-reverse rtl:md:flex-row"
6552            >
6553              <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">
6554                <div id="x-promotion-sections--19816060289091__popup_promotion_Yc99jk" class="promotion"
6555                  
6556                    x-data="{ loading: true, textLoad: '-', days: 0, hours: 0, minutes: 0, seconds: 0 }"
6557                    x-countdown-data='{
6558            "blockId": "countdown_timer_dk6wCB",
6559            "schedule_enabled": true,
6560            "timezone": -4,
6561            "start_year": 2026,
6562            "start_month": 8,
6563            "start_day": 13,
6564            "start_hour": 0,
6565            "start_minute": 0,
6566            "end_year": 2026,
6567            "end_month": 8,
6568            "end_day": 17,
6569            "end_hour": 0,
6570            "end_minute": 0,
6571            "reset": false,
6572            "duration": 604800000
6573          }'
6574                    x-intersect='$nextTick(() => {
6575                    if (!true && window.xViewport.innerWidth < 768) return;
6576                      $store.xHelper.countdown({
6577            "blockId": "countdown_timer_dk6wCB",
6578            "schedule_enabled": true,
6579            "timezone": -4,
6580            "start_year": 2026,
6581            "start_month": 8,
6582            "start_day": 13,
6583            "start_hour": 0,
6584            "start_minute": 0,
6585            "end_year": 2026,
6586            "end_month": 8,
6587            "end_day": 17,
6588            "end_hour": 0,
6589            "end_minute": 0,
6590            "reset": false,
6591            "duration": 604800000
6592          }, (canShow, s, m, h, d) => {
6593                        days = d;
6594                        hours = h;
6595                        minutes = m;
6596                        seconds = s;
6597                        loading = false;
6598                      })
6599                    })' 
6600                  
6601                >
6602<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;}
6603                                .dark .heading-sections--19816060289091__popup_promotion_Yc99jk {color: #ffffff;}
6604                                .heading-minimal-sections--19816060289091__popup_promotion_Yc99jk {
6605                                  font-weight: var(--font-heading-weight);color: #000000;}
6606                                .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">
6607                                
6608
6609
6610<style data-shopify>
6611  
6612  .dark .heading-heading_DiR7gW {
6613    
6614      --color-highlight: rgb(127, 38, 41);
6615    
6616  }
6617</style>
6618
6619
6620
6621  
6622
6623  
6624    
6625      
6626        <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
6627  
6628    <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">
6629      <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);"/>
6630    </svg>
6631  
6632</span>
6633      
6634    
6635  
6636
6637  
6638
6639                              </p></div>
6640
6641                          
6642                            
6643                          
6644                          
6645                          <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" >
6646                            <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>
6647                          </div>
6648                        
6649
6650<style data-shopify>.background-countdown-countdown_timer_dk6wCB {
6651                            font-size: var(--font-size-normal);color: #999999;
6652                              border-color: #999999;}
6653                          .dark .background-countdown-countdown_timer_dk6wCB {background: transparent;color: #ffffff;
6654                              border-color: #ffffff;}
6655                          .timer-countdown-countdown_timer_dk6wCB {
6656                            font-size: var(--font-size-large);color: #7f2629
6657}
6658                          .dark .timer-countdown-countdown_timer_dk6wCB {color: #ffffff
6659}</style><div id="x-countdown-popup-sections--19816060289091__popup_promotion_Yc99jk"
6660                          class="block-sections--19816060289091__popup_promotion_Yc99jk x-countdown w-full inline-block md:block  mt-5 lg:mt-7 "
6661                          
6662                        >
6663                          <div id="x-popup-countdown-countdown_timer_dk6wCB" class="x-content-popup-countdown grid grid-cols-4 justify-center gap-3 md:gap-3">
6664                            <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>
6665                            <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>
6666                            <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>
6667                            <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>
6668                          </div>
6669                        </div>
6670
6671                          
6672                            
6673                          
6674                          
6675                          <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" >
6676                            <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>
6677                          </div>
6678                        
6679
6680<style data-shopify>.button.button--button_aDMKn9, .button.button--button_aDMKn9:before {
6681}
6682                          .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>
6683  <a
6684     href="/collections/all-items" 
6685    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 "
6686     
6687  >
6688    
6689<div class="flex justify-center ">
6690  
6691    
6692      
6693        <span class="button-text  is-focus-button:opacity-0">Shop Shipped</span>
6694      
6695    
6696  
6697  
6698</div>
6699  </a>
6700  
6701
6702</div>
6703              </div>
6704                <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">
6705                </div></div>
6706          </div>
6707        </div>
6708      </div>
6709    </template>
6710    
6711      
6712      <template x-teleport="#popup-minimal-left">
6713        <div class="relative mb-2" x-show="showMinimal" x-cloak
6714          x-transition:enter="transition-all ease-in-out duration-500"
6715          x-transition:enter-start="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3"
6716          x-transition:enter-end="opacity-100 transform translate-x-0"
6717          x-transition:leave="transition-all ease-in-out duration-500"
6718          x-transition:leave-end="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3"
6719        >
6720          <div 
6721            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"
6722            aria-label="Media gallery"
6723            @click.prevent="clickMinimal()"
6724          >
6725            <div class="content-text-sections--19816060289091__popup_promotion_Yc99jk mr-7 rtl:mr-0 rtl:ml-7 leading-5 min-h-[1.25rem]">
6726              
6727              
6728              
6729                <p class="heading-minimal-sections--19816060289091__popup_promotion_Yc99jk">
6730                  
6731                    $15 OFF Shipped Z-Man Kits
6732                  
6733                </p>
6734              
6735            </div>
6736          </div>
6737          <button aria-label="Close"
6738            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 "
6739            @click.prevent="closeMinimal()"
6740          >
6741            <span class="block rounded-full h-3 w-3">
6742              <svg class="" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
6743    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
6744  </svg>
6745
6746            </span>
6747          </button>
6748        </div>
6749      </template>
6750    
6751  </div>
6752  
6752<script src="//www.joeskc.com/cdn/shop/t/80/assets/popup.js?v=100348350478779886561785247873" defer></script>
6752
6753  
6753<script src="//www.joeskc.com/cdn/shop/t/80/assets/coupon-code.js?v=75051507617727915801785482772" defer></script>
6753
6754
6755
6756</section><section id="shopify-section-sections--19816060289091__popup_promotion_cDpj6A" class="shopify-section shopify-section-group-aside-group-puff section-promotion-popup">
6757<style data-shopify>
6758
6759
6760
6761
6762/* CUSTOM START - mobile promotion popup close button */
6763#PromotionPopupClose-sections--19816060289091__popup_promotion_cDpj6A.group-close-btn {
6764  background: #fff !important;
6765  color: #000 !important;
6766  width: 32px !important;
6767  height: 32px !important;
6768  padding: 0 !important;
6769  border-radius: 50% !important;
6770  display: flex !important;
6771  align-items: center !important;
6772  justify-content: center !important;
6773  box-shadow: none !important;
6774}
6775
6776#PromotionPopupClose-sections--19816060289091__popup_promotion_cDpj6A.group-close-btn .icon-close-container {
6777  background: transparent !important;
6778  color: inherit !important;
6779  width: 14px !important;
6780  height: 14px !important;
6781  padding: 0 !important;
6782  border-radius: 0 !important;
6783  display: flex !important;
6784  align-items: center !important;
6785  justify-content: center !important;
6786}
6787
6788#PromotionPopupClose-sections--19816060289091__popup_promotion_cDpj6A.group-close-btn svg {
6789  width: 14px !important;
6790  height: 14px !important;
6791  display: block !important;
6792}
6793/* CUSTOM END */
6794
6795  .background-sections--19816060289091__popup_promotion_cDpj6A {
6796    background: #fafafa;
6797   }
6798  .dark .background-sections--19816060289091__popup_promotion_cDpj6A {
6799    background: rgb(var(--colors-background-secondary));
6800   }
6801  .content-text-sections--19816060289091__popup_promotion_cDpj6A {
6802      color: rgb(var(--colors-text-secondary));
6803    }
6804    .border-text-sections--19816060289091__popup_promotion_cDpj6A {
6805      border-color: rgb(var(--colors-text));
6806    }
6807  .dark .content-text-sections--19816060289091__popup_promotion_cDpj6A, .dark .background-sections--19816060289091__popup_promotion_cDpj6A {
6808    color: rgb(var(--colors-text-secondary));
6809    }
6810  .dark .border-text-sections--19816060289091__popup_promotion_cDpj6A {
6811    border-color: rgb(var(--colors-text));
6812    }
6813</style>
6814
6815
6816  <div 
6817    x-data='xPopups({
6818      "sectionId": "sections--19816060289091__popup_promotion_cDpj6A",
6819      "name": "popup-promotion",
6820      "delays": 2,
6821      "delayDays": 1,
6822      "show_popup": true,
6823      "showOnMobile": true,
6824      "schedule_enabled": true,
6825      "showCountdown": true,
6826      "overlay": true,
6827      "showMinimal": true,
6828      "showMinimalMobile": true,
6829      "default_style": "full",
6830      "default_style_mobile": "full",
6831      "trigger_intent": "delay",
6832      "scroll_height": 0.25
6833    })'
6834  >
6835    <template x-teleport="#eurus-popup">
6836      
6837      <div @click.stop class="overflow-hidden pointer-events-auto">
6838        <div 
6839          id="x-promo-popup-sections--19816060289091__popup_promotion_cDpj6A"
6840          class="promo-popup w-full relative z-[60] md:absolute md:promotion-alignment--center pointer-events-auto md:w-[700px] lg:w-[810px]"
6841           x-init="load()"
6842          x-cloak
6843          x-intersect.full="$store.xModal.focus('x-promo-popup-sections--19816060289091__popup_promotion_cDpj6A', 'PromotionPopupClose-sections--19816060289091__popup_promotion_cDpj6A'); $store.xCartAnalytics.viewCart();"
6844        >
6845          <style data-shopify>
6846            #x-promo-popup-sections--19816060289091__popup_promotion_cDpj6A .background-sections--19816060289091__popup_promotion_cDpj6A{
6847              will-change: transform, opacity
6848            }
6849          </style>
6850          <div class="relative background-sections--19816060289091__popup_promotion_cDpj6A shadow-popup overflow-hidden rounded-[10px]"
6851             x-show="show && enable" 
6852            
6853  
6854    x-transition:enter="transition-all ease-in-out duration-500"
6855    x-transition:enter-start="opacity-0 transform translate-y-1/3"
6856    x-transition:enter-end="opacity-100 transform translate-y-0"
6857    x-transition:leave="transition-all ease-in-out duration-500"
6858    x-transition:leave-end="opacity-0 transform translate-y-1/3"
6859  
6860
6861          >
6862            <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_cDpj6A" aria-label="Close"
6863              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"
6864              @click.prevent="$store.xModal.removeFocus(); close();"
6865            >
6866              <span class="block icon-close-container w-fit rounded-full">
6867                <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
6868    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
6869  </svg>
6870
6871              </span>
6872            </button>
6873            <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_cDpj6A" aria-label="Close"
6874              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"
6875              @click.prevent="$store.xModal.removeFocus(); close();"
6876            >
6877              <span class="block icon-close-container w-fit rounded-full">
6878                <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
6879    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
6880  </svg>
6881
6882              </span>
6883            </button>
6884            <div class="flex flex-col-reverse md:flex-row flex-col-reverse md:flex-row-reverse rtl:md:flex-row"
6885            >
6886              <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">
6887                <div id="x-promotion-sections--19816060289091__popup_promotion_cDpj6A" class="promotion"
6888                  
6889                    x-data="{ loading: true, textLoad: '-', days: 0, hours: 0, minutes: 0, seconds: 0 }"
6890                    x-countdown-data='{
6891            "blockId": "countdown_timer_fYDiyB",
6892            "schedule_enabled": true,
6893            "timezone": -4,
6894            "start_year": 2026,
6895            "start_month": 8,
6896            "start_day": 29,
6897            "start_hour": 0,
6898            "start_minute": 0,
6899            "end_year": 2026,
6900            "end_month": 9,
6901            "end_day": 3,
6902            "end_hour": 0,
6903            "end_minute": 0,
6904            "reset": false,
6905            "duration": 604800000
6906          }'
6907                    x-intersect='$nextTick(() => {
6908                    if (!true && window.xViewport.innerWidth < 768) return;
6909                      $store.xHelper.countdown({
6910            "blockId": "countdown_timer_fYDiyB",
6911            "schedule_enabled": true,
6912            "timezone": -4,
6913            "start_year": 2026,
6914            "start_month": 8,
6915            "start_day": 29,
6916            "start_hour": 0,
6917            "start_minute": 0,
6918            "end_year": 2026,
6919            "end_month": 9,
6920            "end_day": 3,
6921            "end_hour": 0,
6922            "end_minute": 0,
6923            "reset": false,
6924            "duration": 604800000
6925          }, (canShow, s, m, h, d) => {
6926                        days = d;
6927                        hours = h;
6928                        minutes = m;
6929                        seconds = s;
6930                        loading = false;
6931                      })
6932                    })' 
6933                  
6934                >
6935<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;}
6936                                .dark .heading-sections--19816060289091__popup_promotion_cDpj6A {color: #ffffff;}
6937                                .heading-minimal-sections--19816060289091__popup_promotion_cDpj6A {
6938                                  font-weight: var(--font-heading-weight);color: #000000;}
6939                                .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">
6940                                
6941
6942
6943<style data-shopify>
6944  
6945  .dark .heading-heading_wHnKqK {
6946    
6947      --color-highlight: rgb(127, 38, 41);
6948    
6949  }
6950</style>
6951
6952
6953
6954  
6955
6956  
6957    
6958      
6959        <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
6960  
6961    <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">
6962      <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);"/>
6963    </svg>
6964  
6965</span>
6966      
6967    
6968  
6969
6970  
6971
6972                              </p></div>
6973
6974                          
6975                            
6976                          
6977                          
6978                          <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" >
6979                            <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>
6980                          </div>
6981                        
6982
6983<style data-shopify>.background-countdown-countdown_timer_fYDiyB {
6984                            font-size: var(--font-size-normal);color: #999999;
6985                              border-color: #999999;}
6986                          .dark .background-countdown-countdown_timer_fYDiyB {background: transparent;color: #ffffff;
6987                              border-color: #ffffff;}
6988                          .timer-countdown-countdown_timer_fYDiyB {
6989                            font-size: var(--font-size-large);color: #7f2629
6990}
6991                          .dark .timer-countdown-countdown_timer_fYDiyB {color: #ffffff
6992}</style><div id="x-countdown-popup-sections--19816060289091__popup_promotion_cDpj6A"
6993                          class="block-sections--19816060289091__popup_promotion_cDpj6A x-countdown w-full inline-block md:block  mt-5 lg:mt-7 "
6994                          
6995                        >
6996                          <div id="x-popup-countdown-countdown_timer_fYDiyB" class="x-content-popup-countdown grid grid-cols-4 justify-center gap-3 md:gap-3">
6997                            <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>
6998                            <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>
6999                            <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>
7000                            <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>
7001                          </div>
7002                        </div>
7003
7004                          
7005                            
7006                          
7007                          
7008                          <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" >
7009                            <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>
7010                          </div>
7011                        
7012
7013<style data-shopify>.button.button--button_pwXrmt, .button.button--button_pwXrmt:before {
7014}
7015                          .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>
7016  <a
7017     href="/collections/all-items" 
7018    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 "
7019     
7020  >
7021    
7022<div class="flex justify-center ">
7023  
7024    
7025      
7026        <span class="button-text  is-focus-button:opacity-0">Shop Shipped</span>
7027      
7028    
7029  
7030  
7031</div>
7032  </a>
7033  
7034
7035</div>
7036              </div>
7037                <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">
7038                </div></div>
7039          </div>
7040        </div>
7041      </div>
7042    </template>
7043    
7044      
7045      <template x-teleport="#popup-minimal-left">
7046        <div class="relative mb-2" x-show="showMinimal" x-cloak
7047          x-transition:enter="transition-all ease-in-out duration-500"
7048          x-transition:enter-start="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3"
7049          x-transition:enter-end="opacity-100 transform translate-x-0"
7050          x-transition:leave="transition-all ease-in-out duration-500"
7051          x-transition:leave-end="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3"
7052        >
7053          <div 
7054            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"
7055            aria-label="Media gallery"
7056            @click.prevent="clickMinimal()"
7057          >
7058            <div class="content-text-sections--19816060289091__popup_promotion_cDpj6A mr-7 rtl:mr-0 rtl:ml-7 leading-5 min-h-[1.25rem]">
7059              
7060              
7061              
7062                <p class="heading-minimal-sections--19816060289091__popup_promotion_cDpj6A">
7063                  
7064                    FREE Gifts with Shipped BBQ
7065                  
7066                </p>
7067              
7068            </div>
7069          </div>
7070          <button aria-label="Close"
7071            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 "
7072            @click.prevent="closeMinimal()"
7073          >
7074            <span class="block rounded-full h-3 w-3">
7075              <svg class="" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
7076    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7077  </svg>
7078
7079            </span>
7080          </button>
7081        </div>
7082      </template>
7083    
7084  </div>
7085  
7085<script src="//www.joeskc.com/cdn/shop/t/80/assets/popup.js?v=100348350478779886561785247873" defer></script>
7085
7086  
7086<script src="//www.joeskc.com/cdn/shop/t/80/assets/coupon-code.js?v=75051507617727915801785482772" defer></script>
7086
7087
7088
7089</section><section id="shopify-section-sections--19816060289091__popup_promotion_cXgLHk" class="shopify-section shopify-section-group-aside-group-puff section-promotion-popup">
7090<style data-shopify>
7091
7092
7093
7094
7095/* CUSTOM START - mobile promotion popup close button */
7096#PromotionPopupClose-sections--19816060289091__popup_promotion_cXgLHk.group-close-btn {
7097  background: #fff !important;
7098  color: #000 !important;
7099  width: 32px !important;
7100  height: 32px !important;
7101  padding: 0 !important;
7102  border-radius: 50% !important;
7103  display: flex !important;
7104  align-items: center !important;
7105  justify-content: center !important;
7106  box-shadow: none !important;
7107}
7108
7109#PromotionPopupClose-sections--19816060289091__popup_promotion_cXgLHk.group-close-btn .icon-close-container {
7110  background: transparent !important;
7111  color: inherit !important;
7112  width: 14px !important;
7113  height: 14px !important;
7114  padding: 0 !important;
7115  border-radius: 0 !important;
7116  display: flex !important;
7117  align-items: center !important;
7118  justify-content: center !important;
7119}
7120
7121#PromotionPopupClose-sections--19816060289091__popup_promotion_cXgLHk.group-close-btn svg {
7122  width: 14px !important;
7123  height: 14px !important;
7124  display: block !important;
7125}
7126/* CUSTOM END */
7127
7128  .background-sections--19816060289091__popup_promotion_cXgLHk {
7129    background: #fafafa;
7130   }
7131  .dark .background-sections--19816060289091__popup_promotion_cXgLHk {
7132    background: rgb(var(--colors-background-secondary));
7133   }
7134  .content-text-sections--19816060289091__popup_promotion_cXgLHk {
7135      color: rgb(var(--colors-text-secondary));
7136    }
7137    .border-text-sections--19816060289091__popup_promotion_cXgLHk {
7138      border-color: rgb(var(--colors-text));
7139    }
7140  .dark .content-text-sections--19816060289091__popup_promotion_cXgLHk, .dark .background-sections--19816060289091__popup_promotion_cXgLHk {
7141    color: rgb(var(--colors-text-secondary));
7142    }
7143  .dark .border-text-sections--19816060289091__popup_promotion_cXgLHk {
7144    border-color: rgb(var(--colors-text));
7145    }
7146</style>
7147
7148
7149  <div 
7150    x-data='xPopups({
7151      "sectionId": "sections--19816060289091__popup_promotion_cXgLHk",
7152      "name": "popup-promotion",
7153      "delays": 2,
7154      "delayDays": 1,
7155      "show_popup": true,
7156      "showOnMobile": true,
7157      "schedule_enabled": true,
7158      "showCountdown": true,
7159      "overlay": true,
7160      "showMinimal": true,
7161      "showMinimalMobile": true,
7162      "default_style": "full",
7163      "default_style_mobile": "full",
7164      "trigger_intent": "delay",
7165      "scroll_height": 0.25
7166    })'
7167  >
7168    <template x-teleport="#eurus-popup">
7169      
7170      <div @click.stop class="overflow-hidden pointer-events-auto">
7171        <div 
7172          id="x-promo-popup-sections--19816060289091__popup_promotion_cXgLHk"
7173          class="promo-popup w-full relative z-[60] md:absolute md:promotion-alignment--center pointer-events-auto md:w-[700px] lg:w-[810px]"
7174           x-init="load()"
7175          x-cloak
7176          x-intersect.full="$store.xModal.focus('x-promo-popup-sections--19816060289091__popup_promotion_cXgLHk', 'PromotionPopupClose-sections--19816060289091__popup_promotion_cXgLHk'); $store.xCartAnalytics.viewCart();"
7177        >
7178          <style data-shopify>
7179            #x-promo-popup-sections--19816060289091__popup_promotion_cXgLHk .background-sections--19816060289091__popup_promotion_cXgLHk{
7180              will-change: transform, opacity
7181            }
7182          </style>
7183          <div class="relative background-sections--19816060289091__popup_promotion_cXgLHk shadow-popup overflow-hidden rounded-[10px]"
7184             x-show="show && enable" 
7185            
7186  
7187    x-transition:enter="transition-all ease-in-out duration-500"
7188    x-transition:enter-start="opacity-0 transform translate-y-1/3"
7189    x-transition:enter-end="opacity-100 transform translate-y-0"
7190    x-transition:leave="transition-all ease-in-out duration-500"
7191    x-transition:leave-end="opacity-0 transform translate-y-1/3"
7192  
7193
7194          >
7195            <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_cXgLHk" aria-label="Close"
7196              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"
7197              @click.prevent="$store.xModal.removeFocus(); close();"
7198            >
7199              <span class="block icon-close-container w-fit rounded-full">
7200                <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
7201    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7202  </svg>
7203
7204              </span>
7205            </button>
7206            <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_cXgLHk" aria-label="Close"
7207              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"
7208              @click.prevent="$store.xModal.removeFocus(); close();"
7209            >
7210              <span class="block icon-close-container w-fit rounded-full">
7211                <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
7212    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7213  </svg>
7214
7215              </span>
7216            </button>
7217            <div class="flex flex-col-reverse md:flex-row flex-col-reverse md:flex-row-reverse rtl:md:flex-row"
7218            >
7219              <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">
7220                <div id="x-promotion-sections--19816060289091__popup_promotion_cXgLHk" class="promotion"
7221                  
7222                    x-data="{ loading: true, textLoad: '-', days: 0, hours: 0, minutes: 0, seconds: 0 }"
7223                    x-countdown-data='{
7224            "blockId": "countdown_timer_3naWnT",
7225            "schedule_enabled": true,
7226            "timezone": -4,
7227            "start_year": 2026,
7228            "start_month": 8,
7229            "start_day": 23,
7230            "start_hour": 23,
7231            "start_minute": 45,
7232            "end_year": 2026,
7233            "end_month": 8,
7234            "end_day": 29,
7235            "end_hour": 0,
7236            "end_minute": 0,
7237            "reset": false,
7238            "duration": 604800000
7239          }'
7240                    x-intersect='$nextTick(() => {
7241                    if (!true && window.xViewport.innerWidth < 768) return;
7242                      $store.xHelper.countdown({
7243            "blockId": "countdown_timer_3naWnT",
7244            "schedule_enabled": true,
7245            "timezone": -4,
7246            "start_year": 2026,
7247            "start_month": 8,
7248            "start_day": 23,
7249            "start_hour": 23,
7250            "start_minute": 45,
7251            "end_year": 2026,
7252            "end_month": 8,
7253            "end_day": 29,
7254            "end_hour": 0,
7255            "end_minute": 0,
7256            "reset": false,
7257            "duration": 604800000
7258          }, (canShow, s, m, h, d) => {
7259                        days = d;
7260                        hours = h;
7261                        minutes = m;
7262                        seconds = s;
7263                        loading = false;
7264                      })
7265                    })' 
7266                  
7267                >
7268<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;}
7269                                .dark .heading-sections--19816060289091__popup_promotion_cXgLHk {color: #ffffff;}
7270                                .heading-minimal-sections--19816060289091__popup_promotion_cXgLHk {
7271                                  font-weight: var(--font-heading-weight);color: #000000;}
7272                                .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">
7273                                
7274
7275
7276<style data-shopify>
7277  
7278  .dark .heading-heading_NJmriH {
7279    
7280      --color-highlight: rgb(127, 38, 41);
7281    
7282  }
7283</style>
7284
7285
7286
7287  
7288
7289  
7290    
7291      
7292        <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🌽
7293  
7294    <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">
7295      <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);"/>
7296    </svg>
7297  
7298</span>
7299      
7300    
7301  
7302
7303  
7304
7305                              </p></div>
7306
7307                          
7308                            
7309                          
7310                          
7311                          <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" >
7312                            <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>
7313                          </div>
7314                        
7315
7316<style data-shopify>.background-countdown-countdown_timer_3naWnT {
7317                            font-size: var(--font-size-normal);color: #999999;
7318                              border-color: #999999;}
7319                          .dark .background-countdown-countdown_timer_3naWnT {background: transparent;color: #ffffff;
7320                              border-color: #ffffff;}
7321                          .timer-countdown-countdown_timer_3naWnT {
7322                            font-size: var(--font-size-large);color: #7f2629
7323}
7324                          .dark .timer-countdown-countdown_timer_3naWnT {color: #ffffff
7325}</style><div id="x-countdown-popup-sections--19816060289091__popup_promotion_cXgLHk"
7326                          class="block-sections--19816060289091__popup_promotion_cXgLHk x-countdown w-full inline-block md:block  mt-5 lg:mt-7 "
7327                          
7328                        >
7329                          <div id="x-popup-countdown-countdown_timer_3naWnT" class="x-content-popup-countdown grid grid-cols-4 justify-center gap-3 md:gap-3">
7330                            <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>
7331                            <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>
7332                            <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>
7333                            <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>
7334                          </div>
7335                        </div>
7336
7337                          
7338                            
7339                          
7340                          
7341                          <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" >
7342                            <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>
7343                          </div>
7344                        
7345
7346<style data-shopify>.button.button--button_YFdTyD, .button.button--button_YFdTyD:before {
7347}
7348                          .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>
7349  <a
7350     href="/collections/all-items" 
7351    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 "
7352     
7353  >
7354    
7355<div class="flex justify-center ">
7356  
7357    
7358      
7359        <span class="button-text  is-focus-button:opacity-0">Shop Shipped</span>
7360      
7361    
7362  
7363  
7364</div>
7365  </a>
7366  
7367
7368</div>
7369              </div>
7370                <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">
7371                </div></div>
7372          </div>
7373        </div>
7374      </div>
7375    </template>
7376    
7377      
7378      <template x-teleport="#popup-minimal-left">
7379        <div class="relative mb-2" x-show="showMinimal" x-cloak
7380          x-transition:enter="transition-all ease-in-out duration-500"
7381          x-transition:enter-start="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3"
7382          x-transition:enter-end="opacity-100 transform translate-x-0"
7383          x-transition:leave="transition-all ease-in-out duration-500"
7384          x-transition:leave-end="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3"
7385        >
7386          <div 
7387            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"
7388            aria-label="Media gallery"
7389            @click.prevent="clickMinimal()"
7390          >
7391            <div class="content-text-sections--19816060289091__popup_promotion_cXgLHk mr-7 rtl:mr-0 rtl:ml-7 leading-5 min-h-[1.25rem]">
7392              
7393              
7394              
7395                <p class="heading-minimal-sections--19816060289091__popup_promotion_cXgLHk">
7396                  
7397                    🌽 NEW PRODUCT GIVEAWAY🌽
7398                  
7399                </p>
7400              
7401            </div>
7402          </div>
7403          <button aria-label="Close"
7404            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 "
7405            @click.prevent="closeMinimal()"
7406          >
7407            <span class="block rounded-full h-3 w-3">
7408              <svg class="" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
7409    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7410  </svg>
7411
7412            </span>
7413          </button>
7414        </div>
7415      </template>
7416    
7417  </div>
7418  
7418<script src="//www.joeskc.com/cdn/shop/t/80/assets/popup.js?v=100348350478779886561785247873" defer></script>
7418
7419  
7419<script src="//www.joeskc.com/cdn/shop/t/80/assets/coupon-code.js?v=75051507617727915801785482772" defer></script>
7419
7420
7421
7422</section><section id="shopify-section-sections--19816060289091__popup_promotion_rerbMf" class="shopify-section shopify-section-group-aside-group-puff section-promotion-popup">
7423<style data-shopify>
7424
7425
7426
7427
7428/* CUSTOM START - mobile promotion popup close button */
7429#PromotionPopupClose-sections--19816060289091__popup_promotion_rerbMf.group-close-btn {
7430  background: #fff !important;
7431  color: #000 !important;
7432  width: 32px !important;
7433  height: 32px !important;
7434  padding: 0 !important;
7435  border-radius: 50% !important;
7436  display: flex !important;
7437  align-items: center !important;
7438  justify-content: center !important;
7439  box-shadow: none !important;
7440}
7441
7442#PromotionPopupClose-sections--19816060289091__popup_promotion_rerbMf.group-close-btn .icon-close-container {
7443  background: transparent !important;
7444  color: inherit !important;
7445  width: 14px !important;
7446  height: 14px !important;
7447  padding: 0 !important;
7448  border-radius: 0 !important;
7449  display: flex !important;
7450  align-items: center !important;
7451  justify-content: center !important;
7452}
7453
7454#PromotionPopupClose-sections--19816060289091__popup_promotion_rerbMf.group-close-btn svg {
7455  width: 14px !important;
7456  height: 14px !important;
7457  display: block !important;
7458}
7459/* CUSTOM END */
7460
7461  .background-sections--19816060289091__popup_promotion_rerbMf {
7462    background: #fafafa;
7463   }
7464  .dark .background-sections--19816060289091__popup_promotion_rerbMf {
7465    background: rgb(var(--colors-background-secondary));
7466   }
7467  .content-text-sections--19816060289091__popup_promotion_rerbMf {
7468      color: rgb(var(--colors-text-secondary));
7469    }
7470    .border-text-sections--19816060289091__popup_promotion_rerbMf {
7471      border-color: rgb(var(--colors-text));
7472    }
7473  .dark .content-text-sections--19816060289091__popup_promotion_rerbMf, .dark .background-sections--19816060289091__popup_promotion_rerbMf {
7474    color: rgb(var(--colors-text-secondary));
7475    }
7476  .dark .border-text-sections--19816060289091__popup_promotion_rerbMf {
7477    border-color: rgb(var(--colors-text));
7478    }
7479</style>
7480
7481
7482  <div 
7483    x-data='xPopups({
7484      "sectionId": "sections--19816060289091__popup_promotion_rerbMf",
7485      "name": "popup-promotion",
7486      "delays": 2,
7487      "delayDays": 1,
7488      "show_popup": true,
7489      "showOnMobile": true,
7490      "schedule_enabled": true,
7491      "showCountdown": true,
7492      "overlay": true,
7493      "showMinimal": true,
7494      "showMinimalMobile": true,
7495      "default_style": "full",
7496      "default_style_mobile": "full",
7497      "trigger_intent": "delay",
7498      "scroll_height": 0.25
7499    })'
7500  >
7501    <template x-teleport="#eurus-popup">
7502      
7503      <div @click.stop class="overflow-hidden pointer-events-auto">
7504        <div 
7505          id="x-promo-popup-sections--19816060289091__popup_promotion_rerbMf"
7506          class="promo-popup w-full relative z-[60] md:absolute md:promotion-alignment--center pointer-events-auto md:w-[700px] lg:w-[810px]"
7507           x-init="load()"
7508          x-cloak
7509          x-intersect.full="$store.xModal.focus('x-promo-popup-sections--19816060289091__popup_promotion_rerbMf', 'PromotionPopupClose-sections--19816060289091__popup_promotion_rerbMf'); $store.xCartAnalytics.viewCart();"
7510        >
7511          <style data-shopify>
7512            #x-promo-popup-sections--19816060289091__popup_promotion_rerbMf .background-sections--19816060289091__popup_promotion_rerbMf{
7513              will-change: transform, opacity
7514            }
7515          </style>
7516          <div class="relative background-sections--19816060289091__popup_promotion_rerbMf shadow-popup overflow-hidden rounded-[10px]"
7517             x-show="show && enable" 
7518            
7519  
7520    x-transition:enter="transition-all ease-in-out duration-500"
7521    x-transition:enter-start="opacity-0 transform translate-y-1/3"
7522    x-transition:enter-end="opacity-100 transform translate-y-0"
7523    x-transition:leave="transition-all ease-in-out duration-500"
7524    x-transition:leave-end="opacity-0 transform translate-y-1/3"
7525  
7526
7527          >
7528            <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_rerbMf" aria-label="Close"
7529              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"
7530              @click.prevent="$store.xModal.removeFocus(); close();"
7531            >
7532              <span class="block icon-close-container w-fit rounded-full">
7533                <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
7534    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7535  </svg>
7536
7537              </span>
7538            </button>
7539            <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_rerbMf" aria-label="Close"
7540              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"
7541              @click.prevent="$store.xModal.removeFocus(); close();"
7542            >
7543              <span class="block icon-close-container w-fit rounded-full">
7544                <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
7545    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7546  </svg>
7547
7548              </span>
7549            </button>
7550            <div class="flex flex-col-reverse md:flex-row flex-col-reverse md:flex-row-reverse rtl:md:flex-row"
7551            >
7552              <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">
7553                <div id="x-promotion-sections--19816060289091__popup_promotion_rerbMf" class="promotion"
7554                  
7555                    x-data="{ loading: true, textLoad: '-', days: 0, hours: 0, minutes: 0, seconds: 0 }"
7556                    x-countdown-data='{
7557            "blockId": "countdown_timer_QiaNtW",
7558            "schedule_enabled": true,
7559            "timezone": -4,
7560            "start_year": 2026,
7561            "start_month": 7,
7562            "start_day": 24,
7563            "start_hour": 0,
7564            "start_minute": 0,
7565            "end_year": 2026,
7566            "end_month": 9,
7567            "end_day": 29,
7568            "end_hour": 0,
7569            "end_minute": 0,
7570            "reset": false,
7571            "duration": 604800000
7572          }'
7573                    x-intersect='$nextTick(() => {
7574                    if (!true && window.xViewport.innerWidth < 768) return;
7575                      $store.xHelper.countdown({
7576            "blockId": "countdown_timer_QiaNtW",
7577            "schedule_enabled": true,
7578            "timezone": -4,
7579            "start_year": 2026,
7580            "start_month": 7,
7581            "start_day": 24,
7582            "start_hour": 0,
7583            "start_minute": 0,
7584            "end_year": 2026,
7585            "end_month": 9,
7586            "end_day": 29,
7587            "end_hour": 0,
7588            "end_minute": 0,
7589            "reset": false,
7590            "duration": 604800000
7591          }, (canShow, s, m, h, d) => {
7592                        days = d;
7593                        hours = h;
7594                        minutes = m;
7595                        seconds = s;
7596                        loading = false;
7597                      })
7598                    })' 
7599                  
7600                >
7601<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;}
7602                                .dark .heading-sections--19816060289091__popup_promotion_rerbMf {color: #ffffff;}
7603                                .heading-minimal-sections--19816060289091__popup_promotion_rerbMf {
7604                                  font-weight: var(--font-heading-weight);color: #000000;}
7605                                .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">
7606                                
7607
7608
7609<style data-shopify>
7610  
7611  .dark .heading-heading_JHKW6M {
7612    
7613      --color-highlight: rgb(127, 38, 41);
7614    
7615  }
7616</style>
7617
7618
7619
7620  
7621
7622  
7623    
7624      
7625        <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
7626  
7627    <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">
7628      <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);"/>
7629    </svg>
7630  
7631</span>
7632      
7633    
7634  
7635
7636  
7637
7638                              </p></div>
7639
7640                          
7641                            
7642                          
7643                          
7644                          <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" >
7645                            <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>
7646                          </div>
7647                        
7648
7649<style data-shopify>.background-countdown-countdown_timer_QiaNtW {
7650                            font-size: var(--font-size-normal);color: #999999;
7651                              border-color: #999999;}
7652                          .dark .background-countdown-countdown_timer_QiaNtW {background: transparent;color: #ffffff;
7653                              border-color: #ffffff;}
7654                          .timer-countdown-countdown_timer_QiaNtW {
7655                            font-size: var(--font-size-large);color: #7f2629
7656}
7657                          .dark .timer-countdown-countdown_timer_QiaNtW {color: #ffffff
7658}</style><div id="x-countdown-popup-sections--19816060289091__popup_promotion_rerbMf"
7659                          class="block-sections--19816060289091__popup_promotion_rerbMf x-countdown w-full inline-block md:block  mt-5 lg:mt-7 "
7660                          
7661                        >
7662                          <div id="x-popup-countdown-countdown_timer_QiaNtW" class="x-content-popup-countdown grid grid-cols-4 justify-center gap-3 md:gap-3">
7663                            <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>
7664                            <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>
7665                            <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>
7666                            <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>
7667                          </div>
7668                        </div>
7669
7670                          
7671                            
7672                          
7673                          
7674                          <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" >
7675                            <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>
7676                          </div>
7677                        
7678
7679<style data-shopify>.button.button--button_LTRzG7, .button.button--button_LTRzG7:before {
7680}
7681                          .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>
7682  <a
7683     href="/collections/all-items" 
7684    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 "
7685     
7686  >
7687    
7688<div class="flex justify-center ">
7689  
7690    
7691      
7692        <span class="button-text  is-focus-button:opacity-0">SHOP SHIPPED NOW</span>
7693      
7694    
7695  
7696  
7697</div>
7698  </a>
7699  
7700
7701</div>
7702              </div>
7703                <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">
7704                </div></div>
7705          </div>
7706        </div>
7707      </div>
7708    </template>
7709    
7710      
7711      <template x-teleport="#popup-minimal-left">
7712        <div class="relative mb-2" x-show="showMinimal" x-cloak
7713          x-transition:enter="transition-all ease-in-out duration-500"
7714          x-transition:enter-start="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3"
7715          x-transition:enter-end="opacity-100 transform translate-x-0"
7716          x-transition:leave="transition-all ease-in-out duration-500"
7717          x-transition:leave-end="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3"
7718        >
7719          <div 
7720            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"
7721            aria-label="Media gallery"
7722            @click.prevent="clickMinimal()"
7723          >
7724            <div class="content-text-sections--19816060289091__popup_promotion_rerbMf mr-7 rtl:mr-0 rtl:ml-7 leading-5 min-h-[1.25rem]">
7725              
7726              
7727              
7728                <p class="heading-minimal-sections--19816060289091__popup_promotion_rerbMf">
7729                  
7730                    FREE Gift with Shipped BBQ
7731                  
7732                </p>
7733              
7734            </div>
7735          </div>
7736          <button aria-label="Close"
7737            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 "
7738            @click.prevent="closeMinimal()"
7739          >
7740            <span class="block rounded-full h-3 w-3">
7741              <svg class="" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
7742    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7743  </svg>
7744
7745            </span>
7746          </button>
7747        </div>
7748      </template>
7749    
7750  </div>
7751  
7751<script src="//www.joeskc.com/cdn/shop/t/80/assets/popup.js?v=100348350478779886561785247873" defer></script>
7751
7752  
7752<script src="//www.joeskc.com/cdn/shop/t/80/assets/coupon-code.js?v=75051507617727915801785482772" defer></script>
7752
7753
7754
7755</section>
7756<!-- END sections: aside-group-puff -->
7757        
7758
7759      
7760      <main id="MainContent" class="content-for-layout focus-none outline-none grow theme-template-index theme-template-suffix-none" role="main" tabindex="-1">
7761        <div id="shopify-section-template--19816069922883__buttons_grid_b4zrxz" class="shopify-section">
7762
7763<section
7764  class="buttons-grid-section
7765    pt-[32px]
7766    pb-[28px]
7767    lg:pt-[32px]
7768    lg:pb-[28px]"
7769  style="
7770    
7771      background-color: rgba(0,0,0,0);
7772    
7773  "
7774>
7775  <div class="mx-auto w-full px-[60px] lg:px-[100px]">
7776
7777    
7778      
7779      <h1 class="hh1 text-center mb-6">
7780        Order Joe's Kansas City Bar-B-Que
7781      </h1>
7782    
7783
7784<div class="buttons-grid grid grid-cols-1 lg:grid-cols-4">
7785
7786      
7787        
7788        
7789        
7790        
7791        
7792
7793        
7794        
7795
7796        
7797        
7798
7799        
7800          <div class="flex justify-center w-full">
7801            <a
7802              href="https://order.joeskc.com/search"
7803                            class="button  flex items-center justify-center w-full
7804                rounded-full
7805                h-[2.875rem] lg:h-[3.125rem]
7806                button-solid
7807                  "
7808
7809              
7810              aria-label="Order Pick Up"
7811            >
7812              
7813<div class="flex justify-center ">
7814  
7815    
7816      
7817        <span class="button-text  is-focus-button:opacity-0">Order Pick Up</span>
7818      
7819    
7820  
7821  
7822</div>
7823            </a>
7824          </div>
7825        
7826      
7827        
7828        
7829        
7830        
7831        
7832
7833        
7834        
7835
7836        
7837        
7838
7839        
7840          <div class="flex justify-center w-full">
7841            <a
7842              href="https://catering.joeskc.com/search"
7843                            class="button  flex items-center justify-center w-full
7844                rounded-full
7845                h-[2.875rem] lg:h-[3.125rem]
7846                button-solid
7847                  "
7848
7849              
7850              aria-label="Order Catering"
7851            >
7852              
7853<div class="flex justify-center ">
7854  
7855    
7856      
7857        <span class="button-text  is-focus-button:opacity-0">Order Catering</span>
7858      
7859    
7860  
7861  
7862</div>
7863            </a>
7864          </div>
7865        
7866      
7867        
7868        
7869        
7870        
7871        
7872
7873        
7874        
7875
7876        
7877        
7878
7879        
7880          <div class="flex justify-center w-full">
7881            <a
7882              href="/collections"
7883                            class="button  flex items-center justify-center w-full
7884                rounded-full
7885                h-[2.875rem] lg:h-[3.125rem]
7886                button-solid
7887                  "
7888
7889              
7890              aria-label="Ship Joe's Nationwide"
7891            >
7892              
7893<div class="flex justify-center ">
7894  
7895    
7896      
7897        <span class="button-text  is-focus-button:opacity-0">Ship Joe&#39;s Nationwide</span>
7898      
7899    
7900  
7901  
7902</div>
7903            </a>
7904          </div>
7905        
7906      
7907        
7908        
7909        
7910        
7911        
7912
7913        
7914        
7915
7916        
7917        
7918
7919        
7920          <div class="flex justify-center w-full">
7921            <a
7922              href="/pages/restaurant-allergen-information"
7923                            class="button  flex items-center justify-center w-full
7924                rounded-full
7925                h-[2.875rem] lg:h-[3.125rem]
7926                button-solid
7927                  "
7928
7929              
7930              aria-label="Allergen Menu"
7931            >
7932              
7933<div class="flex justify-center ">
7934  
7935    
7936      
7937        <span class="button-text  is-focus-button:opacity-0">Allergen Menu</span>
7938      
7939    
7940  
7941  
7942</div>
7943            </a>
7944          </div>
7945        
7946      
7947    </div>
7948  </div>
7949</section>
7950
7951
7952<style>
7953  .buttons-grid-section {
7954    padding-left: 60px;
7955    padding-right: 60px;
7956    padding-top: 32px;
7957    padding-bottom: 28px;
7958  }
7959
7960  .buttons-grid-section .buttons-grid {
7961    row-gap: 16px;
7962    column-gap: 64px;
7963  }
7964
7965  @media (min-width: 1024px) {
7966  .buttons-grid-section {
7967    padding-left: 100px;
7968    padding-right: 100px;
7969    padding-top: 32px;
7970    padding-bottom: 28px;
7971  }
7972
7973  .buttons-grid-section .buttons-grid {
7974    row-gap: 20px;
7975    column-gap: 58px;
7976  }
7977}
7978</style>
7979
7980
7981
7982
7983<style> #shopify-section-template--19816069922883__buttons_grid_b4zrxz h1 {text-align: center; background-color: rgba(35, 31, 32, 0.75); color: #ffffff; padding: 12px 16px; border-radius: 4px; font-size: 16px; font-style: italic;} #shopify-section-template--19816069922883__buttons_grid_b4zrxz a {font-size: clamp(12px, 2.5vw, 16px); font-weight: 700; width: 100%; max-width: 100%; display: flex; justify-content: center;} </style></div><section id="shopify-section-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-
7983a0e11305981c" class="shopify-section section section-slideshow"><style data-shopify>
7984  .x-splide-slide.is-active .animate_transition_three_fold_text,
7985  .active.animate_transition_three_fold_text,
7986  .disable-animation-slideshow .animate_transition_three_fold_text {
7987    transform: translateY(0);
7988    opacity: 1;
7989    will-change: transform, opacity;
7990  }
7991  .animate_transition_three_fold_text, .animate_transition_three_fold_right {
7992    opacity: 0;
7993    transition-property: transform,opacity;
7994    transition-timing-function: ease-in;
7995    transition-duration: var(--transition-slideshow);
7996  }
7997  .animate_transition_three_fold_text {
7998    transform: translateY(100%);
7999  }
8000  .animate_transition_three_fold_right {
8001    transform: translateX(100%);
8002  }
8003  .disable-animation-slideshow .animate_transition_three_fold_right , 
8004  .disable-animation-slideshow .animate_transition_three_fold_left,
8005  .rtl .disable-animation-slideshow .animate_transition_three_fold_right , 
8006  .rtl .disable-animation-slideshow .animate_transition_three_fold_left {
8007    transform: translateX(0%);
8008    opacity: 1;
8009  }
8010  .animate_transition_three_fold_left {
8011    opacity: 0;
8012    transform: translateX(-100%);
8013    transition-property: transform,opacity;
8014    transition-timing-function: ease-in;
8015    transition-duration: var(--transition-slideshow);
8016  }
8017  .x-splide-slide.is-active .animate_transition_three_fold_right,
8018  .x-splide-slide.is-active .animate_transition_three_fold_left,
8019  .active.animate_transition_three_fold_right,
8020  .active.animate_transition_three_fold_left {
8021    opacity: 1;
8022    transform: translateX(0%);
8023    will-change: transform, opacity;
8024  }
8025  .animate-paginate-slideshow {
8026    transform: translateY(100%);
8027    transition-property: transform,opacity;
8028    transition-timing-function: ease-in;
8029    transition-duration: 0.4s;
8030  }
8031  .active.animate-paginate-slideshow {
8032    transform: translateY(0);
8033    will-change: transform;
8034  }
8035  #x-slideshow-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .pagination-dots button:after{
8036    content: '';
8037    background: rgba(var(--image-treatment-text));
8038    margin-left:0.375rem;
8039    margin-right:0.375rem;
8040    height:0.5rem;
8041    width:0.5rem;
8042    border-radius:9999px;
8043    opacity:0.5;
8044  }
8045  #x-slideshow-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .pagination-dots button.is-active:after{
8046    content: '';
8047    --tw-scale-x:1.5;
8048    --tw-scale-y:1.5;
8049    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
8050    opacity:1;
8051    transition-duration:300ms;
8052  }
8053  @media (min-width: 1024px) {
8054    .animate_transition_slide__image_three_fold_right, .animate_transition_slide__image_three_fold_left {
8055      overflow: hidden;
8056      scale: 1.1;
8057    }
8058    .animate_transition_slide__image_three_fold_right {
8059      transform-origin: 0 100%;
8060      transform: rotate(5deg);
8061    }
8062    .animate_transition_slide__image_three_fold_left {
8063      transform-origin: 100% 100%;
8064      transform: rotate(-5deg);
8065    }
8066    .x-splide-slide.is-active .animate_transition_slide__image_three_fold_left,
8067    .x-splide-slide.is-active .animate_transition_slide__image_three_fold_right,
8068    .active.animate_transition_slide__image_three_fold_left,
8069    .active.animate_transition_slide__image_three_fold_right {
8070      scale: 1.1;
8071    }
8072    #x-slideshow-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .pagination-dots button:after{
8073      height:0.625rem;
8074      width:0.625rem
8075    }
8076  }
8077  @media screen and (max-width: 767px) {
8078    .mobile-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-natural{
8079      height: 550px;
8080    }
8081  }
8082  @media screen and (min-width: 768px) {
8083    .desktop-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-natural{
8084      height: 0;
8085        padding-bottom: 56.33802816901409%;
8086    }
8087  }
8088  .paginate-slide-image--template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c {
8089    
8090    
8091  }
8092  
8093    #overlay-image-paginate--template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c.active {
8094      transition: width 10s ease-out;
8095      width: 100%;
8096      left: 0;
8097      right: auto;
8098      transform-origin: left;
8099    }
8100    .rtl #overlay-image-paginate--template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c.active {
8101      right: 0;
8102      left: auto;
8103      transform-origin: right;
8104    }
8105    
8106      #x-slideshow-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c:hover #overlay-image-paginate--template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c.active {
8107        transition: none;
8108        width: 0%;
8109      }
8110    
8111    
8112  .splide__arrow--prev:hover .pagination-button-next-overlay {
8113    opacity: 0;
8114    transition-duration: 100ms;
8115  }
8116  .splide__arrow--next:hover .pagination-image-next-overlay {
8117    opacity: 0;
8118    transition-duration: 100ms;
8119  }
8120   
8121    .hidden-img-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c img[loading="lazy"] {
8122      display: none;
8123    }
8124    .hidden-img-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c div[x-slide-index="0"] img[loading="lazy"] {
8125      display: block;
8126    }
8127  
8128  #shopify-section-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c {
8129    padding-top: 0px;
8130    padding-bottom: 20px;
8131  }
8132  @media (min-width: 768px) { 
8133    #shopify-section-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-
8133a0e11305981c {
8134      padding-top: 0px;
8135      padding-bottom: 28px;
8136    }
8137  }</style><div
8138  id="x-slideshow-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c"
8139  x-data="{ intersect: false }"
8140  class="x-container-slideshow pause-on-hover_slide_show splide-slideshow overflow-hidden visible mr-auto ml-auto x-splide splide cursor-grab group md:pl-0 md:pr-0 full-width-mobile hidden-img-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c"
8141  
8142    x-intersect.once.margin.200px='
8143      intersect = true;
8144      $store.xSplide.load($el, {
8145      "speed": 1000, 
8146      "pauseOnHover": true,
8147      "pauseOnFocus": false,
8148        "type": "loop",
8149"autoplay": true,
8150        "interval": 10000,
8151
8152      "classes": {"arrows": "splide__arrows block",
8153          "pagination": "splide__pagination flex pointer-events-none flex-nowrap absolute bottom-0 left-1/2 -translate-x-1/2 pagination-bars mb-4 ",
8154          "page": "rtl:pt-3 rtl:-rotate-180 button_pagination button md:w-20 h-5 non_border w-14 relative pagination-bars:rounded-none ml-0.5 mr-0.5 bg-none before:absolute before:top-1/2 before:right-0 before:h-1/4 before:left-0 before:opacity-40 before:bg-image-treatment pagination-bars:after:absolute after:bg-white pagination-bars:after:top-1/2 after:right-0 pagination-bars:overflow-hidden pagination-bars:after:bottom-0 pagination-bars:after:left-0 pagination-bars:after:-translate-x-full pagination-bars:relative pagination-bars:is-active-pagination:after:h-1/4 pagination-bars:is-active-pagination pagination-bars:is-active-pagination:after:animate-shimmerX_10s"
8155          
8156        
8157      },
8158      "events": [
8159        
8160          
8161            {
8162              "event": "move",
8163              "callback": () => {
8164                document.getElementById("x-slideshow-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c").classList.remove("hidden-img-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c"); 
8165              }
8166            }
8167          
8168        
8169        ,{
8170          "event": "ready",
8171          "callback": () => {
8172            
8173              let slide = document.getElementById("x-slideshow-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c").querySelector(".disable-animation-slideshow");
8174              if (slide) {
8175                slide.classList.remove("disable-animation-slideshow");
8176              }
8177            
8178            
8179            
8180          }
8181        }
8182        
8183      ]
8184    })'
8185  ><div x-intersect.once="$el.classList.remove('bg-[#c9c9c9]')" class="relative bg-[#c9c9c9]  splide__track overflow-hidden md:slideshow:h-[750px] md:slideshow:pb-0 h-[400px] md:h-auto md:rounded-[10px] rounded-[10px]">
8186    <div class="w-full h-full splide__list flex md:slideshow:relative relative">
8187<style data-shopify>.button--template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1.button-solid,
8188              .button--template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1.button-solid:before {--colors-line-and-border: var(--colors-button);}
8189              .button--template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1.button-outline {--colors-secondary-button: 255, 255, 255; 
8190                  --colors-line-secondary-button: 255, 255, 255; 
8191                  --background-secondary-button: transparent;
8192                
8193
8194              }
8195              
8196
8197                  .content--template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1 {
8198                    left: 50%;
8199                    top: 85%;
8200                    transform: translate(-50%,-85%);
8201                  }
8202                
8203.heading-template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1 {
8204                font-size: 1.35rem;
8205              }
8206              .sub-heading-template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1 {
8207                font-size: 0.9rem;
8208              }
8209              .image-template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1 {
8210                object-position:;
8211              }
8212              .bg-content-template--21828924539181__fe5dccd3-17fd-4fd3-ada9-
8212a0e11305981c-slide-1 {
8213                  background-color: rgb(var(--colors-background-secondary));}
8214              @media screen and (min-width: 768px) {
8215                .heading-template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1 {
8216                  font-size: 2.7rem;
8217                }
8218                .sub-heading-template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1 {
8219                  font-size: 1.0rem;
8220                }
8221                .image-template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1 {
8222                  object-position:;
8223                }
8224                #image-paginate--template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c[image-next-active="0"] {
8225                  
8226                    
8227                      background-image: url(//www.joeskc.com/cdn/shop/files/preview_images/87d533bc860641baaa468dc146dac26c.thumbnail.0000000000.jpg?v=1744913822&width=300);
8228                    
8229                  
8230                  background-size: cover;
8231                  background-repeat: no-repeat;
8232                  background-position: center;
8233                }
8234                .bg-full-template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1 {
8235                  background: transparent;
8236                }
8237              }
8238              .bg-full-template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1 {
8239                  background-color: rgb(var(--colors-background-secondary));}</style><div x-slide-index="0" 
8240              class="x-block-slide x-slideshow-template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1 disable-animation-slideshow  h-full relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full"
8241              x-data="{effect: false}" 
8242                x-intersect:leave.margin.-40px="effect = false"
8243                x-intersect.half="effect = true" 
8244              
8245              
8246            >
8247              
8248              <div class="video-hero h-full relative overflow-hidden">
8249                <span class="absolute top-0 left-0 bottom-0 right-0 z-10 pointer-events-none image-treatment-overlay opacity-0"></span>
8250                
8251                  
8252
8253
8254
8255  <div 
8256    class="video-slideshow-both video-hero external-video w-full object-cover absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 h-full md:h-full md:absolute md:top-1/2 md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2"
8257    x-intersect:leave="$store.xVideo.pause($el)"
8258    @click.stop="$store.xVideo.togglePlay($el)"
8259    x-intersect="$store.xVideo.play($el)"
8260      
8261    
8262  >
8263    <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span>
8264      
8265      
8266        <img
8267          srcset="//www.joeskc.com/cdn/shop/files/preview_images/87d533bc860641baaa468dc146dac26c.thumbnail.0000000000.jpg?v=1744913822&width=375 375w,
8268          //www.joeskc.com/cdn/shop/files/preview_images/87d533bc860641baaa468dc146dac26c.thumbnail.0000000000.jpg?v=1744913822&width=450 450w,
8269          //www.joeskc.com/cdn/shop/files/preview_images/87d533bc860641baaa468dc146dac26c.thumbnail.0000000000.jpg?v=1744913822&width=750 750w,
8270          //www.joeskc.com/cdn/shop/files/preview_images/87d533bc860641baaa468dc146dac26c.thumbnail.0000000000.jpg?v=1744913822&width=900 900w,
8271          //www.joeskc.com/cdn/shop/files/preview_images/87d533bc860641baaa468dc146dac26c.thumbnail.0000000000.jpg?v=1744913822&width=1100 1100w,
8272          //www.joeskc.com/cdn/shop/files/preview_images/87d533bc860641baaa468dc146dac26c.thumbnail.0000000000.jpg?v=1744913822&width=1500 1500w,
8273          //www.joeskc.com/cdn/shop/files/preview_images/87d533bc860641baaa468dc146dac26c.thumbnail.0000000000.jpg?v=1744913822&width=1780 1780w"
8274          sizes="(min-width: 1024px) 100vw,(min-width: 768px) calc(100vw / 3),"
8275          src="//www.joeskc.com/cdn/shop/files/preview_images/87d533bc860641baaa468dc146dac26c.thumbnail.0000000000.jpg?v=1744913822&width=1780"
8276          alt="Drone footage of Joe&#39;s KC restaurant locations"
8277          class="object-cover absolute top-0 left-0 h-full w-full img-thumbnail animate-Xpulse skeleton-image rounded-[10px]"
8278          
8279            loading="eager"
8280            fetchpriority="high"
8281            decoding="sync"
8282          
8283          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); })"
8284          width="1920"
8285          height="1080"
8286          style="object-position:;"
8287        >
8288      
8289      
8290      <template x-if="intersect">
8291        <video playsinline="playsinline" autoplay="autoplay" loop="loop" muted="muted" class="w-full h-full absolute top-0 left-0 video z-10 object-cover" alt="Drone footage of Joe&#39;s KC restaurant locations" preload="metadata" aria-label="Drone footage of Joe&#39;s KC restaurant locations" poster="//www.joeskc.com/cdn/shop/files/preview_images/87d533bc860641baaa468dc146dac26c.thumbnail.0000000000_1100x.jpg?v=1744913822"><source src="//www.joeskc.com/cdn/shop/videos/c/vp/87d533bc860641baaa468dc146dac26c/87d533bc860641baaa468dc146dac26c.HD-1080p-7.2Mbps-46150483.mp4?v=0" type="video/mp4"><img loading="lazy" alt="" alt="Drone footage of Joe&#39;s KC restaurant locations" src="//www.joeskc.com/cdn/shop/files/preview_images/87d533bc860641baaa468dc146dac26c.thumbnail.0000000000_1100x.jpg?v=1744913822"></video>
8292      </template>
8293    
8294    
8295  </div>
8296
8297                
8298              </div>
8299              
8300<div class="hero-text pointer-events-none transition absolute left-1/2 z-20 -translate-x-1/2 top-0 w-full h-full table">
8301                  <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%] min-w-[90%] lg:min-w-[30rem] content--template--21828924539181__fe5dccd3-17fd-4fd3-ada9-
8301a0e11305981c-slide-1 pl-5 pr-5 absolute text-center"
8302                  >
8303                    <div
8304                      class="animate_transition_slide__box xl:pr-[60px] xl:pl-[60px] lg:pr-10 lg:pl-10 lg:max-w-[700px] pt-5 pr-5 pl-5 pb-5 mb-5 md:mb-6 float- md:float-
8305 xl:rounded-[60px] md:rounded-[40px] rounded-3xl"
8306                      :class="effect && 'active'"
8307                    ><div class="mt-4 pointer-events-auto lg:mt-9 inline-flex flex-wrap gap-y-2 p-break-words gap-x-3 md:justify-center justify-center" ><a href="https://order.joeskc.com/" target="_blank" class="button button--template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1 button-solid border mt-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">
8308                              
8309<div class="flex justify-center ">
8310  
8311    
8312      
8313        <span class="button-text  is-focus-button:opacity-0">Order Pick Up Now</span>
8314      
8315    
8316  
8317  
8318</div>
8319                            </a></div>
8320                    </div>
8321                  </div>
8322                </div>
8323              
8324              
8325            </div>
8326          
8327
8328<style data-shopify>.button--slide_RUpMQc.button-solid,
8329              .button--slide_RUpMQc.button-solid:before {--colors-line-and-border: var(--colors-button);}
8330              .button--slide_RUpMQc.button-outline {
8331
8332              }
8333              
8334.heading-slide_RUpMQc {
8335                font-size: 1.4625rem;
8336              }
8337              .sub-heading-slide_RUpMQc {
8338                font-size: 0.9rem;
8339              }
8340              .image-slide_RUpMQc {
8341                object-position:50.0% 50.0%;
8342              }
8343              .bg-content-slide_RUpMQc {
8344                  background-color: rgb(var(--colors-background-secondary));}
8345              @media screen and (min-width: 768px) {
8346                .heading-slide_RUpMQc {
8347                  font-size: 2.925rem;
8348                }
8349                .sub-heading-slide_RUpMQc {
8350                  font-size: 1.0rem;
8351                }
8352                .image-slide_RUpMQc {
8353                  object-position:50.0% 50.0%;
8354                }
8355                #image-paginate--template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c[image-next-active="1"] {
8356                  
8357                    background-image: url(//www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=300);
8358                  
8359                  background-size: cover;
8360                  background-repeat: no-repeat;
8361                  background-position: center;
8362                }
8363                .bg-full-slide_RUpMQc {
8364                  background: transparent;
8365                }
8366              }
8367              .bg-full-slide_RUpMQc {
8368                  background-color: rgb(var(--colors-background-secondary));}</style><div x-slide-index="1" 
8369              class="content-visibility-auto x-block-slide x-slideshow-slide_RUpMQc h-full relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full"
8370              x-data="{effect: false}" 
8371                x-intersect:leave.margin.-40px="effect = false"
8372                x-intersect.half="effect = true" 
8373              
8374              
8375            >
8376              
8377              <div class=" h-full relative overflow-hidden">
8378                <span class="absolute top-0 left-0 bottom-0 right-0 z-10 pointer-events-none image-treatment-overlay opacity-0"></span>
8379                
8380                  <div :class="effect && 'active'" class="w-full absolute top-0 left-0 h-full h-full md:absolute md:top-0 md:left-0 z-0 animate_transition_slide__image">
8381                    
8382                      
8383                      <parallax-image class="h-full w-full">
8384                        <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)">
8385                          <picture>
8386                            <source
8387                              srcset="//www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=375 375w,
8388                                //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=450 450w,
8389                                //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=750 750w,
8390                                //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=900 900w"
8391                              media="(max-width: 767px)"
8392                              sizes="100vw"
8393                            >
8394                            <img
8395                              srcset="//www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=375 375w,
8396                                //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=450 450w,
8397                                //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=750 750w,
8398                                //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=900 900w,
8399                                //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=1100 1100w,
8400                                //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=1500 1500w,
8401                                //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=1780 1780w,
8402                                //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=2000 2000w,
8403                                //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=3000 3000w,
8404                                //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=3840 3840w"
8405                              
8406                                loading="lazy"
8407                                decoding="async"
8408                              
8409                              sizes="100vw"
8410                              src="//www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=3840"
8411                              alt=""
8412                              class="object-cover h-full w-full image-slide_RUpMQc"
8413                              width="2000"
8414                              height="1333"
8415                            >
8416                          </picture>
8417                        </parallax-movement>
8418                      </parallax-image>
8419                      
8420                    
8421                    
8422                  </div>
8423                
8424              </div>
8425              
8426<div class="hero-text pointer-events-none transition x-pgw page-width absolute left-1/2 z-20 -translate-x-1/2 top-0 w-full h-full table">
8427                  <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%] align-middle text-center"
8428                  >
8429                    <div
8430                      class="animate_transition_slide__box xl:pr-[60px] xl:pl-[60px] lg:pr-10 lg:pl-10 lg:max-w-[700px] pt-5 pr-5 pl-5 pb-5 mb-5 md:mb-6 float-center md:float-center
8431 mr-auto ml-auto xl:rounded-[60px] md:rounded-[40px] rounded-3xl"
8432                      :class="effect && 'active'"
8433                    >
8434
8435
8436<style data-shopify>
8437  
8438  .dark .heading-slide_RUpMQc {
8439    
8440      --color-highlight: rgb(127, 38, 41);
8441    
8442  }
8443</style>
8444
8445
8446
8447  
8448
8449   
8450    <h2
8451      class='heading-slide_RUpMQc p-break-words h2 block mt-1 leading-tight image-treatment-text'> 
8452  
8453    
8454      
8455        Joe&#39;s Next Door is Now Open!
8456      
8457    
8458  </h2>
8459
8460  
8461
8462<div class="lg:mt-1 p-break-words pointer-events-auto rte image-treatment-text text-medium rte">
8463                          <h3>The newest dining experience has landed in the heart of the Metro! Bring the whole crew for crave-worthy food, ice-cold cocktails, and every big game on TV.  <em>Across the street from the original gas station location!</em></h3>
8464                        </div><div class="mt-4 pointer-events-auto lg:mt-9 inline-flex flex-wrap gap-y-2 p-break-words gap-x-3 md:justify-center justify-center" ><a href="https://joesnextdoorkc.com" target="_blank" class="button button--slide_RUpMQc button-solid border mt-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">
8465                              
8466<div class="flex justify-center ">
8467  
8468    
8469      
8470        <span class="button-text  is-focus-button:opacity-0">Learn More</span>
8471      
8472    
8473  
8474  
8475</div>
8476                            </a></div>
8477                    </div>
8478                  </div>
8479                </div>
8480              
8481              
8482                <a href="https://joesnextdoorkc.com" target="_blank" class="absolute top-0 left-0 bottom-0 right-0 z-[19] opacity-0">https://joesnextdoorkc.com</a>
8483              
8484            </div>
8485          
8486
8487<style data-shopify>.button--slide_JyNcLX.button-solid,
8488              .button--slide_JyNcLX.button-solid:before {--colors-line-and-border: var(--colors-button);}
8489              .button--slide_JyNcLX.button-outline {
8490
8491              }
8492              
8493.heading-slide_JyNcLX {
8494                font-size: 1.9125rem;
8495              }
8496              .sub-heading-slide_JyNcLX {
8497                font-size: 0.9rem;
8498              }
8499              .image-slide_JyNcLX {
8500                object-position:50.0% 50.0%;
8501              }
8502              .bg-content-slide_JyNcLX {
8503                  background-color: rgb(var(--colors-background-secondary));}
8504              @media screen and (min-width: 768px) {
8505                .heading-slide_JyNcLX {
8506                  font-size: 3.825rem;
8507                }
8508                .sub-heading-slide_JyNcLX {
8509                  font-size: 1.0rem;
8510                }
8511                .image-slide_JyNcLX {
8512                  object-position:50.0% 50.0%;
8513                }
8514                #image-paginate--template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c[image-next-active="2"] {
8515                  
8516                    background-image: url(//www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=300);
8517                  
8518                  background-size: cover;
8519                  background-repeat: no-repeat;
8520                  background-position: center;
8521                }
8522                .bg-full-slide_JyNcLX {
8523                  background: transparent;
8524                }
8525              }
8526              .bg-full-slide_JyNcLX {
8527                  background-color: rgb(var(--colors-background-secondary));}</style><div x-slide-index="2" 
8528              class="content-visibility-auto x-block-slide x-slideshow-slide_JyNcLX h-full relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full"
8529              x-data="{effect: false}" 
8530                x-intersect:leave.margin.-40px="effect = false"
8531                x-intersect.half="effect = true" 
8532              
8533              
8534            >
8535              
8536              <div class=" h-full relative overflow-hidden">
8537                <span class="absolute top-0 left-0 bottom-0 right-0 z-10 pointer-events-none image-treatment-overlay opacity-40"></span>
8538                
8539                  <div :class="effect && 'active'" class="w-full absolute top-0 left-0 h-full h-full md:absolute md:top-0 md:left-0 z-0 animate_transition_slide__image">
8540                    
8541                      
8542                      <parallax-image class="h-full w-full">
8543                        <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)">
8544                          <picture>
8545                            <source
8546                              srcset="//www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_6_3546857c-5cc4-4e0f-a0cb-c4ebe1ed630b.png?v=1744902372&width=375 375w,
8547                                //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_6_3546857c-5cc4-4e0f-a0cb-c4ebe1ed630b.png?v=1744902372&width=450 450w,
8548                                //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_6_3546857c-5cc4-4e0f-a0cb-c4ebe1ed630b.png?v=1744902372&width=750 750w,
8549                                //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_6_3546857c-5cc4-4e0f-a0cb-c4ebe1ed630b.png?v=1744902372&width=900 900w"
8550                              media="(max-width: 767px)"
8551                              sizes="100vw"
8552                            >
8553                            <img
8554                              srcset="//www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=375 375w,
8555                                //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=450 450w,
8556                                //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=750 750w,
8557                                //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=900 900w,
8558                                //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=1100 1100w,
8559                                //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=1500 1500w,
8560                                //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=1780 1780w,
8561                                //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=2000 2000w,
8562                                //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=3000 3000w,
8563                                //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=3840 3840w"
8564                              
8565                                loading="lazy"
8566                                decoding="async"
8567                              
8568                              sizes="100vw"
8569                              src="//www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=3840"
8570                              alt="Joe&#39;s KC Digital Gift Cards"
8571                              class="object-cover h-full w-full image-slide_JyNcLX"
8572                              width="1920"
8573                              height="860"
8574                            >
8575                          </picture>
8576                        </parallax-movement>
8577                      </parallax-image>
8578                      
8579                    
8580                    
8581                  </div>
8582                
8583              </div>
8584              
8585<div class="hero-text pointer-events-none transition x-pgw page-width absolute left-1/2 z-20 -translate-x-1/2 top-0 w-full h-full table">
8586                  <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%] align-middle text-center"
8587                  >
8588                    <div
8589                      class="animate_transition_slide__box xl:pr-[60px] xl:pl-[60px] lg:pr-10 lg:pl-10 lg:max-w-[700px] pt-5 pr-5 pl-5 pb-5 mb-5 md:mb-6 float-center md:float-center
8590 mr-auto ml-auto xl:rounded-[60px] md:rounded-[40px] rounded-3xl"
8591                      :class="effect && 'active'"
8592                    >
8593
8594
8595<style data-shopify>
8596  
8597  .dark .heading-slide_JyNcLX {
8598    
8599      --color-highlight: rgb(127, 38, 41);
8600    
8601  }
8602</style>
8603
8604
8605
8606  
8607
8608   
8609    <h2
8610      class='heading-slide_JyNcLX p-break-words h2 block mt-1 leading-tight image-treatment-text'> 
8611  
8612    
8613      
8614        Digital Gift Card
8615      
8616    
8617  </h2>
8618
8619  
8620
8621<div class="lg:mt-1 p-break-words pointer-events-auto rte image-treatment-text text-medium rte">
8622                          <h3>Joe's Kansas City Bar-B-Que Gift Cards are redeemable for restaurant & online nationwide delivery orders.</h3>
8623                        </div><div class="mt-4 pointer-events-auto lg:mt-9 inline-flex flex-wrap gap-y-2 p-break-words gap-x-3 md:justify-center justify-center" ><a href="/products/digital-gift-card" class="button button--slide_JyNcLX button-solid border mt-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">
8624                              
8625<div class="flex justify-center ">
8626  
8627    
8628      
8629        <span class="button-text  is-focus-button:opacity-0">Shop Gift Cards Now</span>
8630      
8631    
8632  
8633  
8634</div>
8635                            </a></div>
8636                    </div>
8637                  </div>
8638                </div>
8639              
8640              
8641                <a href="/products/digital-gift-card" target="_blank" class="absolute top-0 left-0 bottom-0 right-0 z-[19] opacity-0">/products/digital-gift-card</a>
8642              
8643            </div>
8644          
8645
8646<style data-shopify>.button--slide_FiJhnQ.button-solid,
8647              .button--slide_FiJhnQ.button-solid:before {--colors-line-and-border: var(--colors-button);}
8648              .button--slide_FiJhnQ.button-outline {
8649
8650              }
8651              
8652.heading-slide_FiJhnQ {
8653                font-size: 1.4625rem;
8654              }
8655              .sub-heading-slide_FiJhnQ {
8656                font-size: 0.9rem;
8657              }
8658              .image-slide_FiJhnQ {
8659                object-position:50.0% 50.0%;
8660              }
8661              .bg-content-slide_FiJhnQ {
8662                  background-color: rgb(var(--colors-background-secondary));}
8663              @media screen and (min-width: 768px) {
8664                .heading-slide_FiJhnQ {
8665                  font-size: 2.925rem;
8666                }
8667                .sub-heading-slide_FiJhnQ {
8668                  font-size: 1.0rem;
8669                }
8670                .image-slide_FiJhnQ {
8671                  object-position:50.0% 50.0%;
8672                }
8673                #image-paginate--template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c[image-next-active="3"] {
8674                  
8675                    background-image: url(//www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=300);
8676                  
8677                  background-size: cover;
8678                  background-repeat: no-repeat;
8679                  background-position: center;
8680                }
8681                .bg-full-slide_FiJhnQ {
8682                  background: transparent;
8683                }
8684              }
8685              .bg-full-slide_FiJhnQ {
8686                  background-color: rgb(var(--colors-background-secondary));}</style><div x-slide-index="3" 
8687              class="content-visibility-auto x-block-slide x-slideshow-slide_FiJhnQ h-full relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full"
8688              x-data="{effect: false}" 
8689                x-intersect:leave.margin.-40px="effect = false"
8690                x-intersect.half="effect = true" 
8691              
8692              
8693            >
8694              
8695              <div class=" h-full relative overflow-hidden">
8696                <span class="absolute top-0 left-0 bottom-0 right-0 z-10 pointer-events-none image-treatment-overlay opacity-0"></span>
8697                
8698                  <div :class="effect && 'active'" class="w-full absolute top-0 left-0 h-full h-full md:absolute md:top-0 md:left-0 z-0 animate_transition_slide__image">
8699                    
8700                      
8701                      <parallax-image class="h-full w-full">
8702                        <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)">
8703                          <picture>
8704                            <source
8705                              srcset="//www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=375 375w,
8706                                //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=450 450w,
8707                                //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=750 750w,
8708                                //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=900 900w"
8709                              media="(max-width: 767px)"
8710                              sizes="100vw"
8711                            >
8712                            <img
8713                              srcset="//www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=375 375w,
8714                                //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=450 450w,
8715                                //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=750 750w,
8716                                //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=900 900w,
8717                                //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=1100 1100w,
8718                                //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=1500 1500w,
8719                                //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=1780 1780w,
8720                                //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=2000 2000w,
8721                                //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=3000 3000w,
8722                                //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=3840 3840w"
8723                              
8724                                loading="lazy"
8725                                decoding="async"
8726                              
8727                              sizes="100vw"
8728                              src="//www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=3840"
8729                              alt="Image of the Joe&#39;s KC 180 room event space"
8730                              class="object-cover h-full w-full image-slide_FiJhnQ"
8731                              width="2000"
8732                              height="800"
8733                            >
8734                          </picture>
8735                        </parallax-movement>
8736                      </parallax-image>
8737                      
8738                    
8739                    
8740                  </div>
8741                
8742              </div>
8743              
8744<div class="hero-text pointer-events-none transition x-pgw page-width absolute left-1/2 z-20 -translate-x-1/2 top-0 w-full h-full table">
8745                  <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%] align-middle text-center"
8746                  >
8747                    <div
8748                      class="animate_transition_slide__box xl:pr-[60px] xl:pl-[60px] lg:pr-10 lg:pl-10 lg:max-w-[700px] pt-5 pr-5 pl-5 pb-5 mb-5 md:mb-6 float-center md:float-center
8749 mr-auto ml-auto xl:rounded-[60px] md:rounded-[40px] rounded-3xl"
8750                      :class="effect && 'active'"
8751                    >
8752
8753
8754<style data-shopify>
8755  
8756  .dark .heading-slide_FiJhnQ {
8757    
8758      --color-highlight: rgb(127, 38, 41);
8759    
8760  }
8761</style>
8762
8763
8764
8765  
8766
8767   
8768    <h2
8769      class='heading-slide_FiJhnQ p-break-words h2 block mt-1 leading-tight image-treatment-text'> 
8770  
8771    
8772      
8773        Catering &amp; Event Space
8774      
8775    
8776  </h2>
8777
8778  
8779
8780<div class="lg:mt-1 p-break-words pointer-events-auto rte image-treatment-text text-medium rte">
8781                          <h3>Experience the Best Bar-B-Que Catering with Joe's KC Authentic Flavors! Pick-up and delivery options available.</h3>
8782                        </div><div class="mt-4 pointer-events-auto lg:mt-9 inline-flex flex-wrap gap-y-2 p-break-words gap-x-3 md:justify-center justify-center" ><a href="/pages/new-catering-menu" target="_blank" class="button button--slide_FiJhnQ button-solid border mt-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">
8783                              
8784<div class="flex justify-center ">
8785  
8786    
8787      
8788        <span class="button-text  is-focus-button:opacity-0">Catering Menu</span>
8789      
8790    
8791  
8792  
8793</div>
8794                            </a><a href="https://www.the180room.com/" target="_blank" class="button button--slide_FiJhnQ button-solid border mt-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">
8795                              
8796<div class="flex justify-center ">
8797  
8798    
8799      
8800        <span class="button-text  is-focus-button:opacity-0">180 Room</span>
8801      
8802    
8803  
8804  
8805</div>
8806                            </a></div>
8807                    </div>
8808                  </div>
8809                </div>
8810              
8811              
8812            </div>
8813          
8814
8815<style data-shopify>.button--971b1015-ef28-4d4a-a43c-646bfd6da4a0.button-solid,
8816              .button--971b1015-ef28-4d4a-a43c-646bfd6da4a0.button-solid:before {--colors-line-and-border: var(--colors-button);}
8817              .button--971b1015-ef28-4d4a-a43c-646bfd6da4a0.button-outline {--colors-secondary-button: 255, 255, 255; 
8818                  --colors-line-secondary-button: 255, 255, 255; 
8819                  --background-secondary-button: transparent;
8820                
8821
8822              }
8823              
8824.heading-971b1015-ef28-4d4a-a43c-646bfd6da4a0 {
8825                font-size: 1.9125rem;
8826              }
8827              .sub-heading-971b1015-ef28-4d4a-a43c-646bfd6da4a0 {
8828                font-size: 0.9rem;
8829              }
8830              .image-971b1015-ef28-4d4a-a43c-646bfd6da4a0 {
8831                object-position:50.0% 50.0%;
8832              }
8833              .bg-content-971b1015-ef28-4d4a-a43c-646bfd6da4a0 {
8834                  background-color: rgb(var(--colors-background-secondary));}
8835              @media screen and (min-width: 768px) {
8836                .heading-971b1015-ef28-4d4a-a43c-646bfd6da4a0 {
8837                  font-size: 3.825rem;
8838                }
8839                .sub-heading-971b1015-ef28-4d4a-a43c-646bfd6da4a0 {
8840                  font-size: 1.0rem;
8841                }
8842                .image-971b1015-ef28-4d4a-a43c-646bfd6da4a0 {
8843                  object-position:50.0% 50.0%;
8844                }
8845                #image-paginate--template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c[image-next-active="4"] {
8846                  
8847                    background-image: url(//www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=300);
8848                  
8849                  background-size: cover;
8850                  background-repeat: no-repeat;
8851                  background-position: center;
8852                }
8853                .bg-full-971b1015-ef28-4d4a-a43c-646bfd6da4a0 {
8854                  background: transparent;
8855                }
8856              }
8857              .bg-full-971b1015-ef28-4d4a-a43c-646bfd6da4a0 {
8858                  background-color: rgb(var(--colors-background-secondary));}</style><div x-slide-index="4" 
8859              class="content-visibility-auto x-block-slide x-slideshow-971b1015-ef28-4d4a-a43c-646bfd6da4a0 h-full relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full"
8860              x-data="{effect: false}" 
8861                x-intersect:leave.margin.-40px="effect = false"
8862                x-intersect.half="effect = true" 
8863              
8864              
8865            >
8866              
8867              <div class=" h-full relative overflow-hidden">
8868                <span class="absolute top-0 left-0 bottom-0 right-0 z-10 pointer-events-none image-treatment-overlay opacity-40"></span>
8869                
8870                  <div :class="effect && 'active'" class="w-full absolute top-0 left-0 h-full h-full md:absolute md:top-0 md:left-0 z-0 animate_transition_slide__image">
8871                    
8872                      
8873                      <parallax-image class="h-full w-full">
8874                        <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)">
8875                          <picture>
8876                            <source
8877                              srcset="//www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=375 375w,
8878                                //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=450 450w,
8879                                //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=750 750w,
8880                                //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=900 900w"
8881                              media="(max-width: 767px)"
8882                              sizes="100vw"
8883                            >
8884                            <img
8885                              srcset="//www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=375 375w,
8886                                //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=450 450w,
8887                                //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=750 750w,
8888                                //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=900 900w,
8889                                //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=1100 1100w,
8890                                //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=1500 1500w,
8891                                //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=1780 1780w,
8892                                //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=2000 2000w,
8893                                //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=3000 3000w,
8894                                //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=3840 3840w"
8895                              
8896                                loading="lazy"
8897                                decoding="async"
8898                              
8899                              sizes="100vw"
8900                              src="//www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=3840"
8901                              alt="miscellany packages of shipped Joe&#39;s KC BBQ"
8902                              class="object-cover h-full w-full image-971b1015-ef28-4d4a-a43c-646bfd6da4a0"
8903                              width="1000"
8904                              height="900"
8905                            >
8906                          </picture>
8907                        </parallax-movement>
8908                      </parallax-image>
8909                      
8910                    
8911                    
8912                  </div>
8913                
8914              </div>
8915              
8916<div class="hero-text pointer-events-none transition x-pgw page-width absolute left-1/2 z-20 -translate-x-1/2 top-0 w-full h-full table">
8917                  <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%] align-middle text-center"
8918                  >
8919                    <div
8920                      class="animate_transition_slide__box xl:pr-[60px] xl:pl-[60px] lg:pr-10 lg:pl-10 lg:max-w-[700px] pt-5 pr-5 pl-5 pb-5 mb-5 md:mb-6 float-center md:float-center
8921 mr-auto ml-auto xl:rounded-[60px] md:rounded-[40px] rounded-3xl"
8922                      :class="effect && 'active'"
8923                    >
8924
8925
8926<style data-shopify>
8927  
8928  .dark .heading-971b1015-ef28-4d4a-a43c-646bfd6da4a0 {
8929    
8930      --color-highlight: rgb(127, 38, 41);
8931    
8932  }
8933</style>
8934
8935
8936
8937  
8938
8939   
8940    <h2
8941      class='heading-971b1015-ef28-4d4a-a43c-646bfd6da4a0 p-break-words h2 block mt-1 leading-tight image-treatment-text'> 
8942  
8943    
8944      
8945        SendJoesKCBBQ
8946      
8947    
8948  </h2>
8949
8950  
8951
8952<div class="lg:mt-1 p-break-words pointer-events-auto rte image-treatment-text text-medium rte">
8953                          <h3>We delivery Joe’s Kansas City Bar-B-Que nationwide—including the continental U.S., Alaska, and Hawaii—so you can enjoy authentic Kansas City BBQ anywhere.</h3>
8954                        </div><div class="mt-4 pointer-events-auto lg:mt-9 inline-flex flex-wrap gap-y-2 p-break-words gap-x-3 md:justify-center justify-center" ><a href="/collections/all-items" class="button button--971b1015-ef28-4d4a-a43c-646bfd6da4a0 button-solid border mt-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">
8955                              
8956<div class="flex justify-center ">
8957  
8958    
8959      
8960        <span class="button-text  is-focus-button:opacity-0">Shop Nationwide Delivery</span>
8961      
8962    
8963  
8964  
8965</div>
8966                            </a></div>
8967                    </div>
8968                  </div>
8969                </div>
8970              
8971              
8972                <a href="/collections/all-items" class="absolute top-0 left-0 bottom-0 right-0 z-[19] opacity-0">/collections/all-items</a>
8973              
8974            </div>
8975          
8976</div>
8977  </div>
8978  
8979    <div class="splide__arrows">
8980      <button class="splide__arrow splide__arrow--prev button-arrow hidden group-hover:lg:block absolute none_border z-10 w-12 h-12 rounded-full after:text-[20px] rtl:-rotate-90 pr-4 pl-4 pb-4 pt-4 top-1/2 left-0 -translate-y-1/2 lg:left-8 rtl:lg:left-auto rtl:lg:right-8 duration-100 opacity-60 hover:opacity-100 disabled:opacity-40 disabled:cursor-not-allowed rotate-90" aria-label="previous slide">
8981        <span class="hidden">previous slide</span>
8982        <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
8983    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
8984  </svg>
8985
8986      </button>
8987      <button class="splide__arrow splide__arrow--next button-arrow hidden group-hover:lg:block absolute none_border z-10 w-12 h-12 rounded-full after:text-[20px] rtl:rotate-90 pr-4 pl-4 pb-4 pt-4 top-1/2 right-0 -translate-y-1/2 lg:right-8 rtl:lg:right-auto rtl:lg:left-8 duration-100 opacity-60 hover:opacity-100 disabled:opacity-40 disabled:cursor-not-allowed -rotate-90" aria-label="next slide">
8988        <span class="hidden">next slide</span>
8989        <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
8990    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
8991  </svg>
8992
8993      </button>
8994    </div>
8995  
8996</div>
8997<style> #shopify-section-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c h2, #shopify-section-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c h3, #shopify-section-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c h6 {text-align: center; background-color: rgba(35, 31, 32, 0.75); color: #ffffff; padding: 12px 16px; border-radius: 4px;} #shopify-section-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c a {font-size: 16px; font-weight: 700; width: 100%; max-width: 100%; display: flex; justify-content: center;} </style></section><section id="shopify-section-template--19816069922883__multiple_stores_yK6DBn" class="shopify-section section section-multiple-stores x-section"> <style data-shopify>.btn-location-template--19816069922883__multiple_stores_yK6DBn.button.button-solid:not(.not-icon) {
8998    display: none;
8999  }
9000  #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .btn-location-template--19816069922883__multiple_stores_yK6DBn.button.button-solid:not(.not-icon) {
9001    display: flex;
9002    align-items: center;
9003    justify-content: center;
9004  }
9005  .h-scroll-location-template--19816069922883__multiple_stores_yK6DBn .active,
9006  .h-scroll-location-template--19816069922883__multiple_stores_yK6DBn ul li > div:hover {
9007    
9008      background: #9bceac;
9009    
9010  }
9011  .dark .h-scroll-location-template--19816069922883__multiple_stores_yK6DBn .active,
9012  .dark .h-scroll-location-template--19816069922883__multiple_stores_yK6DBn ul li > div:hover {
9013    
9014      background: rgba(var(--colors-background));
9015    
9016  }
9017  .heading-template--19816069922883__multiple_stores_yK6DBn {
9018    font-size: 1.755rem;
9019  }
9020  .h-scroll-location-template--19816069922883__multiple_stores_yK6DBn::-webkit-scrollbar {
9021    width: 2px;
9022  }
9023  .h-scroll-location-template--19816069922883__multiple_stores_yK6DBn::-webkit-scrollbar-track {
9024    background: rgba(var(--colors-heading-base),.5);
9025  }
9026  .h-scroll-location-template--19816069922883__multiple_stores_yK6DBn::-webkit-scrollbar-thumb {
9027    background-color: rgba(var(--colors-heading-base));
9028    border-radius: 10px;
9029  }
9030  .background--template--19816069922883__multiple_stores_yK6DBn {
9031    
9032      background: rgb(var(--colors-background-secondary));
9033      --background-color: var(--colors-background-secondary);
9034    
9035  }
9036  .dark .text--template--19816069922883__multiple_stores_yK6DBn {color: ;}
9037  .dark .background--template--19816069922883__multiple_stores_yK6DBn {
9038    
9039      background: rgb(var(--colors-background-secondary));
9040      --background-color: var(--colors-background-secondary);
9041    
9042  }
9043  .section-height-mobile--template--19816069922883__multiple_stores_yK6DBn {
9044    
9045      height: 250px;
9046    
9047  }
9048  .col-location-text.section-height--template--19816069922883__multiple_stores_yK6DBn {
9049    height: 470px;
9050  }
9051
9052  #shopify-section-template--19816069922883__multiple_stores_yK6DBn {
9053    
9054      --colors-line-and-border: 255,255,255;
9055    
9056  }
9057
9058  .dark #shopify-section-template--19816069922883__multiple_stores_yK6DBn {
9059    
9060      --colors-line-and-border: 94,94,94;
9061    
9062  }
9063
9064  .store-block-container {
9065    border-bottom: 1px solid rgba(var(--colors-line-and-border), 1);
9066  }
9067
9068  .store-block-container.container-active {
9069    border-bottom: 0;
9070  }
9071  .store-block-container .container-btn-location-template--19816069922883__multiple_stores_yK6DBn {
9072    padding: 0;
9073  }
9074  #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .location-title {
9075    font-size: 1.25rem;
9076  }
9077  @media (min-width: 768px) {
9078    .heading-template--19816069922883__multiple_stores_yK6DBn {
9079      font-size: 2.925rem;
9080    }
9081    #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .location-title {
9082      font-size: 1.75rem;
9083    }
9084    .section-height--template--19816069922883__multiple_stores_yK6DBn,
9085    .col-location-text.section-height--template--19816069922883__multiple_stores_yK6DBn { 
9086      
9087        height: 650px;
9088        padding-bottom: 2rem;
9089      
9090    }
9091  }
9092  .address_location.rte p {
9093    margin-top: 0;
9094  }
9095  .section-padding-template--19816069922883__multiple_stores_yK6DBn {
9096    padding-top: 16px;
9097    padding-bottom: 16px;
9098  }
9099  @media (min-width: 768px) { 
9100    .section-padding-template--19816069922883__multiple_stores_yK6DBn {
9101      padding-top: 28px;
9102      padding-bottom: 28px;
9103    }
9104  }</style><div id="shopify-section-template--19816069922883__multiple_stores_yK6DBn" x-data="xMultipleStores" x-intersect.once.margin.200px="load()" class="section-padding-template--19816069922883__multiple_stores_yK6DBn">
9105  <div 
9106    class=" md:pl-5 md:pr-5 pl-5 pr-5"
9107  >
9108    <div class="md:flex md:flex-row gap-x-6 flex flex-col">
9109      <div class=" section-height--template--19816069922883__multiple_stores_yK6DBn background--template--19816069922883__multiple_stores_yK6DBn pt-5 pb-5 pl-5 pr-5 md:pr-6 md:pl-6 md:pt-8 md:pb-8 rounded-[10px] w-full h-full md:max-w-[40%] lg:max-w-[540px] flex justify-center"
9110        
9111      >
9112        <div class="col-location-text relative w-full md:flex md:flex-col md:overflow-hidden">
9113          <div class="x-block-multiple-stores-header heading-top-location-template--19816069922883__multiple_stores_yK6DBn pb-7 md:pb-14">
9114            
9115              
9116
9117
9118<style data-shopify>
9119  
9120  .dark .heading-template--19816069922883__multiple_stores_yK6DBn {
9121    
9122      --color-highlight: rgb(127, 38, 41);
9123    
9124  }
9125</style>
9126
9127
9128
9129  
9130
9131   
9132    <h2
9133      class='heading-template--19816069922883__multiple_stores_yK6DBn h2 block text-center rtl:text-center'> 
9134  
9135    
9136      
9137        Locations
9138      
9139    
9140  </h2>
9141
9142  
9143
9144            
9145            <div :class="canScroll ? 'hidden' : 'hidden'" class="splide__arrows md:hidden text-center mt-2.5">
9146              <button @click="scrollUp" class="bg-white splide__arrow splide__arrow--prev button-arrow md:hidden disable-effect-hover relative top-0 none_border z-10 w-[1.875rem] h-[1.875rem] rounded-full after:text-[20px] pt-4 pb-4 pl-4 pr-4 duration-100 opacity-100 disabled:opacity-40 disabled:cursor-not-allowed rotate-180" aria-label="previous slide" disabled :disabled="atTop">
9147                <span class="inline-block h-3 w-3 absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2"><span class="hidden">previous slide</span><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
9148    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
9149  </svg>
9150</span>
9151              </button>
9152              <button @click="scrollDown" class="bg-white splide__arrow splide__arrow--next button-arrow md:hidden disable-effect-hover relative top-0 none_border z-10 w-[1.875rem] h-[1.875rem] rounded-full after:text-[20px] pt-4 pb-4 pl-4 pr-4 duration-100 opacity-100 disabled:opacity-40 disabled:cursor-not-allowed " aria-label="next slide" :disabled="atBottom">
9153                <span class="inline-block h-3 w-3 absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2"><span class="hidden">next slide</span><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
9154    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
9155  </svg>
9156</span>
9157              </button>
9158            </div>
9159          </div>
9160          <div class="multi_stores_content md:grow md:overflow-y-auto h-scroll-location-template--19816069922883__multiple_stores_yK6DBn rtl">
9161            <div id="x-multiple-store-template--19816069922883__multiple_stores_yK6DBn" class=" ltr">
9162              <div class="overflow-hidden relative anm-fade-paragraph md:h-0" x-intersect.once="$el.classList.remove('md:h-0')">
9163                <ul class=" max-h-max scrollbar-stable flex flex-col list_multiple_stores pb-0.5 pl-1 pr-1 md:pl-2.5 md:pr-2.5 overflow-y-auto h-scroll-location-template--19816069922883__multiple_stores_yK6DBn anm-fade-element md:ltr" x-intersect.once="$el.classList.add('is-visible')" id="list-stores-template--19816069922883__multiple_stores_yK6DBn" x-ref="list_stores" @scroll="checkCanScrollVertical">
9164                  
9165                    
9166                    
9167                      <li :class="{ 'container-active': active == '1' }" x-ref="first_store" class="mb-1 store-block-container">
9168                        <div id="item_Y9qJAy" class="duration-200 p-break-words items-center pt-5 pb-5 pl-4 pr-4 md:pt-7 md:pb-7 md:pl-7 md:pr-7 border-0 rounded-[0.625rem] cursor-pointer hover:transition-all hover:ease-linear"
9169                          :class="{ 'active': active == '1' }"
9170                          @click="active = 1"
9171                          tabindex="0"
9172                        >
9173                          
9174                            <p class="h4 location-title pl-1 pr-1 mb
9174-2 md:pl-0 md:pr-0 font-bold">
9175                              The Gas Station
9176                            </p>
9177                          
9178                        
9179                          <div class="draw-scroll-location grow overflow-y-auto scrollbar-body scrollbar-stable overflow-x-hidden pl-1 pr-1 md:pl-0 md:pr-0 mt-0 "><div class="hidden img_location pb-4">
9180                                
9181                                <img
9182                                  srcset="//www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=225 225w,
9183                                  //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=375 375w,
9184                                  //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=450 450w,
9185                                  //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=750 750w,
9186                                  //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=900 900w,
9187                                  //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=1100 1100w,
9188                                  //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=1500 1500w,
9189                                  //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=1780 1780w,
9190                                  //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=2000 2000w,
9191                                  //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=3000 3000w,
9192                                  //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=3840 3840w" 
9193                                  src="//www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=1080"
9194                                  sizes="(min-width: 1024px) 28rem, 
9195                                (min-width: 768px) 24rem, 
9196                                100vw"
9197                                  alt="Joe&#39;s Kansas City gas station location in mission KS"
9198                                  class="w-full h-full object-cover object-center rounded-[1.25rem]"
9199                                  loading="lazy"
9200                                  height="1914"
9201                                  width="4429"
9202                                  x-intersect.once="$el.classList.add('active')"
9203                                >
9204                              </div>
9205                              
9206<div class="rte address_location overflow-hidden mb-3 md:mb-4">
9207                              
9208                                <p class="rte">3002 West 47th Ave, Kansas City, KS 66103</p>
9209                              
9210                              
9211                                <div class="info_storehour store-hour-template--19816069922883__multiple_stores_yK6DBn mb-2 md:mb-2.5 hidden">
9212                                  <h3>Our original joint, established 1996, in the gas station at the corner of 47th & Mission in Kansas City, Kansas. </h3><p><strong>General Manager: </strong>Victor Brummel</p><p>Walk-ins only. No reservations.</p><h4>Phone</h4><h4><a href="tel:+19137223366" class="metafield-url">913.722.3366</a></h4><div class="metafield-rich_text_field"><h3><strong>Store hours</strong></h3><p><strong>Monday-Thursday:</strong> 11:00 a.m. - 9:00 p.m. </p><p><strong>Friday-Saturday:</strong> 11:00 a.m. - 10:00 p.m. </p><p><strong>Sunday </strong>CLOSED.</p></div><div class="metafield-rich_text_field"><h6><strong>Joe&#39;s Kansas City restaurants are closed on the following holidays: </strong>New Year&#39;s Day, Easter, Memorial Day, Fourth of July, Labor Day, Thanksgiving, Christmas Day</h6></div><h4>More Actions</h4><p><a href="https://order.joeskc.com/" target="_blank" title="https://order.joeskc.com/">Order Restaurant Pick Up</a></p><p><a href="https://catering.joeskc.com/" target="_blank" title="https://catering.joeskc.com/">Order Catering Pick-Up</a></p><p><a href="https://www.joeskc.com/pages/restaurant-menu" target="_blank" title="https://www.joeskc.com/pages/restaurant-menu">Restaurant Menu</a></p><p><a href="/pages/the-original-gas-station-restaurant" target="_blank" title="The Original Gas Station Restaurant">Read more about this location here</a></p><p></p><h6></h6>
9213                                </div>
9214                              
9215                            </div>
9216                            
9217                            <a data-id="item_Y9qJAy" href="#item_Y9qJAy" class="font-bold location-view cursor-pointer underline text-[rgba(var(--colors-heading))]"
9218                              @click.prevent="openLocation($el); $store.xPopup.open = true;"
9219                              >View details
9220                            </a>
9221                          </div>
9222                          
9223                            <div class="container-btn-location-template--19816069922883__multiple_stores_yK6DBn w-full bottom-5 lg:bottom-10 pt-4">
9224                              
9225                                <a class="flex items-center justify-center h-[2.875rem] md:h-[3.125rem] btn-location-template--19816069922883__multiple_stores_yK6DBn button button-solid pt-2 pb-2 pl-4 pr-4"
9226                                  href="https://www.google.com/maps/place/3002 West 47th Ave, Kansas City, KS 66103"
9227                                  target="_blank"
9228                                >
9229                                  
9230<div class="flex justify-center ">
9231  
9232    
9233      
9234        <span class="button-text  is-focus-button:opacity-0">Get Directions</span>
9235      
9236    
9237  
9238  
9239</div>
9240                                </a>
9241                              
9242                            </div>
9243                            
9244                        </div>
9245                      </li>
9246                    
9247                    
9248                  
9249                    
9250                    
9251                      <li :class="{ 'container-active': active == '2' }"  class="mb-1 store-block-container">
9252                        <div id="item_JQeAXL" class="duration-200 p-break-words items-center pt-5 pb-5 pl-4 pr-4 md:pt-7 md:pb-7 md:pl-7 md:pr-7 border-0 rounded-[0.625rem] cursor-pointer hover:transition-all hover:ease-linear"
9253                          :class="{ 'active': active == '2' }"
9254                          @click="active = 2"
9255                          tabindex="0"
9256                        >
9257                          
9258                            <p class="h4 location-title pl-1 pr-1 mb-2 md:pl-0 md:pr-0 font-bold">
9259                              Leawood, KS
9260                            </p>
9261                          
9262                        
9263                          <div class="draw-scroll-location grow overflow-y-auto scrollbar-body scrollbar-stable overflow-x-hidden pl-1 pr-1 md:pl-0 md:pr-0 mt-0 "><div class="hidden img_location pb-4">
9264                                
9265                                <img
9266                                  srcset="//www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=225 225w,
9267                                  //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=375 375w,
9268                                  //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=450 450w,
9269                                  //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=750 750w,
9270                                  //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=900 900w,
9271                                  //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=1100 1100w,
9272                                  //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=1500 1500w,
9273                                  //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=1780 1780w,
9274                                  //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=2000 2000w,
9275                                  //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=3000 3000w,
9276                                  //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=3840 3840w" 
9277                                  src="//www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=1080"
9278                                  sizes="(min-width: 1024px) 28rem, 
9279                                (min-width: 768px) 24rem, 
9280                                100vw"
9281                                  alt="Joe&#39;s Kc Leawood location"
9282                                  class="w-full h-full object-cover object-center rounded-[1.25rem]"
9283                                  loading="lazy"
9284                                  height="471"
9285                                  width="1000"
9286                                  x-intersect.once="$el.classList.add('active')"
9287                                >
9288                              </div>
9289                              
9290<div class="rte address_location overflow-hidden mb-3 md:mb-4">
9291                              
9292                                <p class="rte">11723 Roe Ave, Leawood, KS 66211</p>
9293                              
9294                              
9295                                <div class="info_storehour store-hour-template--19816069922883__multiple_stores_yK6DBn mb-2 md:mb-2.5 hidden">
9296                                  <h3>Located in the heart of Leawood at 119th and Roe, our Leawood location is great for meetings and gathering with friends or family for what we think is Kansas City’s best BBQ. We serve the exact same BBQ that you would get at our original gas station location.</h3><p><strong>Established 2012</strong></p><p><strong>General Manager:</strong> Brian Irwin</p><p>Walk-ins only. No reservations.</p><h4><a href="tel:+19133385151" class="metafield-url">913.338.5151</a></h4><div class="metafield-rich_text_field"><h3><strong>Store hours</strong></h3><p><strong>Monday-Thursday:</strong> 11:00 a.m. - 9:00 p.m. </p><p><strong>Friday-Saturday:</strong> 11:00 a.m. - 10:00 p.m. </p><p><strong>Sunday </strong>CLOSED.</p></div><div class="metafield-rich_text_field"><h6><strong>Joe&#39;s Kansas City restaurants are closed on the following holidays: </strong>New Year&#39;s Day, Easter, Memorial Day, Fourth of July, Labor Day, Thanksgiving, Christmas Day</h6></div><h4>More Actions</h4><p><a href="https://order.joeskc.com/" target="_blank" title="https://order.joeskc.com/">Order Restaurant Pick Up</a></p><p><a href="https://catering.joeskc.com/" target="_blank" title="https://catering.joeskc.com/">Order Catering Pick-Up</a></p><p><a href="https://www.joeskc.com/pages/restaurant-menu" target="_blank" title="https://www.joeskc.com/pages/restaurant-menu">Restaurant Menu</a></p><p><a href="/pages/joes-kansas-city-leawood" target="_blank" title="Joe's Kansas City - Leawood">Learn more about this location here</a></p>
9297                                </div>
9298                              
9299                            </div>
9300                            
9301                            <a data-id="item_JQeAXL" href="#item_JQeAXL" class="font-bold location-view cursor-pointer underline text-[rgba(var(--colors-heading))]"
9302                              @click.prevent="openLocation($el); $store.xPopup.open = true;"
9303                              >View details
9304                            </a>
9305                          </div>
9306                          
9307                            <div class="container-btn-location-template--19816069922883__multiple_stores_yK6DBn w-full bottom-5 lg:bottom-10 pt-4">
9308                              
9309                                <a class="flex items-center justify-center h-[2.875rem] md:h-[3.125rem] btn-location-template--19816069922883__multiple_stores_yK6DBn button button-solid pt-2 pb-2 pl-4 pr-4"
9310                                  href="https://www.google.com/maps/place/11723 Roe Ave, Leawood, KS 66211"
9311                                  target="_blank"
9312                                >
9313                                  
9314<div class="flex justify-center ">
9315  
9316    
9317      
9318        <span class="button-text  is-focus-button:opacity-0">Get Directions</span>
9319      
9320    
9321  
9322  
9323</div>
9324                                </a>
9325                              
9326                            </div>
9327                            
9328                        </div>
9329                      </li>
9330                    
9331                    
9332                  
9333                    
9334                    
9335                      <li :class="{ 'container-active': active == '3' }"  class="">
9336                        <div id="item_CDQtj7" class="duration-200 p-break-words items-center pt-5 pb-5 pl-4 pr-4 md:pt-7 md:pb-7 md:pl-7 md:pr-7 border-0 rounded-[0.625rem] cursor-pointer hover:transition-all hover:ease-linear"
9337                          :class="{ 'active': active == '3' }"
9338                          @click="active = 3"
9339                          tabindex="0"
9340                        >
9341                          
9342                            <p class="h4 location-title pl-1 pr-1 mb-2 md:pl-0 md:pr-0 font-bold">
9343                              Olathe, KS
9344                            </p>
9345                          
9346                        
9347                          <div class="draw-scroll-location grow overflow-y-auto scrollbar-body scrollbar-stable overflow-x-hidden pl-1 pr-1 md:pl-0 md:pr-0 mt-0 "><div class="hidden img_location pb-4">
9348                                
9349                                <img
9350                                  srcset="//www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=225 225w,
9351                                  //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=375 375w,
9352                                  //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=450 450w,
9353                                  //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=750 750w,
9354                                  //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=900 900w,
9355                                  //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=1100 1100w,
9356                                  //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=1500 1500w,
9357                                  //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=1780 1780w,
9358                                  //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=2000 2000w,
9359                                  //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=3000 3000w,
9360                                  //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=3840 3840w" 
9361                                  src="//www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=1080"
9362                                  sizes="(min-width: 1024px) 28rem, 
9363                                (min-width: 768px) 24rem, 
9364                                100vw"
9365                                  alt="Joe&#39;s KC BBQ Olathe Location"
9366                                  class="w-full h-full object-cover object-center rounded-[1.25rem]"
9367                                  loading="lazy"
9368                                  height="1200"
9369                                  width="1200"
9370                                  x-intersect.once="$el.classList.add('active')"
9371                                >
9372                              </div>
9373                              
9374<div class="rte address_location overflow-hidden mb-3 md:mb-4">
9375                              
9376                                <p class="rte">11950 South Strang Line Road Olathe, KS 66062</p>
9377                              
9378                              
9379                                <div class="info_storehour store-hour-template--19816069922883__multiple_stores_yK6DBn mb-2 md:mb-2.5 hidden">
9380                                  <h3>Conveniently located off I-35 and 119thstreet in Olathe Kansas. Serving the exact same BBQ that you’d get in our original gas station location. Joe’s spacious Olathe restaurant is perfect for large gatherings and meetings.</h3><p><strong>Established 2006</strong></p><p><strong>General Manager:</strong> Lorie Wagner</p><p>Walk-ins only. No reservations.</p><h4><a href="tel:+19137826858" class="metafield-url">913.782.6858</a></h4><div class="metafield-rich_text_field"><h3><strong>Store hours</strong></h3><p><strong>Monday-Thursday:</strong> 11:00 a.m. - 9:00 p.m. </p><p><strong>Friday-Saturday:</strong> 11:00 a.m. - 10:00 p.m. </p><p><strong>Sunday </strong>CLOSED.</p></div><div class="metafield-rich_text_field"><h6><strong>Joe&#39;s Kansas City restaurants are closed on the following holidays: </strong>New Year&#39;s Day, Easter, Memorial Day, Fourth of July, Labor Day, Thanksgiving, Christmas Day</h6></div><h4>More Actions</h4><p><a href="https://order.joeskc.com/" target="_blank" title="https://order.joeskc.com/">Order Restaurant Pick Up</a></p><p><a href="https://catering.joeskc.com/" target="_blank" title="https://catering.joeskc.com/">Order Catering Pick-Up</a></p><p><a href="https://www.joeskc.com/pages/restaurant-menu" target="_blank" title="https://www.joeskc.com/pages/restaurant-menu">Restaurant Menu</a></p><p><a href="/pages/joes-kansas-city-olathe" target="_blank" title="Joe's Kansas City - Olathe">Learn more about this location here</a></p>
9381                                </div>
9382                              
9383                            </div>
9384                            
9385                            <a data-id="item_CDQtj7" href="#item_CDQtj7" class="font-bold location-view cursor-pointer underline text-[rgba(var(--colors-heading))]"
9386                              @click.prevent="openLocation($el); $store.xPopup.open = true;"
9387                              >View details
9388                            </a>
9389                          </div>
9390                          
9391                            <div class="container-btn-location-template--19816069922883__multiple_stores_yK6DBn w-full bottom-5 lg:bottom-10 pt-4">
9392                              
9393                                <a class="flex items-center justify-center h-[2.875rem] md:h-[3.125rem] btn-location-template--19816069922883__multiple_stores_yK6DBn button button-solid pt-2 pb-2 pl-4 pr-4"
9394                                  href="https://www.google.com/maps/place/11950 South Strang Line Road Olathe, KS 66062"
9395                                  target="_blank"
9396                                >
9397                                  
9398<div class="flex justify-center ">
9399  
9400    
9401      
9402        <span class="button-text  is-focus-button:opacity-0">Get Directions</span>
9403      
9404    
9405  
9406  
9407</div>
9408                                </a>
9409                              
9410                            </div>
9411                            
9412                        </div>
9413                      </li>
9414                    
9415                    
9416                  
9417                </ul>
9418                
9419              </div>
9420            </div>
9421          </div>
9422        </div>
9423      </div>
9424      <div class="x-block-location-banner grow h-full md:flex items-start mt-2.5 md:mt-0">
9425        <div x-intersect.once="$el.classList.remove('bg-[#c9c9c9]')" class="h_img_location content-visibility-auto w-full relative overflow-hidden bg-[#c9c9c9] rounded-[10px] section-height--template--19816069922883__multiple_stores_yK6DBn section-height-mobile--template--19816069922883__multiple_stores_yK6DBn h-img-location--template--19816069922883__multiple_stores_yK6DBn" x-ref="h_img_location">
9426          
9427            <div class="w-full h-full absolute top-0 left-0" x-show="active == '1'" :class="{ 'active': active == '1' }" >
9428                <img
9429                  srcset="//www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=225 225w,
9430                    //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=375 375w,
9431                    //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=450 450w,
9432                    //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=750 750w,
9433                    //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=900 900w,
9434                    //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=1100 1100w,
9435                    //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=1400 1400w,
9436                    //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=1500 1500w,
9437                    //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=1780 1780w,
9438                    //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=2000 2000w,
9439                    //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=3000 3000w,
9440                    //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=3840 3840w"
9441                  src="//www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=1080"
9442                  sizes="(min-width: 1300px)  calc(100vw - 564px) , 
9443                  (min-width: 1024px) calc(100vw - 564px),
9444                  (min-width: 768px) calc(100vw - (40vw + 24px)), 
9445                  100vw"
9446                  alt="Joe&#39;s Kansas City gas station location in mission KS"
9447                  class="animate_transition_slide__image w-full h-full object-cover image-hover rounded-[10px]"
9448                  
9449                    loading="lazy"
9450                  
9451                  height="1914"
9452                  width="4429"
9453                  x-intersect.once="$el.classList.add('active')"
9454                >
9455                
9456</div>
9457          
9458            <div class="w-full h-full absolute top-0 left-0" x-show="active == '2'" :class="{ 'active': active == '2' }"  x-cloak>
9459                <img
9460                  srcset="//www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=225 225w,
9461                    //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=375 375w,
9462                    //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=450 450w,
9463                    //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=750 750w,
9464                    //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=900 900w,
9465                    //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=1100 1100w,
9466                    //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=1400 1400w,
9467                    //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=1500 1500w,
9468                    //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=1780 1780w,
9469                    //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=2000 2000w,
9470                    //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=3000 3000w,
9471                    //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=3840 3840w"
9472                  src="//www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=1080"
9473                  sizes="(min-width: 1300px)  calc(100vw - 564px) , 
9474                  (min-width: 1024px) calc(100vw - 564px),
9475                  (min-width: 768px) calc(100vw - (40vw + 24px)), 
9476                  100vw"
9477                  alt="Joe&#39;s Kc Leawood location"
9478                  class="animate_transition_slide__image w-full h-full object-cover image-hover rounded-[10px]"
9479                  
9480                    loading="lazy"
9481                  
9482                  height="471"
9483                  width="1000"
9484                  x-intersect.once="$el.classList.add('active')"
9485                >
9486                
9487</div>
9488          
9489            <div class="w-full h-full absolute top-0 left-0" x-show="active == '3'" :class="{ 'active': active == '3' }"  x-cloak>
9490                <img
9491                  srcset="//www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=225 225w,
9492                    //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=375 375w,
9493                    //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=450 450w,
9494                    //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=750 750w,
9495                    //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=900 900w,
9496                    //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=1100 1100w,
9497                    //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=1400 1400w,
9498                    //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=1500 1500w,
9499                    //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=1780 1780w,
9500                    //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=2000 2000w,
9501                    //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=3000 3000w,
9502                    //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=3840 3840w"
9503                  src="//www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=1080"
9504                  sizes="(min-width: 1300px)  calc(100vw - 564px) , 
9505                  (min-width: 1024px) calc(100vw - 564px),
9506                  (min-width: 768px) calc(100vw - (40vw + 24px)), 
9507                  100vw"
9508                  alt="Joe&#39;s KC BBQ Olathe Location"
9509                  class="animate_transition_slide__image w-full h-full object-cover image-hover rounded-[10px]"
9510                  
9511                    loading="lazy"
9512                  
9513                  height="1200"
9514                  width="1200"
9515                  x-intersect.once="$el.classList.add('active')"
9516                >
9517                
9518</div>
9519          
9520        </div>
9521      </div>
9522    </div>
9523  </div>
9524   <style data-shopify>#content_location_detail-template--19816069922883__multiple_stores_yK6DBn .location-view {
9525    display: none;
9526  }
9527  #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .img_location {
9528    display: block;
9529    padding-bottom: 20px;
9530  }
9531  #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .info_storehour {
9532    display: block;
9533  }
9534  #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .address_location {
9535    height: auto;
9536    white-space: initial;
9537    overflow: initial;
9538    margin-bottom: 0;
9539    -webkit-line-clamp: unset;
9540  }
9541  #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .button-text {
9542    display: inline-block;
9543  }
9544  #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .popup-mt {
9545    margin-top: 5rem;
9546  }
9547  #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .info_storehour {
9548    margin-top: 5px;
9549  }
9550  #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .info_storehour p:nth-child(2) {
9551    margin: 8px 0;
9552  }
9553  #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .draw-scroll-location {
9554    margin-bottom: 1.75rem;
9555    margin-top: 1.75rem;
9556  }
9557  #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .location-title {
9558    padding-right: 2.25rem;
9559    padding-left: 0px;
9560    padding-bottom: 20px;
9561    border-bottom-width: 1px;
9562  }
9563  .rtl #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .location-title {
9564    padding-left: 2.25rem;
9565    padding-right: 0px;
9566  }
9567  @media (min-width: 768px) {
9568    #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .draw-scroll-location {
9569      height: calc(100vh - 11rem);
9570      margin-bottom: 1.75rem;
9571      margin-top: 1.75rem;
9572    }
9573    #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .popup-mt {
9574      margin-top: 5rem;
9575    }
9576  }
9577  button.bg-\[rgba\(var\(--colors-secondary-button\)\)\] {
9578    background-color: rgba(var(--colors-secondary-button));
9579  }</style><template x-teleport="body">
9580<div
9581  id="xMultipleStores"
9582  class="text-[rgb(var(--colors-text))] md:rounded-none"
9583  x-show="open"
9584  x-cloak
9585>
9586  <div class="fixed z-[60] typeDrawer md:fixed left-0 top-0 w-full h-full md:flex md:justify-end right-0 animate-goleft duration-300">
9587    <div id="Location-Drawer-Overlay" class="bg-black opacity-40 block fixed top-0 right-0 bottom-0 left-0"  @click="hideLocation(); $store.xPopup.open = false;" @keyup.escape.window="hideLocation(); $store.xPopup.open = false;" ></div>
9588    <div
9589      id="LocationDetail" 
9590      role="dialog"
9591      aria-modal="true"
9592      aria-label="Your cart"
9593      tabindex="-1"
9594      class="z-30 overflow-hidden flex flex-col fixed bottom-0 left-0 md:bottom-auto max-h-[80vh] w-full right-0 md:z-auto md:relative md:max-h-screen md:w-96 bg-[rgba(var(--background-color),1)]  md:left-auto lg:lg:max-w-md lg:w-screen rounded-t-[10px] md:rounded-[10px] md:mt-2.5 md:mb-2.5 md:mr-2.5 md:ml-2.5"
9595      x-show="open" 
9596      x-transition:enter="transition-all ease-in-out duration-500"
9597      x-transition:enter-start="opacity-0 transform translate-y-1/3 md:translate-y-0 md:translate-x-1/3"
9598      x-transition:enter-end="opacity-100 transform translate-y-0 md:translate-x-0"
9599      x-transition:leave="transition ease-in-out duration-500"
9600      x-transition:leave-end="opacity-0 transform translate-y-1/3 md:translate-y-0 md:translate-x-1/3"
9601      x-intersect.full="$store.xModal.focus('xMultipleStores', 'CloseLocation')"
9602      @keyup.escape="$store.xModal.removeFocus(); show = false; $store.xPopup.open = false"
9603    >
9604      <div id="content_location_detail-template--19816069922883__multiple_stores_yK6DBn" class="flex flex-col overflow-hidden max-h-[80vh] md:max-h-screen pt-5 pb-5 pl-4 pr-4 md:pt-5 md:pb-5 md:pl-8 md:pr-8 opacity-1" x-ref="content_location_detail"></div>
9605      <button 
9606        id="CloseLocation"
9607        @click="hideLocation(); $store.xPopup.open = false;"
9608        @keyup.escape.window="hideLocation(); $store.xPopup.open = false;"
9609        class="cursor-pointer absolute group-close-btn icon-close-container rounded-full z-10 top-2 md:top-[1.3rem] lg:end-10 right-4 md:right-8"
9610      >
9611        <svg class="icon-close-animation" width="100%" height="100%" viewB
9611ox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
9612    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
9613  </svg>
9614
9615      </button>
9616    </div>
9617    </div>
9618  </div>
9619</template>
9620
9621</div>
9622<script src="//www.joeskc.com/cdn/shop/t/80/assets/multiple-stores.js?v=135291728024214848891785247873" defer></script>
9622
9623<style> #shopify-section-template--19816069922883__multiple_stores_yK6DBn .info_storehour p a {display: inline-block; padding: 12px 20px; background: #7f2629; color: #fff !important; text-decoration: none; border-radius: 6px; border: 1px solid rgba(35, 31, 32, 0.2); box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.2); transition: 0.2s; margin-bottom: 8px;} #shopify-section-template--19816069922883__multiple_stores_yK6DBn .info_storehour p a:hover {background: #fff; color: #7f2629 !important;} </style></section><section id="shopify-section-template--19816069922883__image_with_text_wmR4Vr" class="shopify-section section section-image-with-text x-section">
9624<style data-shopify>.section-padding-template--19816069922883__image_with_text_wmR4Vr {
9625    padding-top: 16px;
9626    padding-bottom: 16px;
9627  }
9628  @media (min-width: 768px) { 
9629    .section-padding-template--19816069922883__image_with_text_wmR4Vr {
9630      padding-top: 16px;
9631      padding-bottom: 16px;
9632    }
9633  } 
9634  .iwt--template--19816069922883__image_with_text_wmR4Vr {
9635    
9636      background: #ffffff;
9637      --background-color: 255, 255, 255;
9638    
9639  }
9640  .dark .iwt--template--19816069922883__image_with_text_wmR4Vr {
9641    
9642      background: rgb(var(--colors-background-secondary));
9643      --background-color: var(--colors-background-secondary);
9644    
9645  }.mobile-template--19816069922883__image_with_text_wmR4Vr-natural {
9646      padding-bottom: 99.95119570522206%; 
9647    }.border-radius-template--19816069922883__image_with_text_wmR4Vr {
9648    
9649      
9650        border-radius: 10px;
9651      
9652    
9653  }
9654  @media screen and (min-width: 768px) {.desktop-template--19816069922883__image_with_text_wmR4Vr-natural {
9655        padding-bottom: 99.95119570522206%; 
9656      }}
9657  .border--template--19816069922883__image_with_text_wmR4Vr, .border--template--19816069922883__image_with_text_wmR4Vr:before {
9658    
9659      --colors-line-and-border: var(--colors-line-and-border-base)
9660    
9661    }
9662  .dark .border--template--19816069922883__image_with_text_wmR4Vr, .dark .border--template--19816069922883__image_with_text_wmR4Vr:before {
9663            
9664      --colors-line-and-border: var(--colors-line-and-border-base)
9665    
9666  }
9667  .icon--template--19816069922883__image_with_text_wmR4Vr {
9668    width: 31.5px;
9669    height: 31.5px;
9670    min-width: 31.5px;
9671    min-height: 31.5px;
9672    
9673      color: #231F20;
9674    
9675  }
9676  @media (min-width: 1024px){
9677    .icon--template--19816069922883__image_with_text_wmR4Vr {
9678      width: 45px;
9679      height: 45px;
9680      min-width: 45px;
9681      min-height: 45px;
9682    }
9683  }
9684  .dark .icon--template--19816069922883__image_with_text_wmR4Vr {
9685    
9686      color: rgb(var(--colors-text));
9687    
9688  }
9689  
9690  .dark .color-text--template--19816069922883__image_with_text_wmR4Vr {
9691            
9692      --colors-text: var(--colors-text-secondary);
9693    
9694  }
9695  .columns-header-color--template--19816069922883__image_with_text_wmR4Vr {
9696    
9697      --colors-heading: 255,255,255;
9698    
9699    }
9700  .dark .columns-header-color--template--19816069922883__image_with_text_wmR4Vr {
9701            
9702      --colors-heading: var(--colors-heading-secondary);
9703    
9704  }</style><div class="ltr section-padding-template--19816069922883__image_with_text_wmR4Vr md:pl-5 md:pr-5 full-width-mobile">
9705  <div class="image-with-text text-[rgb(var(--colors-text))] desktop-large image-position-mobile-left border-radius-template--19816069922883__image_with_text_wmR4Vr stacked image-position-right image-with-text-overlap"
9706  >
9707    
9708      <div class="iwt-image border-radius-template--19816069922883__image_with_text_wmR4Vr md:w-2/3 promotion w-full flex self-center">
9709        <div class="promotion w-full relative md:h-auto min-h-[100%] md:promotion:h-[450px] md:promotion:pb-0  h-[250px] md:h-auto">
9710          <div class="flex w-full h-full gap-x-1 relative md:promotion:relative">
9711    
9712          
9713            
9714              
9715              <div class="border-radius-template--19816069922883__image_with_text_wmR4Vr w-full overflow-hidden h-[calc(100%-2rem)] md:h-[calc(100%-5rem)]">
9716                <parallax-image class="block h-full w-full">
9717                  <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)">   
9718                    <img
9719                      class="h-full w-full object-cover border-radius-template--19816069922883__image_with_text_wmR4Vr animate_transition_slide__image animate-Xpulse skeleton-image"
9720                      srcset="//www.joeskc.com/cdn/shop/files/Catering-home_page_button.png?v=1742414004&width=450 450w,
9721                      //www.joeskc.com/cdn/shop/files/Catering-home_page_button.png?v=1742414004&width=750 750w,
9722                      //www.joeskc.com/cdn/shop/files/Catering-home_page_button.png?v=1742414004&width=900 900w,
9723                      //www.joeskc.com/cdn/shop/files/Catering-home_page_button.png?v=1742414004&width=1100 1100w,
9724                      //www.joeskc.com/cdn/shop/files/Catering-home_page_button.png?v=1742414004&width=1500 1500w,
9725                      //www.joeskc.com/cdn/shop/files/Catering-home_page_button.png?v=1742414004 2049w"
9726                      src="//www.joeskc.com/cdn/shop/files/Catering-home_page_button.png?v=1742414004&width=1500"
9727                      alt="Joe&#39;s Kansas City Bar-B-Que catering, pick up or delivery ribs, turkey, brisket, BBQ beans, authentic KC BBQ"
9728                      
9729                        
9730                          loading="lazy"
9731                        
9732                       
9733                      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); this.closest('.animate_transition_slide__image')?.classList.add('active'); });"
9734                      sizes="
9735                        
9736                          
9737                            (min-width: 1300px) 33.3333vw, (min-width: 768px) 33.3333vw, 
9738                          
9739                        
9740                        100vw"
9741                      width="2049"
9742                      height="2048"
9743                      style="object-position: 50.0% 50.0%"
9744                    >
9745                  </parallax-movement>
9746                </parallax-image>
9747              </div>
9748            
9749            
9750              
9751              <div class="border-radius-template--19816069922883__image_with_text_wmR4Vr h-full w-full overflow-hidden mt-8 md:mt-20 h-[calc(100%-2rem)] md:h-[calc(100%-5rem)]">
9752                <parallax-image class="block h-full w-full">
9753                  <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)">
9754                    <img
9755                      class="h-full w-full object-cover border-radius-template--19816069922883__image_with_text_wmR4Vr animate_transition_slide__image animate-Xpulse skeleton-image"
9756                      srcset="//www.joeskc.com/cdn/shop/files/Catering-1_498bc413-ad51-42ed-a268-a9b061a58b2c.jpg?v=1651160853&width=450 450w,
9757                      //www.joeskc.com/cdn/shop/files/Catering-1_498bc413-ad51-42ed-a268-a9b061a58b2c.jpg?v=1651160853&width=750 750w,
9758                      //www.joeskc.com/cdn/shop/files/Catering-1_498bc413-ad51-42ed-a268-a9b061a58b2c.jpg?v=1651160853&width=900 900w,
9759                      //www.joeskc.com/cdn/shop/files/Catering-1_498bc413-ad51-42ed-a268-a9b061a58b2c.jpg?v=1651160853&width=1100 1100w,
9760                      //www.joeskc.com/cdn/shop/files/Catering-1_498bc413-ad51-42ed-a268-a9b061a58b2c.jpg?v=1651160853&width=1500 1500w,
9761                      //www.joeskc.com/cdn/shop/files/Catering-1_498bc413-ad51-42ed-a268-a9b061a58b2c.jpg?v=1651160853 800w"
9762                      src="//www.joeskc.com/cdn/shop/files/Catering-1_498bc413-ad51-42ed-a268-a9b061a58b2c.jpg?v=1651160853&width=1500"
9763                      alt="Joe&#39;s Kansas City Bar-B-Que catering, pick up or delivery side options for authentic KC BBQ"
9764                      
9765                        
9766                          loading="lazy"
9767                        
9768                      
9769                      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); this.closest('.animate_transition_slide__image')?.classList.add('active'); });"
9770                      sizes="
9771                        
9772                          (min-width: 1300px) 33.333333333333336vw, (min-width: 768px) 33.333333333333336vw, 
9773                        
9774                        100vw"
9775                      width="800"
9776                      height="800"
9777                      style="object-position: 50.0% 50.0%"
9778                    >
9779                  </parallax-movement>
9780                </parallax-image>
9781              </div>
9782            
9783            
9784          
9785        </div>
9786      </div>
9787    </div>
9788    <div class="md:w-1/3 w-full flex justify-center md:justify-start iwt-content-overlap self-center md:justify-end"
9789    >
9790      <div class="iwt-content  iwt-overlap iwt--template--19816069922883__image_with_text_wmR4Vr border-radius-template--19816069922883__image_with_text_wmR4Vr w-11/12 md:w-full xl:w-11/12 md:max-w-2xl lg:pl-20 lg:pr-20"><style data-shopify>.heading-size--heading_XRy4bV {
9791                  font-size: 1.35rem;
9792                }
9793                .color-text-heading_XRy4bV {
9794                  
9795                  
9796                }
9797                .dark .color-text-heading_XRy4bV {
9798                  
9799                    --colors-heading: var(--colors-heading-secondary);
9800                  
9801                  
9802                    --colors-text: var(--colors-text-secondary);
9803                  
9804                }
9805                @media (min-width: 768px) {
9806                  .heading-size--heading_XRy4bV {
9807                    font-size: 2.25rem;
9808                  }
9809                }</style>
9810              <div class="x-block-text color-text-heading_XRy4bV  text-[rgb(var(--colors-text))] w-full mt-5 text-center rtl:text-center" >
9811                
9812                
9813                  <div class="mt-2 mb-1.5 md:mt-2.5 md:mb-3">
9814                    
9815
9816
9817<style data-shopify>
9818  
9819  .dark .heading-heading_XRy4bV {
9820    
9821      --color-highlight: rgb(127, 38, 41);
9822    
9823  }
9824</style>
9825
9826
9827
9828  
9829
9830   
9831    <h3
9832      class='heading-heading_XRy4bV h2 block heading-size--heading_XRy4bV'> 
9833  
9834    
9835      
9836        Joe&#39;s KC Bar-B-Que Caters!
9837      
9838    
9839  </h3>
9840
9841  
9842
9843                  </div>
9844                
9845                
9846
9847  <div class="rte"><p><em><strong>Delivery and Full-Service also available. See menu for more information.</strong></em></p><p><a href="/pages/catering-menu" title="Catering Menu">View Catering Menu</a></p></div>
9848
9849              </div>
9850        
9851              
9852                <style data-shopify>
9853                  .button-button_QTmk4M, .button-button_QTmk4M *:before {
9854                    
9855                    
9856                    
9857                    
9858                    
9859                    
9860                    
9861                  }
9862                  .dark .button-button_QTmk4M, .dark .button-button_QTmk4M *:before {
9863                      
9864                      --colors-button: 0, 0, 0;
9865                    
9866                     
9867                      --colors-button-text: 255, 255, 255; 
9868                    
9869                      
9870                      --colors-button-hover: rgb(255, 255, 255);
9871                    
9872                      
9873                      --colors-button-text-hover: 36, 36, 36;
9874                    
9875                      
9876                      --colors-secondary-button: 255, 255, 255;
9877                      --colors-line-secondary-button: 255, 255, 255;
9878                    
9879                    
9880                      --background-secondary-button: transparent;
9881                    
9882                    
9883                      --colors-text-link: 127, 38, 41;
9884                    
9885                  }
9886                </style>
9887                <div class="button-button_QTmk4M mb-9 md:mb-4 flex justify-center rtl:justify-center mt-4 md:mt-8"
9888                  
9889                >
9890                  
9891                    <a class="button button-solid leading-normal empty:hidden text-center pl-7 pr-7 pt-2.5 pb-2.5 md:pl-8 md:pr-8 md:pt-3 md:pb-3" href="https://catering.joeskc.com/" target="_blank">
9892                      
9893<div class="flex justify-center ">
9894  
9895    
9896      
9897        <span class="button-text  is-focus-button:opacity-0">Order Catering Pick-Up</span>
9898      
9899    
9900  
9901  
9902</div>
9903                    </a>
9904                  
9905                </div>
9906              
9907
9908        
9909      </div>
9910    </div>
9911  </div>
9912</div>
9913
9914<style> #shopify-section-template--19816069922883__image_with_text_wmR4Vr a {display: inline-block; padding: 12px 20px; background: #7f2629; color: #fff; text-decoration: none; border-radius: 30px; border: 1px solid rgba(35, 31, 32, 0.2); box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.2); transition: 0.2s;} #shopify-section-template--19816069922883__image_with_text_wmR4Vr a:hover {background: #fff; color: #7f2629;} </style></section><section id="shopify-section-template--19816069922883__featured_collection_jhekbQ" class="shopify-section section section-featured-collection x-section">
9915<style data-shopify>.section-padding-template--19816069922883__featured_collection_jhekbQ {
9916    padding-top: 28px;
9917    padding-bottom: 28px;
9918  }
9919  @media (min-width: 768px) { 
9920    .section-padding-template--19816069922883__featured_collection_jhekbQ {
9921      padding-top: 28px;
9922      padding-bottom: 28px;
9923    }
9924  }
9925  .heading-template--19816069922883__featured_collection_jhekbQ {
9926    font-size: 1.35rem;
9927  }
9928  #shopify-section-template--19816069922883__featured_collection_jhekbQ .collection-title .h4 {
9929    font-size: 0.875rem; 
9930  }
9931  @media (min-width: 768px) {
9932    .heading-template--19816069922883__featured_collection_jhekbQ {
9933      font-size: 2.25rem; 
9934    }
9935    #shopify-section-template--19816069922883__featured_collection_jhekbQ .collection-title .h4 {
9936      font-size: 0.98rem; 
9937    }
9938  }
9939  @media (min-width: 1024px) {
9940    #shopify-section-template--19816069922883__featured_collection_jhekbQ .collection-title .h4 {
9941      font-size: 1.225rem; 
9942    }
9943  }
9944  .collection-title .label-template--19816069922883__featured_collection_jhekbQ { 
9945    
9946      
9947        background: rgba(35, 31, 32, 0.1);
9948      
9949    
9950    
9951      color: rgb(var(--colors-heading));
9952    
9953  }
9954  .collection-title .label-template--19816069922883__featured_collection_jhekbQ.active, .collection-title .label-template--19816069922883__featured_collection_jhekbQ.active:hover { 
9955    
9956      background: #e3a6a8;
9957    
9958    
9959      color: rgb(var(--colors-heading));
9960    
9961  }
9962  .collection-title .label-template--19816069922883__featured_collection_jhekbQ:hover { 
9963    
9964      
9965        background: rgba(35, 31, 32, 0.5);
9966      
9967    
9968    
9969      color: rgb(var(--colors-heading));
9970    
9971  }
9972  .dark .collection-title .label-template--19816069922883__featured_collection_jhekbQ { 
9973    
9974      
9975        background: rgba(255, 255, 255, 0.1);
9976      
9977    
9978    
9979      color: rgb(var(--colors-heading));
9980    
9981  }
9982  .dark .collection-title .label-template--19816069922883__featured_collection_jhekbQ.active, .dark .collection-title .label-template--19816069922883__featured_collection_jhekbQ.active:hover { 
9983    
9984      
9985        background: rgba(255, 255, 255, 0.5);
9986      
9987    
9988    
9989      color: rgb(var(--colors-heading));
9990    
9991  }
9992  .dark .collection-title .label-template--19816069922883__featured_collection_jhekbQ:hover { 
9993    
9994      
9995        background: rgba(255, 255, 255, 0.5);
9996      
9997    
9998    
9999      color: rgb(var(--colors-heading));
10000    
10001  }</style>
10002<div 
10003  class="x-container-featured-collection section-padding-template--19816069922883__featured_collection_jhekbQ"
10004  x-data="{ 
10005    view_all_link: '/collections/best-sellers',
10006    setViewAllLink(url) {
10007      this.view_all_link = url;
10008    }
10009  }"
10010>
10011  <div class="collection_wrapper"><div class="mb-4 md:mb-2 relative">
10012  <div class="relative w-full bg-transparent"><div class="featured-collection relative min-h-[300px] left-0 right-0 bg-[rgba(var(--background-color))] pb-2" x-data='xFeaturedCollection("template--19816069922883__featured_collection_jhekbQ", "page", $el)'>
10013        <div class="x-block-header pl-5 pr-5 flex  flex-col items-center rtl:items-center
10014"
10015        ><div class=" flex-auto text-center rtl:text-center">
10016
10017
10018
10019<style data-shopify>
10020  
10021  .dark .heading-template--19816069922883__featured_collection_jhekbQ {
10022    
10023      --color-highlight: rgb(127, 38, 41);
10024    
10025  }
10026</style>
10027
10028
10029
10030  
10031
10032   
10033    <h2
10034      class='heading-template--19816069922883__featured_collection_jhekbQ h2 block leading-tight p-break-words'> 
10035  
10036    
10037      
10038        Joe&#39;s KC Bar-B-Que Nationwide Delivery
10039      
10040    
10041  </h2>
10042
10043  
10044
10045<div class="rte mt-2 lg:mb-3"><h3>We ship Joe’s Kansas City Bar-B-Que nationwide—including the continental U.S., Alaska, and Hawaii—so you can enjoy authentic Kansas City BBQ anywhere.</h3><p><a href="/collections" title="All collections"><em><strong>See All Collections Here</strong></em></a></p></div>
10046              
10047            </div>
10048          
10049          
10050            <style data-shopify>
10051              .collection-title-container.scrollbar-body::-webkit-scrollbar{
10052                width: 1px;
10053                height: 2px;
10054              }
10055            </style>
10056            <div class="collection-title-container h-10 md:h-auto relative mr-5 ml-5 z-[19] overflow-x-auto overflow-y-hidden scrollbar-body scrollbar-stable self
10056-center min-w-[30%] w-full">
10057              <div class="flex flex-row md:flex-wrap items-center h-full gap-y-2 gap-x-2 md:gap-x-4 md:justify-center">
10058                  <div
10059                    class="collection-title flex justify-center items-center max-w-[75%]"
10060                    @click="setTimeout(() => { select(1); setViewAllLink('/collections/best-sellers'); scrollIntoView($el) }, 0)"
10061                    :class="currentTab === 1 || 'opacity-80'"
10062                    
10063                    
10064                      
10065                    
10066                  >
10067                    <span 
10068                      class="none label-template--19816069922883__featured_collection_jhekbQ inline-block h4 text-sm whitespace-nowrap pt-1.5 pb-1.5 pl-2.5 pr-2.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:pt-2.5 md:pb-2.5 md:pl-3.5 md:pr-3.5 duration-300 leading-snug  rounded-full"
10069                      :class="currentTab === 1 && 'active'"
10070                    >
10071                      Best Sellers
10072                    </span>
10073                  </div>
10074                  <div
10075                    class="collection-title flex justify-center items-center max-w-[75%]"
10076                    @click="setTimeout(() => { select(2); setViewAllLink('/collections/z-man-kits'); scrollIntoView($el) }, 0)"
10077                    :class="currentTab === 2 || 'opacity-80'"
10078                    
10079                    
10080                      x-intersect.once='loadData(2)'
10081                    
10082                  >
10083                    <span 
10084                      class="none label-template--19816069922883__featured_collection_jhekbQ inline-block h4 text-sm whitespace-nowrap pt-1.5 pb-1.5 pl-2.5 pr-2.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:pt-2.5 md:pb-2.5 md:pl-3.5 md:pr-3.5 duration-300 leading-snug  rounded-full"
10085                      :class="currentTab === 2 && 'active'"
10086                    >
10087                      Z-Man Kits
10088                    </span>
10089                  </div>
10090                  <div
10091                    class="collection-title flex justify-center items-center max-w-[75%]"
10092                    @click="setTimeout(() => { select(3); setViewAllLink('/collections/a-la-carte-meats'); scrollIntoView($el) }, 0)"
10093                    :class="currentTab === 3 || 'opacity-80'"
10094                    
10095                    
10096                      x-intersect.once='loadData(3)'
10097                    
10098                  >
10099                    <span 
10100                      class="none label-template--19816069922883__featured_collection_jhekbQ inline-block h4 text-sm whitespace-nowrap pt-1.5 pb-1.5 pl-2.5 pr-2.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:pt-2.5 md:pb-2.5 md:pl-3.5 md:pr-3.5 duration-300 leading-snug  rounded-full"
10101                      :class="currentTab === 3 && 'active'"
10102                    >
10103                      A La Carte Meats
10104                    </span>
10105                  </div>
10106                  <div
10107                    class="collection-title flex justify-center items-center max-w-[75%]"
10108                    @click="setTimeout(() => { select(4); setViewAllLink('/collections/sides-extras'); scrollIntoView($el) }, 0)"
10109                    :class="currentTab === 4 || 'opacity-80'"
10110                    
10111                    
10112                      x-intersect.once='loadData(4)'
10113                    
10114                  >
10115                    <span 
10116                      class="none label-template--19816069922883__featured_collection_jhekbQ inline-block h4 text-sm whitespace-nowrap pt-1.5 pb-1.5 pl-2.5 pr-2.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:pt-2.5 md:pb-2.5 md:pl-3.5 md:pr-3.5 duration-300 leading-snug  rounded-full"
10117                      :class="currentTab === 4 && 'active'"
10118                    >
10119                      Sides & Extras
10120                    </span>
10121                  </div>
10122                  <div
10123                    class="collection-title flex justify-center items-center max-w-[75%]"
10124                    @click="setTimeout(() => { select(5); setViewAllLink('/collections/all-items'); scrollIntoView($el) }, 0)"
10125                    :class="currentTab === 5 || 'opacity-80'"
10126                    
10127                    
10128                      x-intersect.once='loadData(5)'
10129                    
10130                  >
10131                    <span 
10132                      class="none label-template--19816069922883__featured_collection_jhekbQ inline-block h4 text-sm whitespace-nowrap pt-1.5 pb-1.5 pl-2.5 pr-2.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:pt-2.5 md:pb-2.5 md:pl-3.5 md:pr-3.5 duration-300 leading-snug  rounded-full"
10133                      :class="currentTab === 5 && 'active'"
10134                    >
10135                      All Items
10136                    </span>
10137                  </div></div>
10138            </div>
10139          
10140        </div><div class=" md:pl-5 md:pr-5 full-width-mobile" x-show="loading">
10141          
10142              
10143              <div :class="currentTab === 2? '!block': 'hidden'" class="hidden lg:mt-8">
10144                
10145<style data-shopify>
10146  .gap-skeleton-template--19816069922883__featured_collection_jhekbQ {
10147    gap: 16px;
10148  }
10149  @media (min-width: 768px) {
10150    .gap-skeleton-template--19816069922883__featured_collection_jhekbQ {
10151      gap: 28px;
10152    }
10153  }
10154</style>
10155
10156    <div class="w-full grid grid-cols-1 md:grid-cols-4 lg:grid-cols-5 gap-skeleton-template--19816069922883__featured_collection_jhekbQ">
10157      
10158        <div class="animate-Xpulse">
10159          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
10160          <div class="flex flex-col items-center">
10161            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
10162            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
10163          </div>
10164        </div>
10165      
10166        <div class="animate-Xpulse hidden md:block">
10167          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
10168          <div class="flex flex-col items-center">
10169            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
10170            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
10171          </div>
10172        </div>
10173      
10174        <div class="animate-Xpulse hidden md:block">
10175          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
10176          <div class="flex flex-col items-center">
10177            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
10178            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
10179          </div>
10180        </div>
10181      
10182        <div class="animate-Xpulse hidden md:block">
10183          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
10184          <div class="flex flex-col items-center">
10185            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
10186            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
10187          </div>
10188        </div>
10189      
10190        <div class="animate-Xpulse hidden md:block">
10191          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
10192          <div class="flex flex-col items-center">
10193            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
10194            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
10195          </div>
10196        </div>
10197      
10198    </div>
10199
10200              </div>
10201            
10202          
10203              
10204              <div :class="currentTab === 3? '!block': 'hidden'" class="hidden lg:mt-8">
10205                
10206<style data-shopify>
10207  .gap-skeleton-template--19816069922883__featured_collection_jhekbQ {
10208    gap: 16px;
10209  }
10210  @media (min-width: 768px) {
10211    .gap-skeleton-template--19816069922883__featured_collection_jhekbQ {
10212      gap: 28px;
10213    }
10214  }
10215</style>
10216
10217    <div class="w-full grid grid-cols-1 md:grid-cols-4 lg:grid-cols-5 gap-skeleton-template--19816069922883__featured_collection_jhekbQ">
10218      
10219        <div class="animate-Xpulse">
10220          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
10221          <div class="flex flex-col items-center">
10222            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
10223            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
10224          </div>
10225        </div>
10226      
10227        <div class="animate-Xpulse hidden md:block">
10228          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
10229          <div class="flex flex-col items-center">
10230            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
10231            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
10232          </div>
10233        </div>
10234      
10235        <div class="animate-Xpulse hidden md:block">
10236          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
10237          <div class="flex flex-col items-center">
10238            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
10239            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
10240          </div>
10241        </div>
10242      
10243        <div class="animate-Xpulse hidden md:block">
10244          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
10245          <div class="flex flex-col items-center">
10246            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
10247            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
10248          </div>
10249        </div>
10250      
10251        <div class="animate-Xpulse hidden md:block">
10252          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
10253          <div class="flex flex-col items-center">
10254            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
10255            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
10256          </div>
10257        </div>
10258      
10259    </div>
10260
10261              </div>
10262            
10263          
10264              
10265              <div :class="currentTab === 4? '!block': 'hidden'" class="hidden lg:mt-8">
10266                
10267<style data-shopify>
10268  .gap-skeleton-template--19816069922883__featured_collection_jhekbQ {
10269    gap: 16px;
10270  }
10271  @media (min-width: 768px) {
10272    .gap-skeleton-template--19816069922883__featured_collection_jhekbQ {
10273      gap: 28px;
10274    }
10275  }
10276</style>
10277
10278    <div class="w-full grid grid-cols-1 md:grid-cols-4 lg:grid-cols-5 ga
10278p-skeleton-template--19816069922883__featured_collection_jhekbQ">
10279      
10280        <div class="animate-Xpulse">
10281          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
10282          <div class="flex flex-col items-center">
10283            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
10284            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
10285          </div>
10286        </div>
10287      
10288        <div class="animate-Xpulse hidden md:block">
10289          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
10290          <div class="flex flex-col items-center">
10291            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
10292            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
10293          </div>
10294        </div>
10295      
10296        <div class="animate-Xpulse hidden md:block">
10297          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
10298          <div class="flex flex-col items-center">
10299            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
10300            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
10301          </div>
10302        </div>
10303      
10304        <div class="animate-Xpulse hidden md:block">
10305          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
10306          <div class="flex flex-col items-center">
10307            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
10308            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
10309          </div>
10310        </div>
10311      
10312        <div class="animate-Xpulse hidden md:block">
10313          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
10314          <div class="flex flex-col items-center">
10315            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
10316            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
10317          </div>
10318        </div>
10319      
10320    </div>
10321
10322              </div>
10323            
10324          
10325              
10326              <div :class="currentTab === 5? '!block': 'hidden'" class="hidden lg:mt-8">
10327                
10328<style data-shopify>
10329  .gap-skeleton-template--19816069922883__featured_collection_jhekbQ {
10330    gap: 16px;
10331  }
10332  @media (min-width: 768px) {
10333    .gap-skeleton-template--19816069922883__featured_collection_jhekbQ {
10334      gap: 28px;
10335    }
10336  }
10337</style>
10338
10339    <div class="w-full grid grid-cols-1 md:grid-cols-4 lg:grid-cols-5 gap-skeleton-template--19816069922883__featured_collection_jhekbQ">
10340      
10341        <div class="animate-Xpulse">
10342          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
10343          <div class="flex flex-col items-center">
10344            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
10345            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
10346          </div>
10347        </div>
10348      
10349        <div class="animate-Xpulse hidden md:block">
10350          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
10351          <div class="flex flex-col items-center">
10352            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
10353            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
10354          </div>
10355        </div>
10356      
10357        <div class="animate-Xpulse hidden md:block">
10358          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
10359          <div class="flex flex-col items-center">
10360            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
10361            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
10362          </div>
10363        </div>
10364      
10365        <div class="animate-Xpulse hidden md:block">
10366          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
10367          <div class="flex flex-col items-center">
10368            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
10369            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
10370          </div>
10371        </div>
10372      
10373        <div class="animate-Xpulse hidden md:block">
10374          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
10375          <div class="flex flex-col items-center">
10376            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
10377            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
10378          </div>
10379        </div>
10380      
10381    </div>
10382
10383              </div>
10384            
10385          
10386        </div>
10387        
10388        
10389        
10390        
10391        <div class="animate-fade-in relative mt-4 lg:mt-8"
10392          id="x-fc-template--19816069922883__featured_collection_jhekbQ-1"
10393           x-show="currentTab == 1"
10394        >
10395          <style data-shopify>
10396            
10397              @media (max-width: 767px) {
10398                .preload-slide-mobile--collection_bGeicbtemplate--19816069922883__featured_collection_jhekbQ {
10399                    margin-right: 16px;
10400                  
10401                  width: calc(((100% + 16px) / 1) - 16px);
10402                }
10403              }
10404            
10405            
10406            
10407          </style>
10408          <div
10409            class=" carousel-mobile md:pl-5 md:pr-5 pl-0 pr-0 md:pl-5 md:pr-5"
10410            x-intersect.once.margin.-200px='$store.xCustomerEvent.fire("list_product_viewed", $el, {list: { title: `Best Sellers`, id: "collection" }}
10410)'
10411          ><div ><div
10412                id="x-collection-collection_bGeicb"
10413                class="collection overflow-hidden x-splide visible splide pl-5 pr-5 md:pl-0 md:pr-0"
10414                x-data-slider="template--19816069922883__featured_collection_jhekbQ"
10415                  x-intersect.once.margin.200px='$store.xSplide.load($el, {
10416                    "speed": 1000,
10417                    "pagination": false, 
10418                    "mediaQuery": "min",
10419                    "updateOnMove": "true",
10420                    "pauseOnHover": true,
10421                    "pauseOnFocus": false,
10422                    "progressBar": 5,
10423
10424"rewind": true,
10425                      "autoplay": true,
10426                      "interval": 5000,
10427                    "breakpoints": {
10428                      300: {"gap": "16px",
10429                        "perPage": 1,
10430                        "perMove": 1
10431                      },
10432                      768: {
10433                        "drag": true,
10434                          "destroy": true,
10435                        "gap": "28px",
10436                          "perPage": 4,
10437                          "perMove": 4
10438                      },
10439                      1024: {
10440                        "perPage": 5,
10441                        "perMove": 5
10442                      }
10443                    },
10444                    "classes": {
10445                      "arrows" : "block"
10446                    },
10447                    "events": [
10448                      {
10449                        "event": "ready",
10450                        "callback": () => {
10451                          document.dispatchEvent(new CustomEvent("eurus:template--19816069922883__featured_collection_jhekbQ:splide-ready"));
10452                        }
10453                      }
10454                    ]
10455                  })'x-intersect.once='$el.classList.add("is-ready-to-animate")'
10456              >
10457                <style data-shopify>
10458                  .gap-mobile-collection_bGeicb-template--19816069922883__featured_collection_jhekbQ {
10459                    gap: 16px;
10460                  }
10461                  @media (min-width: 768px) {
10462                    .gap-collection_bGeicb-template--19816069922883__featured_collection_jhekbQ {
10463                      
10464                        gap: 28px;
10465                      
10466                    }
10467                  }
10468                </style>
10469                
10470                  <div class="splide__arrows flex items-center justify-center gap-3 md:gap-0 md:mt-0 mt-5 order-2">
10471                    <button 
10472                      class="splide__arrow splide__arrow--prev button-arrow pt-3 pb-3 pr-3 pl-3 rounded-full z-10 w-11 h-11 border border-solid md:border-none after:text-[20px] rtl:rotate-180 disabled:cursor-not-allowed disabled:opacity-30 hidden md:hidden"
10473                      aria-label="previous slide"
10474                    >
10475                      <span class="hidden">previous slide</span>
10476                      
10477      <svg width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
10478        <path fill="none" d="M72.0001 95L27 49.9999L72.0001 5" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
10479      </svg> 
10480    
10481
10482
10483                    </button>
10484                    <button 
10485                      class="splide__arrow splide__arrow--next button-arrow pt-3 pb-3 pr-3 pl-3 rounded-full z-10 w-11 h-11 border border-solid md:border-none after:text-[20px] rtl:rotate-180 disabled:cursor-not-allowed disabled:opacity-30 hidden md:hidden"
10486                      aria-label="next slide"
10487                    >
10488                      <span class="hidden">next slide</span>
10489                      
10490      <svg width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
10491        <path fill="none" d="M26.9999 5L72 50.0001L26.9999 95" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
10492      </svg> 
10493    
10494
10495
10496                    </button>
10497                  </div>
10498                
10499                
10500                  <div class="splide__track lg:pl-0 lg:pr-0">
10501                
10502                  <div class="splide__list gap-collection_bGeicb-template--19816069922883__featured_collection_jhekbQ md:grid md:grid-cols-4 lg:grid-cols-5 flex w-full"><style data-shopify>
10503                        .x-slide-animation-duration-1 {
10504                          --delay-time: 0ms
10505                        }
10506                      </style>
10507                      
10508                      
10509
10510
10511<div 
10512  
10513    x-data="xProductCard('template--19816069922883__featured_collection_jhekbQ-1-1', '/collections/best-sellers/products/slaughterhouse-five', '1666759681')"  
10514  
10515  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_bGeicbtemplate--19816069922883__featured_collection_jhekbQ preload-slide-mobile--collection_bGeicbtemplate--19816069922883__featured_collection_jhekbQ rounded-[10px]" 
10516  x-slide-index="0"
10517>
10518  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
10519  >
10520    
10521    <a 
10522      
10523        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
10524      
10525      href="/collections/best-sellers/products/slaughterhouse-five"
10526       
10527        x-data="{ lastWindowWidth: 0 }"
10528        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
10529        x-labels-data="[
10530    
10531{
10532      &quot;variant_id&quot;: 41603127377987,
10533      &quot;product_id&quot;: 1666759681,
10534      &quot;available&quot;: true,
10535      &quot;title&quot;: &quot;Slaughterhouse Five&quot;,
10536      &quot;compare_at_price&quot;: 0,
10537      &quot;price&quot;: 19999,
10538      &quot;price_with_currency&quot;: &quot;$ 199.99&quot;,
10539      &quot;sale_amount&quot;: &quot;$ -199.99&quot;,
10540      &quot;collections&quot;: &quot;||165788254275||69089857||69089921||288082919491||69090241||69090817||297689448515||216422407||69091073||&quot;,
10541      &quot;inventory_management&quot;: &quot;shopify&quot;,
10542      &quot;qty&quot;: 503,
10543      &quot;container&quot;: &quot;card&quot;,
10544      &quot;can_show_preorder&quot;: false,
10545      &quot;diff_day_create&quot;: 1437767529,
10546      &quot;diff_day_publish&quot;: 1778167720
10547      
10548      }
10549    ]"
10550       
10551      aria-label="Slaughterhouse Five"
10552      id="1666759681-template--19816069922883__featured_collection_jhekbQ"
10553      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
10554      <div
10555        id="x-slideshow-card-product-template--19816069922883__featured_collection_jhekbQ-1-1-0"
10556        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
10557        @click='$store.xCustomerEvent.fire("product_selected", $el)'
10558        x-customer-event-data="{
10559    &quot;product&quot;: {
10560      &quot;title&quot;: &quot;Slaughterhouse Five&quot;,
10561      &quot;listName&quot;: &quot;Best Sellers&quot;,
10562      &quot;sku&quot;: &quot;1666759681&quot;,
10563      &quot;currencyCode&quot;: &quot;USD&quot;,
10564      &quot;price&quot;: 19999,
10565      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
10566    }
10567  }"
10568        x-cloak
10569        
10570          x-intersect.once.margin.200px='$store.xSplide.load($el, {
10571            "drag": true,
10572            "pagination": true,
10573            "arrows": false,
10574            "pauseOnFocus": false,
10575            "pauseOnHover": false,
10576            "perMove": 1,
10577            "perPage": 1,
10578            "focus": "center",
10579            "mediaQuery": "min",
10580            "rewind": true,
10581            
10582              "destroy": true,
10583            
10584            "breakpoints": {
10585              1024: {
10586                
10587                  "destroy": true
10588                
10589              }
10590            },
10591            
10592              "playOnHover": true,
10593            
10594            
10595            "classes": {
10596              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
10597              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
10598            },
10599            "type": "fade",
10600          })'>
10601        <div 
10602          id="image-product-template--19816069922883__featured_collection_jhekbQ-1-1-0"
10603          class="splide__track overflow-hidden max-h-full h-full w-full"
10604        >
10605        <div class="w-full h-full splide__list">
10606            <div class="w-full z-0 h-full min-h-full overflow-hidden splide__slide x-splide-slide h-full max-h-full lg:top-0 lg:left-0 lg:absolute"
10607            >
10608              
10609              <picture>
10610                <img
10611                  srcset="
10612                  //www.joeskc.com/cdn/shop/products/SlaughterhouseFive-Web.jpg?v=1527204128&width=250 250w,
10613                  //www.joeskc.com/cdn/shop/products/SlaughterhouseFive-Web.jpg?v=1527204128&width=350 350w,
10614                  //www.joeskc.com/cdn/shop/products/SlaughterhouseFive-Web.jpg?v=1527204128&width=450 450w,
10615                  //www.joeskc.com/cdn/shop/products/SlaughterhouseFive-Web.jpg?v=1527204128&width=750 750w,
10616                  //www.joeskc.com/cdn/shop/products/SlaughterhouseFive-Web.jpg?v=1527204128&width=900 900w,
10617                  //www.joeskc.com/cdn/shop/products/SlaughterhouseFive-Web.jpg?v=1527204128&width=1100 1100w,
10618                  //www.joeskc.com/cdn/shop/products/SlaughterhouseFive-Web.jpg?v=1527204128&width=1500 1500w,//www.joeskc.com/cdn/shop/products/SlaughterhouseFive-Web.jpg?v=1527204128 600w" 
10619                  src="//www.joeskc.com/cdn/shop/products/SlaughterhouseFive-Web.jpg?v=1527204128&width=1500"
10620                  sizes="(min-width: 1300px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
10621                  alt="Slaughterhouse Five, Joe&#39;s Kansas City Bar-B-Que, Joe&#39;s KC, BBQ, Barbecue, Kansas City, Ship BBQ"
10622                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
10623                  
10624                    loading="lazy"
10625                  
10626                  width="600"
10627                  height="600"
10628                  onload="requestAnimationFrame(() => {
10629                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
10630                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
10631                  })"
10632                />
10633              </picture>
10634              
10635            </div><style data-shopify>
10636                  #image-product-template--19816069922883__featured_collection_jhekbQ-1-1-0 .media-slide:not(:first-child) {
10637                    height: 100%;
10638                  }
10639                </style>
10640                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
10641                  
10642                  <picture>
10643                    <img
10644                      srcset="//www.joeskc.com/cdn/shop/products/Send-Joes-KC-Slaughterhouse-Five-20-Years2_c3138d33-2043-4203-ae2b-09307e0cad80.png?v=1527204128&width=250 250w,
10645                        //www.joeskc.com/cdn/shop/products/Send-Joes-KC-Slaughterhouse-Five-20-Years2_c3138d33-2043-4203-ae2b-09307e0cad80.png?v=1527204128&width=350 350w,
10646                        //www.joeskc.com/cdn/shop/products/Send-Joes-KC-Slaughterhouse-Five-20-Years2_c3138d33-2043-4203-ae2b-09307e0cad80.png?v=1527204128&width=450 450w,
10647                        //www.joeskc.com/cdn/shop/products/Send-Joes-KC-Slaughterhouse-Five-20-Years2_c3138d33-2043-4203-ae2b-09307e0cad80.png?v=1527204128&width=750 750w,
10648                        //www.joeskc.com/cdn/shop/products/Send-Joes-KC-Slaughterhouse-Five-20-Years2_c3138d33-2043-4203-ae2b-09307e0cad80.png?v=1527204128&width=900 900w,
10649                        //www.joeskc.com/cdn/shop/products/Send-Joes-KC-Slaughterhouse-Five-20-Years2_c3138d33-2043-4203-ae2b-09307e0cad80.png?v=1527204128&width=1100 1100w,
10650                        //www.joeskc.com/cdn/shop/products/Send-Joes-KC-Slaughterhouse-Five-20-Years2_c3138d33-2043-4203-ae2b-09307e0cad80.png?v=1527204128&width=1500 1500w,//www.joeskc.com/cdn/shop/products/Send-Joes-KC-Slaughterhouse-Five-20-Years2_c3138d33-2043-4203-ae2b-09307e0cad80.png?v=1527204128 1024w"
10651                      src="//www.joeskc.com/cdn/shop/products/Send-Joes-KC-Slaughterhouse-Five-20-Years2_c3138d33-2043-4203-ae2b-09307e0cad80.png?v=1527204128&width=1500"
10652                      sizes="(min-width: 1300px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
10653                      alt="Slaughterhouse Five, Joe&#39;s Kansas City Bar-B-Que, Joe&#39;s KC, BBQ, Barbecue, Kansas City, Ship BBQ"
10654                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
10655                      loading="lazy"
10656                      width="1024"
10657                      height="1024"
10658                      onload="requestAnimationFrame(() => {
10659                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
10660                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
10661                      })"
10662                    />
10663                  </picture>
10664                  
10665                </div></div>
10666        </div></div>
10667        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
10668              x-show="$store.xQuickView" x-cloak
10669            > 
10670              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
10671                class="w-full hide-icon lg:pl-4 lg:pr-4" 
10672                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
10673                x-cloak
10674              >
10675                
10676                  <button
10677                    type="submit"
10678                    name="add"
10679                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb', $el); }, 0)"
10680                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/slaughterhouse-five', $el, 'template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb', 501); }, 0)"
10681                    data-id="template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb"
10682                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
10683                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10684                    
10685                      aria-label="Choose options"
10686                    
10687                  >
10688                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
10689                      
10690                      <span class="flex items-center justify-center">
10691                        
10692<div class="flex justify-center ">
10693  
10694    
10695      
10696        <span class="button-text  is-focus-button:opacity-0">Choose options</span>
10697      
10698    
10699  
10700  
10701</div>
10702                      </span>
10703                    </span>
10704                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
10705                      
10706    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
10707    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10708  </svg>
10709
10710  
10711                    </div>
10712                  </button>
10713                  <button 
10714                    type="submit"
10715                    name="add"
10716                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb', $el); }, 0)"
10717                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/slaughterhouse-five', $el, 'template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb', 501); }, 0)"
10718                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disabled:opacity-60"
10719                    data-id="template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb"
10720                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Choose options"x-customer-event-data="{
10721    &quot;product&quot;: {
10722      &quot;title&quot;: &quot;Slaughterhouse Five&quot;,
10723      &quot;listName&quot;: &quot;Best Sellers&quot;,
10724      &quot;sku&quot;: &quot;1666759681&quot;,
10725      &quot;currencyCode&quot;: &quot;USD&quot;,
10726      &quot;price&quot;: 19999,
10727      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
10728    }
10729  }"
10730                  >
10731                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
10732    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
10733  </svg></span>
10734                    <span class="block w-5 h-5" x-show="loading" x-cloak>
10735                      
10736    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
10737    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10738  </svg>
10739
10740  
10741                    </span>
10742                  </button>
10743                
10744              </div>
10745            </div><div
10746            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
10747            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
10748            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
10749            >
10750            <div>
10751              <button
10752                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
10753                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/slaughterhouse-five', $el, 'template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb')" 
10754                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/slaughterhouse-five', $el, 'template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb')" 
10755                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
10756                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
10757                x-customer-event-data="{
10758    &quot;product&quot;: {
10759      &quot;title&quot;: &quot;Slaughterhouse Five&quot;,
10760      &quot;listName&quot;: &quot;Best Sellers&quot;,
10761      &quot;sku&quot;: &quot;1666759681&quot;,
10762      &quot;currencyCode&quot;: &quot;USD&quot;,
10763      &quot;price&quot;: 19999,
10764      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
10765    }
10766  }"
10767                aria-label="Button quickview"
10768              >
10769                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
10770    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
10771  </svg>
10772</span>
10773                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
10774                  
10775<div class="flex justify-center ">
10776  
10777    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
10778  
10779  
10780</div>
10781                </span>
10782              </button>
10783              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/best-sellers/products/slaughterhouse-five", $el, "template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
10784                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
10785                aria-label="Button quickview"
10786                x-customer-event-data="{
10787    &quot;product&quot;: {
10788      &quot;title&quot;: &quot;Slaughterhouse Five&quot;,
10789      &quot;listName&quot;: &quot;Best Sellers&quot;,
10790      &quot;sku&quot;: &quot;1666759681&quot;,
10791      &quot;currencyCode&quot;: &quot;USD&quot;,
10792      &quot;price&quot;: 19999,
10793      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
10794    }
10795  }"
10796              >
10797                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
10798    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
10799  </svg>
10800</span>
10801              </button>
10802            </div>
10803          </div>
10804        </div>
10805      
10806    </a>
10807    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
10808      
10809      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19816069922883__featured_collection_jhekbQ-1666759681">
10810        <a href="/collections/best-sellers/products/slaughterhouse-five"
10811          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
10812          @click='$store.xCustomerEvent.fire("product_selected", $el)'
10813          x-customer-event-data="{
10814    &quot;product&quot;: {
10815      &quot;title&quot;: &quot;Slaughterhouse Five&quot;,
10816      &quot;listName&quot;: &quot;Best Sellers&quot;,
10817      &quot;sku&quot;: &quot;1666759681&quot;,
10818      &quot;currencyCode&quot;: &quot;USD&quot;,
10819      &quot;price&quot;: 19999,
10820      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
10821    }
10822  }"
10823        >
10824          Slaughterhouse Five
10825        </a>
10826      </h3>
10827      
10828        
10829 
10830
10831
10832      
10833
10834  
10835<div 
10836  class="x-review-product judge 
10837    
10838      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
10839  "
10840>
10841  
10842<div class="rating gap-1 flex leading-tight" role="img" aria-label="5.0 out of 5.0 stars">
10843        
10844      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
10845        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
10846      </svg>
10847    
10848      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
10849        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
10850      </svg>
10851    
10852      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
10853        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
10854      </svg>
10855    
10856      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
10857        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
10858      </svg>
10859    
10860      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
10861        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
10862      </svg>
10863    
10864
10865      </div> 
10866      <p class="rating-count leading-none caption ml-1 text-review-count">(10)
10867      </p>
10868</div>
10869
10870<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
10871        
10872        
10873          <div class=" price leading-none ">
10874  <div class="target-price hidden">
1087419999</div>
10875  <div class="target-compare-at-price hidden">0</div>
10876  
10877    
10878      
10879    
10880      
10881        
10882        
10883      
10884    
10885      
10886    
10887  
10888  
10889<p class="price">
10890        $ 199.99
10891      </p>
10892    
10893  
10894</div>
10895
10896        
10897        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
10898      </div>
10899      
10900      <template x-if="localStorage.getItem('selectedStore')">
10901        <div id="x-availability-notice-template--19816069922883__featured_collection_jhekbQ" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('1666759681', [165788254275, 69089857, 69089921, 288082919491, 69090241, 69090817, 297689448515, 216422407, 69091073])">
10902            
10903<div 
10904  class="text-availability-notice"
10905  x-data='{ 
10906    locations: [],
10907    pickupLocations: [],
10908    pickupAvailabilites: []
10909  }'
10910  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
10911>
10912  <style data-shopify>
10913    .text-availability-notice {
10914      font-size: 0.669375rem;
10915    }
10916    @media (min-width: 768px) {
10917      .text-availability-notice {
10918        font-size: 0.74375rem;
10919      }
10920    }
10921  </style>
10922  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
10923    <span class="flex h-4 w-4 relative">
10924  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
10925    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
10926    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
10927  </svg>
10928
10929</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
10930  </div>
10931  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
10932    <span class="flex h-4 w-4 relative">
10933  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
10934    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
10935    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
10936  </svg>
10937
10938</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
10939  </div>
10940</div></div>
10941      </template>
10942      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
10943    </div>
10944  </div><div
10945      id="choose-options-template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb"
10946      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
10947      x-show="showOptions"
10948      x-transition:enter="transition-all ease-in-out duration-300"
10949      x-transition:enter-start="opacity-0 transform translate-y-full"
10950      x-transition:enter-end="opacity-100 transform translate-y-0"
10951      x-transition:leave="transition-all ease-in-out duration-300"
10952      x-transition:leave-start="opacity-100 transform translate-y-0"
10953      x-transition:leave-end="opacity-0 transform translate-y-full"
10954      x-cloak
10955    >
10956      <div class="choose-options relative w-full min-h-full h-full"></div>
10957      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
10958        <div
10959          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
10960          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
10961    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10962  </svg>
10963
10964        </div>
10965      </div>
10966    </div>
10967  <div
10968    id="x-product-template-1666759681-template--19816069922883__featured_collection_jhekbQ-1-1"
10969    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
10970  >
10971    
10972
10973        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
10974          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19816069922883__featured_collection_jhekbQ', '/products/slaughterhouse-five');
10975        });"></div>
10976        <div
10977          id="current-variant-template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb"
10978          class="current-variant hidden"
10979        >41603127377987</div>
10980    
10981    
10982      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
10983            class="card-info bottom_atc md:list-layout:hidden pt-2.5 hide-icon"
10984            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
10985            x-cloak
10986          >
10987            
10988              <button
10989                type="submit"
10990                name="add"
10991                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb', $el); }, 0)"
10992                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/slaughterhouse-five', $el, 'template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb', 501); }, 0)" 
10993                data-id="template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb"
10994                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
10995                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10996                  aria-label="Choose options"
10997                
10998              >
10999                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
11000                  
11001                  <span class="flex items-center justify-center">
11002                    
11003<div class="flex justify-center ">
11004  
11005    
11006      
11007        <span class="button-text  is-focus-button:opacity-0">Choose options</span>
11008      
11009    
11010  
11011  
11012</div>
11013                  </span>
11014                </span>
11015                <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
11016                  
11017    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
11018    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11019  </svg>
11020
11021  
11022                </div>
11023              </button>
11024             
11025          </div></template>
11026    
11027  </div>
11028</div>
11029<style data-shopify>
11030                        .x-slide-animation-duration-2 {
11031                          --delay-time: 100ms
11032                        }
11033                      </style>
11034                      
11035                      
11036
11037
11038<div 
11039  
11040    x-data="xProductCard('template--19816069922883__featured_collection_jhekbQ-1-2', '/collections/best-sellers/products/ribs-brisket-burnt-ends-copy', '7143437729859')"  
11041  
11042  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_bGeicbtemplate--19816069922883__featured_collection_jhekbQ preload-slide-mobile--collection_bGeicbtemplate--19816069922883__featured_collection_jhekbQ rounded-[10px]" 
11043  x-slide-index="1"
11044>
11045  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
11046  >
11047    
11048    <a 
11049      
11050        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
11051      
11052      href="/collections/best-sellers/products/ribs-brisket-burnt-ends-copy"
11053       
11054        x-data="{ lastWindowWidth: 0 }"
11055        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
11056        x-labels-data="[
11057    
11058{
11059      &quot;variant_id&quot;: 41603156475971,
11060      &quot;product_id&quot;: 7143437729859,
11061      &quot;available&quot;: true,
11062      &quot;title&quot;: &quot;Ribs, Brisket &amp;amp; Burnt Ends&quot;,
11063      &quot;compare_at_price&quot;: 0,
11064      &quot;price&quot;: 18399,
11065      &quot;price_with_currency&quot;: &quot;$ 183.99&quot;,
11066      &quot;sale_amount&quot;: &quot;$ -183.99&quot;,
11067      &quot;collections&quot;: &quot;||165788254275||69089857||69089921||69090177||288082919491||69090241||69090625||297689448515||216422407||&quot;,
11068      &quot;inventory_management&quot;: &quot;shopify&quot;,
11069      &quot;qty&quot;: 2290,
11070      &quot;container&quot;: &quot;card&quot;,
11071      &quot;can_show_preorder&quot;: false,
11072      &quot;diff_day_create&quot;: 1714492088,
11073      &quot;diff_day_publish&quot;: 1714496238
11074      
11075      }
11076    ]"
11077       
11078      aria-label="Ribs, Brisket &amp; Burnt Ends"
11079      id="7143437729859-template--19816069922883__featured_collection_jhekbQ"
11080      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
11081      <div
11082        id="x-slideshow-card-product-template--19816069922883__featured_collection_jhekbQ-1-2-1"
11083        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
11084        @click='$store.xCustomerEvent.fire("product_selected", $el)'
11085        x-customer-event-data="{
11086    &quot;product&quot;: {
11087      &quot;title&quot;: &quot;Ribs, Brisket &amp;amp; Burnt Ends&quot;,
11088      &quot;listName&quot;: &quot;Best Sellers&quot;,
11089      &quot;sku&quot;: &quot;7143437729859&quot;,
11090      &quot;currencyCode&quot;: &quot;USD&quot;,
11091      &quot;price&quot;: 18399,
11092      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
11093    }
11094  }"
11095        x-cloak
11096        
11097          x-intersect.once.margin.200px='$store.xSplide.load($el, {
11098            "drag": true,
11099            "pagination": true,
11100            "arrows": false,
11101            "pauseOnFocus": false,
11102            "pauseOnHover": false,
11103            "perMove": 1,
11104            "perPage": 1,
11105            "focus": "center",
11106            "mediaQuery": "min",
11107            "rewind": true,
11108            
11109              "destroy": true,
11110            
11111            "breakpoints": {
11112              1024: {
11113                
11114                  "destroy": true
11115                
11116              }
11117            },
11118            
11119              "playOnHover": true,
11120            
11121            
11122            "classes": {
11123              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
11124              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
11125            },
11126            "type": "fade",
11127          })'>
11128        <div 
11129          id="image-product-template--19816069922883__featured_collection_jhekbQ-1-2-1"
11130          class="splide__track overflow-hidden max-h-full h-full w-full"
11131        >
11132        <div class="w-full h-full splide__list">
11133            <div class="w-full z-0 h-full min-h-full overflow-hidden splide__slide x-splide-slide h-full max-h-full lg:top-0 lg:left-0 lg:absolute"
11134            >
11135              
11136              <picture>
11137                <img
11138                  srcset="
11139                  //www.joeskc.com/cdn/shop/files/rib-brisket-burnt-end-web.jpg?v=1714496253&width=250 250w,
11140                  //www.joeskc.com/cdn/shop/files/rib-brisket-burnt-end-web.jpg?v=1714496253&width=350 350w,
11141                  //www.joeskc.com/cdn/shop/files/rib-brisket-burnt-end-web.jpg?v=1714496253&width=450 450w,
11142                  //www.joeskc.com/cdn/shop/files/rib-brisket-burnt-end-web.jpg?v=1714496253&width=750 750w,
11143                  //www.joeskc.com/cdn/shop/files/rib-brisket-burnt-end-web.jpg?v=1714496253&width=900 900w,
11144                  //www.joeskc.com/cdn/shop/files/rib-brisket-burnt-end-web.jpg?v=1714496253&width=1100 1100w,
11145                  //www.joeskc.com/cdn/shop/files/rib-brisket-burnt-end-web.jpg?v=1714496253&width=1500 1500w,//www.joeskc.com/cdn/shop/files/rib-brisket-burnt-end-web.jpg?v=1714496253 600w" 
11146                  src="//www.joeskc.com/cdn/shop/files/rib-brisket-burnt-end-web.jpg?v=1714496253&width=1500"
11147                  sizes="(min-width: 1300px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
11148                  alt="Ribs, Brisket &amp; Burnt Ends, Joe&#39;s Kansas City Bar-B-Que, Joe&#39;s KC, BBQ, Barbecue, Kansas City, Ship BBQ"
11149                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
11150                  
11151                    loading="lazy"
11152                  
11153                  width="600"
11154                  height="600"
11155                  onload="requestAnimationFrame(() => {
11156                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
11157                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
11158                  })"
11159                />
11160              </picture>
11161              
11162            </div><style data-shopify>
11163                  #image-product-template--19816069922883__featured_collection_jhekbQ-1-2-1 .media-slide:not(:first-child) {
11164                    height: 100%;
11165                  }
11166                </style>
11167                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
11168                  
11169                  <picture>
11170                    <img
11171                      srcset="//www.joeskc.com/cdn/shop/files/Send-Joes-KC-Burnt-Ends_93263ab3-641f-4c5f-9bec-27ede8ebdc0d.png?v=1714496253&width=250 250w,
11172                        //www.joeskc.com/cdn/shop/files/Send-Joes-KC-Burnt-Ends_93263ab3-641f-4c5f-9bec-27ede8ebdc0d.png?v=1714496253&width=350 350w,
11173                        //www.joeskc.com/cdn/shop/files/Send-Joes-KC-Burnt-Ends_93263ab3-641f-4c5f-9bec-27ede8ebdc0d.png?v=1714496253&width=450 450w,
11174                        //www.joeskc.com/cdn/shop/files/Send-Joes-KC-Burnt-Ends_93263ab3-641f-4c5f-9bec-27ede8ebdc0d.png?v=1714496253&width=750 750w,
11175                        //www.joeskc.com/cdn/shop/files/Send-Joes-KC-Burnt-Ends_93263ab3-641f-4c5f-9bec-27ede8ebdc0d.png?v=1714496253&width=900 900w,
11176                        //www.joeskc.com/cdn/shop/files/Send-Joes-KC-Burnt-Ends_93263ab3-641f-4c5f-9bec-27ede8ebdc0d.png?v=1714496253&width=1100 1100w,
11177                        //www.joeskc.com/cdn/shop/files/Send-Joes-KC-Burnt-Ends_93263ab3-641f-4c5f-9bec-27ede8ebdc0d.png?v=1714496253&width=1500 1500w,//www.joeskc.com/cdn/shop/files/Send-Joes-KC-Burnt-Ends_93263ab3-641f-4c5f-9bec-27ede8ebdc0d.png?v=1714496253 1024w"
11178                      src="//www.joeskc.com/cdn/shop/files/Send-Joes-KC-Burnt-Ends_93263ab3-641f-4c5f-9bec-27ede8ebdc0d.png?v=1714496253&width=1500"
11179                      sizes="(min-width: 1300px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
11180                      alt="Ribs, Brisket &amp; Burnt Ends, Joe&#39;s Kansas City Bar-B-Que, Joe&#39;s KC, BBQ, Barbecue, Kansas City, Ship BBQ"
11181                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
11182                      loading="lazy"
11183                      width="1024"
11184                      height="1024"
11185                      onload="requestAnimationFrame(() => {
11186                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
11187                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
11188                      })"
11189                    />
11190                  </picture>
11191                  
11192                </div></div>
11193        </div></div>
11194        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
11195              x-show="$store.xQuickView" x-cloak
11196            > 
11197              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
11198                class="w-full hide-icon lg:pl-4 lg:pr-4" 
11199                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
11200                x-cloak
11201              >
11202                
11203                  <button
11204                    type="submit"
11205                    name="add"
11206                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb', $el); }, 0)"
11207                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/ribs-brisket-burnt-ends-copy', $el, 'template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb', 502); }, 0)"
11208                    data-id="template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb"
11209                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
11210                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11211                    
11212                      aria-label="Choose options"
11213                    
11214                  >
11215                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
11216                      
11217                      <span class="flex items-center justify-center">
11218                        
11219<div class="flex justify-center ">
11220  
11221    
11222      
11223        <span class="button-text  is-focus-button:opacity-0">Choose options</span>
11224      
11225    
11226  
11227  
11228</div>
11229                      </span>
11230                    </span>
11231                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
11232                      
11233    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
11234    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11235  </svg>
11236
11237  
11238                    </div>
11239                  </button>
11240                  <button 
11241                    type="submit"
11242                    name="add"
11243                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb', $el); }, 0)"
11244                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/ribs-brisket-burnt-ends-copy', $el, 'template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb', 502); }, 0)"
11245                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disabled:opacity-60"
11246                    data-id="template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb"
11247                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Choose options"x-customer-event-data="{
11248    &quot;product&quot;: {
11249      &quot;title&quot;: &quot;Ribs, Brisket &amp;amp; Burnt Ends&quot;,
11250      &quot;listName&quot;: &quot;Best Sellers&quot;,
11251      &quot;sku&quot;: &quot;7143437729859&quot;,
11252      &quot;currencyCode&quot;: &quot;USD&quot;,
11253      &quot;price&quot;: 18399,
11254      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
11255    }
11256  }"
11257                  >
11258                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
11259    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
11260  </svg></span>
11261                    <span class="block w-5 h-5" x-show="loading" x-cloak>
11262                      
11263    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
11264    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11265  </svg>
11266
11267  
11268                    </span>
11269                  </button>
11270                
11271              </div>
11272            </div><div
11273            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
11274            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
11275            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
11276            >
11277            <div>
11278              <button
11279                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
11280                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/ribs-brisket-burnt-ends-copy', $el, 'template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb')" 
11281                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/ribs-brisket-burnt-ends-copy', $el, 'template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb')" 
11282                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
11283                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
11284                x-customer-event-data="{
11285    &quot;product&quot;: {
11286      &quot;title&quot;: &quot;Ribs, Brisket &amp;amp; Burnt Ends&quot;,
11287      &quot;listName&quot;: &quot;Best Sellers&quot;,
11288      &quot;sku&quot;: &quot;7143437729859&quot;,
11289      &quot;currencyCode&quot;: &quot;USD&quot;,
11290      &quot;price&quot;: 18399,
11291      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
11292    }
11293  }"
11294                aria-label="Button quickview"
11295              >
11296                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
11297    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
11298  </svg>
11299</span>
11300                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
11301                  
11302<div class="flex justify-center ">
11303  
11304    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
11305  
11306  
11307</div>
11308                </span>
11309              </button>
11310              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/best-sellers/products/ribs-brisket-burnt-ends-copy", $el, "template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
11311                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
11312                aria-label="Button quickview"
11313                x-customer-event-data="{
11314    &quot;product&quot;: {
11315      &quot;title&quot;: &quot;Ribs, Brisket &amp;amp; Burnt Ends&quot;,
11316      &quot;listName&quot;: &quot;Best Sellers&quot;,
11317      &quot;sku&quot;: &quot;7143437729859&quot;,
11318      &quot;currencyCode&quot;: &quot;USD&quot;,
11319      &quot;price&quot;: 18399,
11320      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
11321    }
11322  }"
11323              >
11324                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
11325    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
11326  </svg>
11327</span>
11328              </button>
11329            </div>
11330          </div>
11331        </div>
11332      
11333    </a>
11334    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
11335      
11336      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19816069922883__featured_collection_jhekbQ-7143437729859">
11337        <a href="/collections/best-sellers/products/ribs-brisket-burnt-ends-copy"
11338          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
11339          @click='$store.xCustomerEvent.fire("product_selected", $el)'
11340          x-customer-event-data="{
11341    &quot;product&quot;: {
11342      &quot;title&quot;: &quot;Ribs, Brisket &amp;amp; Burnt Ends&quot;,
11343      &quot;listName&quot;: &quot;Best Sellers&quot;,
11344      &quot;sku&quot;: &quot;7143437729859&quot;,
11345      &quot;currencyCode&quot;: &quot;USD&quot;,
11346      &quot;price&quot;: 18399,
11347      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
11348    }
11349  }"
11350        >
11351          Ribs, Brisket &amp; Burnt Ends
11352        </a>
11353      </h3>
11354      
11355        
11356 
11357
11358
11359      
11360
11361  
11362<div 
11363  class="x-review-product judge 
11364    
11365      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
11366  "
11367>
11368  
11369<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.93 out of 5.0 stars">
11370        
11371      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11372        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11373      </svg>
11374    
11375      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11376        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11377      </svg>
11378    
11379      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11380        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11381      </svg>
11382    
11383      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11384        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11385      </svg>
11386    
11387      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11388        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11389      </svg>
11390    
11391
11392      </div> 
11393      <p class="rating-count leading-none caption ml-1 text-review-count">(43)
11394      </p>
11395</div>
11396
11397<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
11398        
11399        
11400          <div class=" price leading-none ">
11401  <div class="target-price hidden">18399</div>
11402  <div class="target-compare-at-price hidden"></div>
11403  
11404    
11405      
11406    
11407      
11408        
11409        
11410      
11411    
11412      
11413    
11414  
11415  
11416<p class="price">
11417        $ 183.99
11418      </p>
11419    
11420  
11421</div>
11422
11423        
11424        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
11425      </div>
11426      
11427      <template x-if="localStorage.getItem('selectedStore')">
11428        <div id="x-availability-notice-template--19816069922883__featured_collection_jhekbQ" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7143437729859', [165788254275, 69089857, 69089921, 69090177, 288082919491, 69090241, 69090625, 297689448515, 216422407])">
11429            
11430<div 
11431  class="text-availability-notice"
11432  x-data='{ 
11433    locations: [],
11434    pickupLocations: [],
11435    pickupAvailabilites: []
11436  }'
11437  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
11438>
11439  <style data-shopify>
11440    .text-availability-notice {
11441      font-size: 0.669375rem;
11442    }
11443    @media (min-width: 768px) {
11444      .text-availability-notice {
11445        font-size: 0.74375rem;
11446      }
11447    }
11448  </style>
11449  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
11450    <span class="flex h-4 w-4 relative">
11451  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11452    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
11453    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
11454  </svg>
11455
11456</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
11457  </div>
11458  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
11459    <span class="flex h-4 w-4 relative">
11460  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11461    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
11462    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
11463  </svg>
11464
11465</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
11466  </div>
11467</div></div>
11468      </template>
11469      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
11470    </div>
11471  </div><div
11472      id="choose-options-template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb"
11473      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
11474      x-show="showOptions"
11475      x-transition:enter="transition-all ease-in-out duration-300"
11476      x-transition:enter-start="opacity-0 transform translate-y-full"
11477      x-transition:enter-end="opacity-100 transform translate-y-0"
11478      x-transition:leave="transition-all ease-in-out duration-300"
11479      x-transition:leave-start="opacity-100 transform translate-y-0"
11480      x-transition:leave-end="opacity-0 transform translate-y-full"
11481      x-cloak
11482    >
11483      <div class="choose-options relative w-full min-h-full h-full"></div>
11484      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
11485        <div
11486          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
11487          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
11488    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11489  </svg>
11490
11491        </div>
11492      </div>
11493    </div>
11494  <div
11495    id="x-product-template-7143437729859-template--19816069922883__featured_collection_jhekbQ-1-2"
11496    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
11497  >
11498    
11499
11500        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
11501          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19816069922883__featured_collection_jhekbQ', '/products/ribs-brisket-burnt-ends-copy');
11502        });"></div>
11503        <div
11504          id="current-variant-template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb"
11505          class="current-variant hidden"
11506        >41603156475971</div>
11507    
11508    
11509      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
11510            class="card-info bottom_atc md:list-layout:hidden pt-2.5 hide-icon"
11511            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
11512            x-cloak
11513          >
11514            
11515              <button
11516                type="submit"
11517                name="add"
11518                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb', $el); }, 0)"
11519                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/ribs-brisket-burnt-ends-copy', $el, 'template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb', 502); }, 0)" 
11520                data-id="template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb"
11521                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
11522                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11523                  aria-label="Choose options"
11524                
11525              >
11526                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
11527                  
11528                  <span class="flex items-center justify-center">
11529                    
11530<div class="flex justify-center ">
11531  
11532    
11533      
11534        <span class="button-text  is-focus-button:opacity-0">Choose options</span>
11535      
11536    
11537  
11538  
11539</div>
11540                  </span>
11541                </span>
11542                <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
11543                  
11544    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
11545    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11546  </svg>
11547
11548  
11549                </div>
11550              </button>
11551             
11552          </div></template>
11553    
11554  </div>
11555</div>
11556<style data-shopify>
11557                        .x-slide-animation-duration-3 {
11558                          --delay-time: 200ms
11559                        }
11560                      </style>
11561                      
11562                      
11563
11564
11565<div 
11566  
11567    x-data="xProductCard('template--19816069922883__featured_collection_jhekbQ-1-3', '/collections/best-sellers/products/all-the-meat', '1606464143427')"  
11568  
11569  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_bGeicbtemplate--19816069922883__featured_collection_jhekbQ preload-slide-mobile--collection_bGeicbtemplate--19816069922883__featured_collection_jhekbQ rounded-[10px]" 
11570  x-slide-index="2"
11571>
11572  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
11573  >
11574    
11575    <a 
11576      
11577        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
11578      
11579      href="/collections/best-sellers/products/all-the-meat"
11580       
11581        x-data="{ lastWindowWidth: 0 }"
11582        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
11583        x-labels-data="[
11584    
11585{
11586      &quot;variant_id&quot;: 41603167289411,
11587      &quot;product_id&quot;: 1606464143427,
11588      &quot;available&quot;: true,
11589      &quot;title&quot;: &quot;All The Meat&quot;,
11590      &quot;compare_at_price&quot;: 0,
11591      &quot;price&quot;: 38899,
11592      &quot;price_with_currency&quot;: &quot;$ 388.99&quot;,
11593      &quot;sale_amount&quot;: &quot;$ -388.99&quot;,
11594      &quot;collections&quot;: &quot;||165788254275||69089857||69089921||69090177||288082919491||69090241||69090433||69090625||69090817||297689448515||216422407||69091073||&quot;,
11595      &quot;inventory_management&quot;: &quot;shopify&quot;,
11596      &quot;qty&quot;: 157,
11597      &quot;container&quot;: &quot;card&quot;,
11598      &quot;can_show_preorder&quot;: false,
11599      &quot;diff_day_create&quot;: 1537989624,
11600      &quot;diff_day_publish&quot;: 1707329374
11601      
11602      }
11603    ]"
11604       
11605      aria-label="All The Meat"
11606      id="1606464143427-template--19816069922883__featured_collection_jhekbQ"
11607      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
11608      <div
11609        id="x-slideshow-card-product-template--19816069922883__featured_collection_jhekbQ-1-3-2"
11610        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
11611        @click='$store.xCustomerEvent.fire("product_selected", $el)'
11612        x-customer-event-data="{
11613    &quot;product&quot;: {
11614      &quot;title&quot;: &quot;All The Meat&quot;,
11615      &quot;listName&quot;: &quot;Best Sellers&quot;,
11616      &quot;sku&quot;: &quot;1606464143427&quot;,
11617      &quot;currencyCode&quot;: &quot;USD&quot;,
11618      &quot;price&quot;: 38899,
11619      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
11620    }
11621  }"
11622        x-cloak
11623        
11624          x-intersect.once.margin.200px='$store.xSplide.load($el, {
11625            "drag": true,
11626            "pagination": true,
11627            "arrows": false,
11628            "pauseOnFocus": false,
11629            "pauseOnHover": false,
11630            "perMove": 1,
11631            "perPage": 1,
11632            "focus": "center",
11633            "mediaQuery": "min",
11634            "rewind": true,
11635            
11636              "destroy": true,
11637            
11638            "breakpoints": {
11639              1024: {
11640                
11641                  "destroy": true
11642                
11643              }
11644            },
11645            
11646              "playOnHover": true,
11647            
11648            
11649            "classes": {
11650              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
11651              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
11652            },
11653            "type": "fade",
11654          })'>
11655        <div 
11656          id="image-product-template--19816069922883__featured_collection_jhekbQ-1-3-2"
11657          class="splide__track overflow-hidden max-h-full h-full w-full"
11658        >
11659        <div class="w-full h-full splide__list">
11660            <div class="w-full z-0 h-full min-h-full overflow-hidden splide__slide x-splide-slide h-full max-h-full lg:top-0 lg:left-0 lg:absolute"
11661            >
11662              
11663              <picture>
11664                <img
11665                  srcset="
11666                  //www.joeskc.com/cdn/shop/products/All-the-meat.jpg?v=1667582774&width=250 250w,
11667                  //www.joeskc.com/cdn/shop/products/All-the-meat.jpg?v=1667582774&width=350 350w,
11668                  //www.joeskc.com/cdn/shop/products/All-the-meat.jpg?v=1667582774&width=450 450w,
11669                  //www.joeskc.com/cdn/shop/products/All-the-meat.jpg?v=1667582774&width=750 750w,
11670                  //www.joeskc.com/cdn/shop/products/All-the-meat.jpg?v=1667582774&width=900 900w,
11671                  //www.joeskc.com/cdn/shop/products/All-the-meat.jpg?v=1667582774&width=1100 1100w,
11672                  //www.joeskc.com/cdn/shop/products/All-the-meat.jpg?v=1667582774&width=1500 1500w,//www.joeskc.com/cdn/shop/products/All-the-meat.jpg?v=1667582774 2048w" 
11673                  src="//www.joeskc.com/cdn/shop/products/All-the-meat.jpg?v=1667582774&width=1500"
11674                  sizes="(min-width: 1300px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
11675                  alt="All The Meat - SendJoesKCBBQ"
11676                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
11677                  
11678                    loading="lazy"
11679                  
11680                  width="2048"
11681                  height="2048"
11682                  onload="requestAnimationFrame(() => {
11683                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
11684                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
11685                  })"
11686                />
11687              </picture>
11688              
11689            </div><style data-shopify>
11690                  #image-product-template--19816069922883__featured_collection_jhekbQ-1-3-2 .media-slide:not(:first-child) {
11691                    height: 100%;
11692                  }
11693                </style>
11694                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
11695                  
11696                  <picture>
11697                    <img
11698                      srcset="//www.joeskc.com/cdn/shop/products/Send_Joes_chicken_n_ribs_sign_0d0a969c-5ef5-4c38-a214-e04e6a3a8a97.jpg?v=1667582774&width=250 250w,
11699                        //www.joeskc.com/cdn/shop/products/Send_Joes_chicken_n_ribs_sign_0d0a969c-5ef5-4c38-a214-e04e6a3a8a97.jpg?v=1667582774&width=350 350w,
11700                        //www.joeskc.com/cdn/shop/products/Send_Joes_chicken_n_ribs_sign_0d0a969c-5ef5-4c38-a214-e04e6a3a8a97.jpg?v=1667582774&width=450 450w,
11701                        //www.joeskc.com/cdn/shop/products/Send_Joes_chicken_n_ribs_sign_0d0a969c-5ef5-4c38-a214-e04e6a3a8a97.jpg?v=1667582774&width=750 750w,
11702                        //www.joeskc.com/cdn/shop/products/Send_Joes_chicken_n_ribs_sign_0d0a969c-5ef5-4c38-a214-e04e6a3a8a97.jpg?v=1667582774&width=900 900w,
11703                        //www.joeskc.com/cdn/shop/products/Send_Joes_chicken_n_ribs_sign_0d0a969c-5ef5-4c38-a214-e04e6a3a8a97.jpg?v=1667582774&width=1100 1100w,
11704                        //www.joeskc.com/cdn/shop/products/Send_Joes_chicken_n_ribs_sign_0d0a969c-5ef5-4c38-a214-e04e6a3a8a97.jpg?v=1667582774&width=1500 1500w,//www.joeskc.com/cdn/shop/products/Send_Joes_chicken_n_ribs_sign_0d0a969c-5ef5-4c38-a214-e04e6a3a8a97.jpg?v=1667582774 1024w"
11705                      src="//www.joeskc.com/cdn/shop/products/Send_Joes_chicken_n_ribs_sign_0d0a969c-5ef5-4c38-a214-e04e6a3a8a97.jpg?v=1667582774&width=1500"
11706                      sizes="(min-width: 1300px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
11707                      alt="All The Meat, Joe&#39;s Kansas City Bar-B-Que, Joe&#39;s KC, BBQ, Barbecue, Kansas City, Ship BBQ"
11708                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
11709                      loading="lazy"
11710                      width="1024"
11711                      height="1024"
11712                      onload="requestAnimationFrame(() => {
11713                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
11714                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
11715                      })"
11716                    />
11717                  </picture>
11718                  
11719                </div></div>
11720        </div></div>
11721        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
11722              x-show="$store.xQuickView" x-cloak
11723            > 
11724              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
11725                class="w-full hide-icon lg:pl-4 lg:pr-4" 
11726                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
11727                x-cloak
11728              >
11729                
11730                  <button
11731                    type="submit"
11732                    name="add"
11733                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb', $el); }, 0)"
11734                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/all-the-meat', $el, 'template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb', 503); }, 0)"
11735                    data-id="template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb"
11736                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
11737                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11738                    
11739                      aria-label="Choose options"
11740                    
11741                  >
11742                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
11743                      
11744                      <span class="flex items-center justify-center">
11745                        
11746<div class="flex justify-center ">
11747  
11748    
11749      
11750        <span class="button-text  is-focus-button:opacity-0">Choose options</span>
11751      
11752    
11753  
11754  
11755</div>
11756                      </span>
11757                    </span>
11758                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
11759                      
11760    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
11761    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11762  </svg>
11763
11764  
11765                    </div>
11766                  </button>
11767                  <button 
11768                    type="submit"
11769                    name="add"
11770                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb', $el); }, 0)"
11771                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/all-the-meat', $el, 'template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb', 503); }, 0)"
11772                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disabled:opacity-60"
11773                    data-id="template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb"
11774                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Choose options"x-customer-event-data="{
11775    &quot;product&quot;: {
11776      &quot;title&quot;: &quot;All The Meat&quot;,
11777      &quot;listName&quot;: &quot;Best Sellers&quot;,
11778      &quot;sku&quot;: &quot;1606464143427&quot;,
11779      &quot;currencyCode&quot;: &quot;USD&quot;,
11780      &quot;price&quot;: 38899,
11781      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
11782    }
11783  }"
11784                  >
11785                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
11786    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
11787  </svg></span>
11788                    <span class="block w-5 h-5" x-show="loading" x-cloak>
11789                      
11790    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
11791    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11792  </svg>
11793
11794  
11795                    </span>
11796                  </button>
11797                
11798              </div>
11799            </div><div
11800            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
11801            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
11802            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
11803            >
11804            <div>
11805              <button
11806                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
11807                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/all-the-meat', $el, 'template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb')" 
11808                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/all-the-meat', $el, 'template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb')" 
11809                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
11810                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
11811                x-customer-event-data="{
11812    &quot;product&quot;: {
11813      &quot;title&quot;: &quot;All The Meat&quot;,
11814      &quot;listName&quot;: &quot;Best Sellers&quot;,
11815      &quot;sku&quot;: &quot;1606464143427&quot;,
11816      &quot;currencyCode&quot;: &quot;USD&quot;,
11817      &quot;price&quot;: 38899,
11818      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
11819    }
11820  }"
11821                aria-label="Button quickview"
11822              >
11823                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
11824    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
11825  </svg>
11826</span>
11827                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
11828                  
11829<div class="flex justify-center ">
11830  
11831    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
11832  
11833  
11834</div>
11835                </span>
11836              </button>
11837              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/best-sellers/products/all-the-meat", $el, "template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
11838                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
11839                aria-label="Button quickview"
11840                x-customer-event-data="{
11841    &quot;product&quot;: {
11842      &quot;title&quot;: &quot;All The Meat&quot;,
11843      &quot;listName&quot;: &quot;Best Sellers&quot;,
11844      &quot;sku&quot;: &quot;1606464143427&quot;,
11845      &quot;currencyCode&quot;: &quot;USD&quot;,
11846      &quot;price&quot;: 38899,
11847      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
11848    }
11849  }"
11850              >
11851                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
11852    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
11853  </svg>
11854</span>
11855              </button>
11856            </div>
11857          </div>
11858        </div>
11859      
11860    </a>
11861    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
11862      
11863      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19816069922883__featured_collection_jhekbQ-1606464143427">
11864        <a href="/collections/best-sellers/products/all-the-meat"
11865          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
11866          @click='$store.xCustomerEvent.fire("product_selected", $el)'
11867          x-customer-event-data="{
11868    &quot;product&quot;: {
11869      &quot;title&quot;: &quot;All The Meat&quot;,
11870      &quot;listName&quot;: &quot;Best Sellers&quot;,
11871      &quot;sku&quot;: &quot;1606464143427&quot;,
11872      &quot;currencyCode&quot;: &quot;USD&quot;,
11873      &quot;price&quot;: 38899,
11874      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
11875    }
11876  }"
11877        >
11878          All The Meat
11879        </a>
11880      </h3>
11881      
11882        
11883 
11884
11885
11886      
11887
11888  
11889<div 
11890  class="x-review-product judge 
11891    
11892      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
11893  "
11894>
11895  
11896<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.5 out of 5.0 stars">
11897        
11898      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11899        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11900      </svg>
11901    
11902      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11903        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11904      </svg>
11905    
11906      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11907        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11908      </svg>
11909    
11910      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11911        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11912      </svg>
11913    
11914<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]">
11915      <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089s-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z" fill="currentColor"/>
11916      <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089s-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z" fill="rgba(var(--colors-icon-rating))" style="clip-path: inset(0 50% 0 0)"/>
11917    </svg>
11918      </div> 
11919      <p class="rating-count leading-none caption ml-1 text-review-count">(6)
11920      </p>
11921</div>
11922
11923<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
11924        
11925        
11926          <div class=" price leading-none ">
11927  <div class="target-price hidden">38899</div>
11928  <div class="target-compare-at-price hidden"></div>
11929  
11930    
11931      
11932    
11933      
11934        
11935        
11936      
11937    
11938      
11939    
11940  
11941  
11942<p class="price">
11943        $ 388.99
11944      </p>
11945    
11946  
11947</div>
11948
11949        
11950        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
11951      </div>
11952      
11953      <template x-if="localStorage.getItem('selectedStore')">
11954        <div id="x-availability-notice-template--19816069922883__featured_collection_jhekbQ" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('1606464143427', [165788254275, 69089857, 69089921, 69090177, 288082919491, 69090241, 69090433, 69090625, 69090817, 297689448515, 216422407, 69091073])">
11955            
11956<div 
11957  class="text-availability-notice"
11958  x-data='{ 
11959    locations: [],
11960    pickupLocations: [],
11961    pickupAvailabilites: []
11962  }'
11963  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
11964>
11965  <style data-shopify>
11966    .text-availability-notice {
11967      font-size: 0.669375rem;
11968    }
11969    @media (min-width: 768px) {
11970      .text-availability-notice {
11971        font-size: 0.74375rem;
11972      }
11973    }
11974  </style>
11975  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
11976    <span class="flex h-4 w-4 relative">
11977  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11978    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
11979    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
11980  </svg>
11981
11982</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
11983  </div>
11984  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
11985    <span class="flex h-4 w-4 relative">
11986  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11987    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
11988    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
11989  </svg>
11990
11991</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
11992  </div>
11993</div></div>
11994      </template>
11995      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
11996    </div>
11997  </div><div
11998      id="choose-options-template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb"
11999      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
12000      x-show="showOptions"
12001      x-transition:enter="transition-all ease-in-out duration-300"
12002      x-transition:enter-start="opacity-0 transform translate-y-full"
12003      x-transition:enter-end="opacity-100 transform translate-y-0"
12004      x-transition:leave="transition-all ease-in-out duration-300"
12005      x-transition:leave-start="opacity-100 transform translate-y-0"
12006      x-transition:leave-end="opacity-0 transform translate-y-full"
12007      x-cloak
12008    >
12009      <div class="choose-options relative w-full min-h-full h-full"></div>
12010      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
12011        <div
12012          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
12013          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
12014    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12015  </svg>
12016
12017        </div>
12018      </div>
12019    </div>
12020  <div
12021    id="x-product-template-1606464143427-template--19816069922883__featured_collection_jhekbQ-1-3"
12022    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
12023  >
12024    
12025
12026        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
12027          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19816069922883__featured_collection_jhekbQ', '/products/all-the-meat');
12028        });"></div>
12029        <div
12030          id="current-variant-template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb"
12031          class="current-variant hidden"
12032        >41603167289411</div>
12033    
12034    
12035      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
12036            class="card-info bottom_atc md:list-layout:hidden pt-2.5 hide-icon"
12037            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
12038            x-cloak
12039          >
12040            
12041              <button
12042                type="submit"
12043                name="add"
12044                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb', $el); }, 0)"
12045                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/all-the-meat', $el, 'template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb', 503); }, 0)" 
12046                data-id="template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb"
12047                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
12048                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12049                  aria-label="Choose options"
12050                
12051              >
12052                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12053                  
12054                  <span class="flex items-center justify-center">
12055                    
12056<div class="flex justify-center ">
12057  
12058    
12059      
12060        <span class="button-text  is-focus-button:opacity-0">Choose options</span>
12061      
12062    
12063  
12064  
12065</div>
12066                  </span>
12067                </span>
12068                <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
12069                  
12070    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
12071    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12072  </svg>
12073
12074  
12075                </div>
12076              </button>
12077             
12078          </div></template>
12079    
12080  </div>
12081</div>
12082<style data-shopify>
12083                        .x-slide-animation-duration-4 {
12084                          --delay-time: 300ms
12085                        }
12086                      </style>
12087                      
12088                      
12089
12090
12091<div 
12092  
12093    x-data="xProductCard('template--19816069922883__featured_collection_jhekbQ-1-4', '/collections/best-sellers/products/z-man-kit-brisket', '6770230132803')"  
12094  
12095  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_bGeicbtemplate--19816069922883__featured_collection_jhekbQ preload-slide-mobile--collection_bGeicbtemplate--19816069922883__featured_collection_jhekbQ rounded-[10px]" 
12096  x-slide-index="3"
12097>
12098  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
12099  >
12100    
12101    <a 
12102      
12103        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
12104      
12105      href="/collections/best-sellers/products/z-man-kit-brisket"
12106       
12107        x-data="{ lastWindowWidth: 0 }"
12108        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
12109        x-labels-data="[
12110    
12111{
12112      &quot;variant_id&quot;: 41603162669123,
12113      &quot;product_id&quot;: 6770230132803,
12114      &quot;available&quot;: true,
12115      &quot;title&quot;: &quot;Z-Man Kit - Brisket&quot;,
12116      &quot;compare_at_price&quot;: 0,
12117      &quot;price&quot;: 13799,
12118      &quot;price_with_currency&quot;: &quot;$ 137.99&quot;,
12119      &quot;sale_amount&quot;: &quot;$ -137.99&quot;,
12120      &quot;collections&quot;: &quot;||165788254275||69089857||69089921||288082919491||297689448515||216422407||69111617||&quot;,
12121      &quot;inventory_management&quot;: &quot;shopify&quot;,
12122      &quot;qty&quot;: 91,
12123      &quot;container&quot;: &quot;card&quot;,
12124      &quot;can_show_preorder&quot;: false,
12125      &quot;diff_day_create&quot;: 1672086479,
12126      &quot;diff_day_publish&quot;: 1674500032
12127      
12128      }
12129    ]"
12130       
12131      aria-label="Z-Man Kit - Brisket"
12132      id="6770230132803-template--19816069922883__featured_collection_jhekbQ"
12133      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
12134      <div
12135        id="x-slideshow-card-product-template--19816069922883__featured_collection_jhekbQ-1-4-3"
12136        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
12137        @click='$store.xCustomerEvent.fire("product_selected", $el)'
12138        x-customer-event-data="{
12139    &quot;product&quot;: {
12140      &quot;title&quot;: &quot;Z-Man Kit - Brisket&quot;,
12141      &quot;listName&quot;: &quot;Best Sellers&quot;,
12142      &quot;sku&quot;: &quot;6770230132803&quot;,
12143      &quot;currencyCode&quot;: &quot;USD&quot;,
12144      &quot;price&quot;: 13799,
12145      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
12146    }
12147  }"
12148        x-cloak
12149        
12150          x-intersect.once.margin.200px='$store.xSplide.load($el, {
12151            "drag": true,
12152            "pagination": true,
12153            "arrows": false,
12154            "pauseOnFocus": false,
12155            "pauseOnHover": false,
12156            "perMove": 1,
12157            "perPage": 1,
12158            "focus": "center",
12159            "mediaQuery": "min",
12160            "rewind": true,
12161            
12162              "destroy": true,
12163            
12164            "breakpoints": {
12165              1024: {
12166                
12167                  "destroy": true
12168                
12169              }
12170            },
12171            
12172              "playOnHover": true,
12173            
12174            
12175            "classes": {
12176              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
12177              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
12178            },
12179            "type": "fade",
12180          })'>
12181        <div 
12182          id="image-product-template--19816069922883__featured_collection_jhekbQ-1-4-3"
12183          class="splide__track overflow-hidden max-h-full h-full w-full"
12184        >
12185        <div class="w-full h-full splide__list">
12186            <div class="w-full z-0 h-full min-h-full overflow-hidden splide__slide x-splide-slide h-full max-h-full lg:top-0 lg:left-0 lg:absolute"
12187            >
12188              
12189              <picture>
12190                <img
12191                  srcset="
12192                  //www.joeskc.com/cdn/shop/products/Z_Man_Brisket-1.jpg?v=1782501209&width=250 250w,
12193                  //www.joeskc.com/cdn/shop/products/Z_Man_Brisket-1.jpg?v=1782501209&width=350 350w,
12194                  //www.joeskc.com/cdn/shop/products/Z_Man_Brisket-1.jpg?v=1782501209&width=450 450w,
12195                  //www.joeskc.com/cdn/shop/products/Z_Man_Brisket-1.jpg?v=1782501209&width=750 750w,
12196                  //www.joeskc.com/cdn/shop/products/Z_Man_Brisket-1.jpg?v=1782501209&width=900 900w,
12197                  //www.joeskc.com/cdn/shop/products/Z_Man_Brisket-1.jpg?v=1782501209&width=1100 1100w,
12198                  //www.joeskc.com/cdn/shop/products/Z_Man_Brisket-1.jpg?v=1782501209&width=1500 1500w,//www.joeskc.com/cdn/shop/products/Z_Man_Brisket-1.jpg?v=1782501209 600w" 
12199                  src="//www.joeskc.com/cdn/shop/products/Z_Man_Brisket-1.jpg?v=1782501209&width=1500"
12200                  sizes="(min-width: 1300px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
12201                  alt="Z-Man Kit - Brisket, Joe&#39;s Kansas City Bar-B-Que, Joe&#39;s KC, BBQ, Barbecue, Kansas City, Ship BBQ"
12202                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
12203                  
12204                    loading="lazy"
12205                  
12206                  width="600"
12207                  height="600"
12208                  onload="requestAnimationFrame(() => {
12209                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
12210                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
12211                  })"
12212                />
12213              </picture>
12214              
12215            </div><style data-shopify>
12216                  #image-product-template--19816069922883__featured_collection_jhekbQ-1-4-3 .media-slide:not(:first-child) {
12217                    height: 100%;
12218                  }
12219                </style>
12220                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
12221                  
12222                  <picture>
12223                    <img
12224                      srcset="//www.joeskc.com/cdn/shop/products/Z-Man_Brisket-2.jpg?v=1782501118&width=250 250w,
12225                        //www.joeskc.com/cdn/shop/products/Z-Man_Brisket-2.jpg?v=1782501118&width=350 350w,
12226                        //www.joeskc.com/cdn/shop/products/Z-Man_Brisket-2.jpg?v=1782501118&width=450 450w,
12227                        //www.joeskc.com/cdn/shop/products/Z-Man_Brisket-2.jpg?v=1782501118&width=750 750w,
12228                        //www.joeskc.com/cdn/shop/products/Z-Man_Brisket-2.jpg?v=1782501118&width=900 900w,
12229                        //www.joeskc.com/cdn/shop/products/Z-Man_Brisket-2.jpg?v=1782501118&width=1100 1100w,
12230                        //www.joeskc.com/cdn/shop/products/Z-Man_Brisket-2.jpg?v=1782501118&width=1500 1500w,//www.joeskc.com/cdn/shop/products/Z-Man_Brisket-2.jpg?v=1782501118 600w"
12231                      src="//www.joeskc.com/cdn/shop/products/Z-Man_Brisket-2.jpg?v=1782501118&width=1500"
12232                      sizes="(min-width: 1300px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
12233                      alt="Z-Man Kit - Brisket, Joe&#39;s Kansas City Bar-B-Que, Joe&#39;s KC, BBQ, Barbecue, Kansas City, Ship BBQ"
12234                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
12235                      loading="lazy"
12236                      width="600"
12237                      height="600"
12238                      onload="requestAnimationFrame(() => {
12239                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
12240                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
12241                      })"
12242                    />
12243                  </picture>
12244                  
12245                </div></div>
12246        </div></div>
12247        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
12248              x-show="$store.xQuickView" x-cloak
12249            > 
12250              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
12251                class="w-full hide-icon lg:pl-4 lg:pr-4" 
12252                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
12253                x-cloak
12254              >
12255                
12256                  <button
12257                    type="submit"
12258                    name="add"
12259                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb', $el); }, 0)"
12260                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/z-man-kit-brisket', $el, 'template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb', 504); }, 0)"
12261                    data-id="template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb"
12262                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
12263                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12264                    
12265                      aria-label="Choose options"
12266                    
12267                  >
12268                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12269                      
12270                      <span class="flex items-center justify-center">
12271                        
12272<div class="flex justify-center ">
12273  
12274    
12275      
12276        <span class="button-text  is-focus-button:opacity-0">Choose options</span>
12277      
12278    
12279  
12280  
12281</div>
12282                      </span>
12283                    </span>
12284                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
12285                      
12286    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
12287    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12288  </svg>
12289
12290  
12291                    </div>
12292                  </button>
12293                  <button 
12294                    type="submit"
12295                    name="add"
12296                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb', $el); }, 0)"
12297                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/z-man-kit-brisket', $el, 'template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb', 504); }, 0)"
12298                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disabled:opacity-60"
12299                    data-id="template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb"
12300                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Choose options"x-customer-event-data="{
12301    &quot;product&quot;: {
12302      &quot;title&quot;: &quot;Z-Man Kit - Brisket&quot;,
12303      &quot;listName&quot;: &quot;Best Sellers&quot;,
12304      &quot;sku&quot;: &quot;6770230132803&quot;,
12305      &quot;currencyCode&quot;: &quot;USD&quot;,
12306      &quot;price&quot;: 13799,
12307      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
12308    }
12309  }"
12310                  >
12311                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
12312    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
12313  </svg></span>
12314                    <span class="block w-5 h-5" x-show="loading" x-cloak>
12315                      
12316    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
12317    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12318  </svg>
12319
12320  
12321                    </span>
12322                  </button>
12323                
12324              </div>
12325            </div><div
12326            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
12327            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
12328            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
12329            >
12330            <div>
12331              <button
12332                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
12333                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/z-man-kit-brisket', $el, 'template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb')" 
12334                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/z-man-kit-brisket', $el, 'template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb')" 
12335                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
12336                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
12337                x-customer-event-data="{
12338    &quot;product&quot;: {
12339      &quot;title&quot;: &quot;Z-Man Kit - Brisket&quot;,
12340      &quot;listName&quot;: &quot;Best Sellers&quot;,
12341      &quot;sku&quot;: &quot;6770230132803&quot;,
12342      &quot;currencyCode&quot;: &quot;USD&quot;,
12343      &quot;price&quot;: 13799,
12344      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
12345    }
12346  }"
12347                aria-label="Button quickview"
12348              >
12349                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
12350    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
12351  </svg>
12352</span>
12353                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
12354                  
12355<div class="flex justify-center ">
12356  
12357    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
12358  
12359  
12360</div>
12361                </span>
12362              </button>
12363              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/best-sellers/products/z-man-kit-brisket", $el, "template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
12364                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
12365                aria-label="Button quickview"
12366                x-customer-event-data="{
12367    &quot;product&quot;: {
12368      &quot;title&quot;: &quot;Z-Man Kit - Brisket&quot;,
12369      &quot;listName&quot;: &quot;Best Sellers&quot;,
12370      &quot;sku&quot;: &quot;6770230132803&quot;,
12371      &quot;currencyCode&quot;: &quot;USD&quot;,
12372      &quot;price&quot;: 13799,
12373      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
12374    }
12375  }"
12376              >
12377                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
12378    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
12379  </svg>
12380</span>
12381              </button>
12382            </div>
12383          </div>
12384        </div>
12385      
12386    </a>
12387    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
12388      
12389      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19816069922883__featured_collection_jhekbQ-6770230132803">
12390        <a href="/collections/best-sellers/products/z-man-kit-brisket"
12391          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
12392          @click='$store.xCustomerEvent.fire("product_selected", $el)'
12393          x-customer-event-data="{
12394    &quot;product&quot;: {
12395      &quot;title&quot;: &quot;Z-Man Kit - Brisket&quot;,
12396      &quot;listName&quot;: &quot;Best Sellers&quot;,
12397      &quot;sku&quot;: &quot;6770230132803&quot;,
12398      &quot;currencyCode&quot;: &quot;USD&quot;,
12399      &quot;price&quot;: 13799,
12400      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
12401    }
12402  }"
12403        >
12404          Z-Man Kit - Brisket
12405        </a>
12406      </h3>
12407      
12408        
12409 
12410
12411
12412      
12413
12414  
12415<div 
12416  class="x-review-product judge 
12417    
12418      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
12419  "
12420>
12421  
12422<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.76 out of 5.0 stars">
12423        
12424      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
12425        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
12426      </svg>
12427    
12428      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
12429        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
12430      </svg>
12431    
12432      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
12433        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
12434      </svg>
12435    
12436      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
12437        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
12438      </svg>
12439    
12440      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
12441        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
12442      </svg>
12443    
12444
12445      </div> 
12446      <p class="rating-count leading-none caption ml-1 text-review-count">(25)
12447      </p>
12448</div>
12449
12450<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
12451        
12452        
12453          <div class=" price leading-none ">
12454  <div class="target-price hidden">13799</div>
12455  <div class="target-compare-at-price hidden"></div>
12456  
12457    
12458      
12459    
12460      
12461        
12462        
12463      
12464    
12465      
12466    
12467  
12468  
12469<p class="price">
12470        $ 137.99
12471      </p>
12472    
12473  
12474</div>
12475
12476        
12477        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
12478      </div>
12479      
12480      <template x-if="localStorage.getItem('selectedStore')">
12481        <div id="x-availability-notice-template--19816069922883__featured_collection_jhekbQ" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6770230132803', [165788254275, 69089857, 69089921, 288082919491, 297689448515, 216422407, 69111617])">
12482            
12483<div 
12484  class="text-availability-notice"
12485  x-data='{ 
12486    locations: [],
12487    pickupLocations: [],
12488    pickupAvailabilites: []
12489  }'
12490  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
12491>
12492  <style data-shopify>
12493    .text-availability-notice {
12494      font-size: 0.669375rem;
12495    }
12496    @media (min-width: 768px) {
12497      .text-availability-notice {
12498        font-size: 0.74375rem;
12499      }
12500    }
12501  </style>
12502  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
12503    <span class="flex h-4 w-4 relative">
12504  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
12505    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
12506    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
12507  </svg>
12508
12509</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
12510  </div>
12511  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
12512    <span class="flex h-4 w-4 relative">
12513  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
12514    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
12515    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
12516  </svg>
12517
12518</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
12519  </div>
12520</div></div>
12521      </template>
12522      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
12523    </div>
12524  </div><div
12525      id="choose-options-template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb"
12526      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
12527      x-show="showOptions"
12528      x-transition:enter="transition-all ease-in-out duration-300"
12529      x-transition:enter-start="opacity-0 transform translate-y-full"
12530      x-transition:enter-end="opacity-100 transform translate-y-0"
12531      x-transition:leave="transition-all ease-in-out duration-300"
12532      x-transition:leave-start="opacity-100 transform translate-y-0"
12533      x-transition:leave-end="opacity-0 transform translate-y-full"
12534      x-cloak
12535    >
12536      <div class="choose-options relative w-full min-h-full h-full"></div>
12537      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
12538        <div
12539          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
12540          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
12541    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12542  </svg>
12543
12544        </div>
12545      </div>
12546    </div>
12547  <div
12548    id="x-product-template-6770230132803-template--19816069922883__featured_collection_jhekbQ-1-4"
12549    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
12550  >
12551    
12552
12553        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
12554          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19816069922883__featured_collection_jhekbQ', '/products/z-man-kit-brisket');
12555        });"></div>
12556        <div
12557          id="current-variant-template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb"
12558          class="current-variant hidden"
12559        >41603162669123</div>
12560    
12561    
12562      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
12563            class="card-info bottom_atc md:list-layout:hidden pt-2.5 hide-icon"
12564            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
12565            x-cloak
12566          >
12567            
12568              <button
12569                type="submit"
12570                name="add"
12571                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb', $el); }, 0)"
12572                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/z-man-kit-brisket', $el, 'template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb', 504); }, 0)" 
12573                data-id="template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb"
12574                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
12575                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12576                  aria-label="Choose options"
12577                
12578              >
12579                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12580                  
12581                  <span class="flex items-center justify-center">
12582                    
12583<div class="flex justify-center ">
12584  
12585    
12586      
12587        <span class="button-text  is-focus-button:opacity-0">Choose options</span>
12588      
12589    
12590  
12591  
12592</div>
12593                  </span>
12594                </span>
12595                <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
12596                  
12597    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
12598    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12599  </svg>
12600
12601  
12602                </div>
12603              </button>
12604             
12605          </div></template>
12606    
12607  </div>
12608</div>
12609<style data-shopify>
12610                        .x-slide-animation-duration-5 {
12611                          --delay-time: 400ms
12612                        }
12613                      </style>
12614                      
12615                      
12616
12617
12618<div 
12619  
12620    x-data="xProductCard('template--19816069922883__featured_collection_jhekbQ-1-5', '/collections/best-sellers/products/ribs-3-meats', '1666745281')"  
12621  
12622  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_bGeicbtemplate--19816069922883__featured_collection_jhekbQ preload-slide-mobile--collection_bGeicbtemplate--19816069922883__featured_collection_jhekbQ rounded-[10px]" 
12623  x-slide-index="4"
12624>
12625  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
12626  >
12627    
12628    <a 
12629      
12630        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
12631      
12632      href="/collections/best-sellers/products/ribs-3-meats"
12633       
12634        x-data="{ lastWindowWidth: 0 }"
12635        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
12636        x-labels-data="[
12637    
12638{
12639      &quot;variant_id&quot;: 41603175448643,
12640      &quot;product_id&quot;: 1666745281,
12641      &quot;available&quot;: true,
12642      &quot;title&quot;: &quot;Ribs &amp;amp; 3 Meats&quot;,
12643      &quot;compare_at_price&quot;: 0,
12644      &quot;price&quot;: 20399,
12645      &quot;price_with_currency&quot;: &quot;$ 203.99&quot;,
12646      &quot;sale_amount&quot;: &quot;$ -203.99&quot;,
12647      &quot;collections&quot;: &quot;||165788254275||69089857||69089921||288082919491||69090241||69090625||69090817||297689448515||216422407||&quot;,
12648      &quot;inventory_management&quot;: &quot;shopify&quot;,
12649      &quot;qty&quot;: 1145,
12650      &quot;container&quot;: &quot;card&quot;,
12651      &quot;can_show_preorder&quot;: false,
12652      &quot;diff_day_create&quot;: 1437767042,
12653      &quot;diff_day_publish&quot;: 1707160058
12654      
12655      }
12656    ]"
12657       
12658      aria-label="Ribs &amp; 3 Meats"
12659      id="1666745281-template--19816069922883__featured_collection_jhekbQ"
12660      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
12661      <div
12662        id="x-slideshow-card-product-template--19816069922883__featured_collection_jhekbQ-1-5-4"
12663        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
12664        @click='$store.xCustomerEvent.fire("product_selected", $el)'
12665        x-customer-event-data="{
12666    &quot;product&quot;: {
12667      &quot;title&quot;: &quot;Ribs &amp;amp; 3 Meats&quot;,
12668      &quot;listName&quot;: &quot;Best Sellers&quot;,
12669      &quot;sku&quot;: &quot;1666745281&quot;,
12670      &quot;currencyCode&quot;: &quot;USD&quot;,
12671      &quot;price&quot;: 20399,
12672      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
12673    }
12674  }"
12675        x-cloak
12676        
12677          x-intersect.once.margin.200px='$store.xSplide.load($el, {
12678            "drag": true,
12679            "pagination": true,
12680            "arrows": false,
12681            "pauseOnFocus": false,
12682            "pauseOnHover": false,
12683            "perMove": 1,
12684            "perPage": 1,
12685            "focus": "center",
12686            "mediaQuery": "min",
12687            "rewind": true,
12688            
12689              "destroy": true,
12690            
12691            "breakpoints": {
12692              1024: {
12693                
12694                  "destroy": true
12695                
12696              }
12697            },
12698            
12699              "playOnHover": true,
12700            
12701            
12702            "classes": {
12703              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
12704              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
12705            },
12706            "type": "fade",
12707          })'>
12708        <div 
12709          id="image-product-template--19816069922883__featured_collection_jhekbQ-1-5-4"
12710          class="splide__track overflow-hidden max-h-full h-full w-full"
12711        >
12712        <div class="w-full h-full splide__list">
12713            <div class="w-full z-0 h-full min-h-full overflow-hidden splide__slide x-splide-slide h-full max-h-full lg:top-0 lg:left-0 lg:absolute"
12714            >
12715              
12716              <picture>
12717                <img
12718                  srcset="
12719                  //www.joeskc.com/cdn/shop/products/rib-and-3-meat-web.jpg?v=1527204124&width=250 250w,
12720                  //www.joeskc.com/cdn/shop/products/rib-and-3-meat-web.jpg?v=1527204124&width=350 350w,
12721                  //www.joeskc.com/cdn/shop/products/rib-and-3-meat-web.jpg?v=1527204124&width=450 450w,
12722                  //www.joeskc.com/cdn/shop/products/rib-and-3-meat-web.jpg?v=1527204124&width=750 750w,
12723                  //www.joeskc.com/cdn/shop/products/rib-and-3-meat-web.jpg?v=1527204124&width=900 900w,
12724                  //www.joeskc.com/cdn/shop/products/rib-and-3-meat-web.jpg?v=1527204124&width=1100 1100w,
12725                  //www.joeskc.com/cdn/shop/products/rib-and-3-meat-web.jpg?v=1527204124&width=1500 1500w,//www.joeskc.com/cdn/shop/products/rib-and-3-meat-web.jpg?v=1527204124 600w" 
12726                  src="//www.joeskc.com/cdn/shop/products/rib-and-3-meat-web.jpg?v=1527204124&width=1500"
12727                  sizes="(min-width: 1300px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
12728                  alt="Ribs &amp; 3 Meats, Joe&#39;s Kansas City Bar-B-Que, Joe&#39;s KC, BBQ, Barbecue, Kansas City, Ship BBQ"
12729                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
12730                  
12731                    loading="lazy"
12732                  
12733                  width="600"
12734                  height="600"
12735                  onload="requestAnimationFrame(() => {
12736                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
12737                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
12738                  })"
12739                />
12740              </picture>
12741              
12742            </div><style data-shopify>
12743                  #image-product-template--19816069922883__featured_collection_jhekbQ-1-5-4 .media-slide:not(:first-child) {
12744                    height: 100%;
12745                  }
12746                </style>
12747                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
12748                  
12749                  <picture>
12750                    <img
12751                      srcset="//www.joeskc.com/cdn/shop/products/Send-Joes-KC-checking-ribs_4ee70130-679b-44bd-b369-99e9d5069268.png?v=1527204124&width=250 250w,
12752                        //www.joeskc.com/cdn/shop/products/Send-Joes-KC-checking-ribs_4ee70130-679b-44bd-b369-99e9d5069268.png?v=1527204124&width=350 350w,
12753                        //www.joeskc.com/cdn/shop/products/Send-Joes-KC-checking-ribs_4ee70130-679b-44bd-b369-99e9d5069268.png?v=1527204124&width=450 450w,
12754                        //www.joeskc.com/cdn/shop/products/Send-Joes-KC-checking-ribs_4ee70130-679b-44bd-b369-99e9d5069268.png?v=1527204124&width=750 750w,
12755                        //www.joeskc.com/cdn/shop/products/Send-Joes-KC-checking-ribs_4ee70130-679b-44bd-b369-99e9d5069268.png?v=1527204124&width=900 900w,
12756                        //www.joeskc.com/cdn/shop/products/Send-Joes-KC-checking-ribs_4ee70130-679b-44bd-b369-99e9d5069268.png?v=1527204124&width=1100 1100w,
12757                        //www.joeskc.com/cdn/shop/products/Send-Joes-KC-checking-ribs_4ee70130-679b-44bd-b369-99e9d5069268.png?v=1527204124&width=1500 1500w,//www.joeskc.com/cdn/shop/products/Send-Joes-KC-checking-ribs_4ee70130-679b-44bd-b369-99e9d5069268.png?v=1527204124 1024w"
12758                      src="//www.joeskc.com/cdn/shop/products/Send-Joes-KC-checking-ribs_4ee70130-679b-44bd-b369-99e9d5069268.png?v=1527204124&width=1500"
12759                      sizes="(min-width: 1300px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
12760                      alt="Ribs &amp; 3 Meats, Joe&#39;s Kansas City Bar-B-Que, Joe&#39;s KC, BBQ, Barbecue, Kansas City, Ship BBQ"
12761                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
12762                      loading="lazy"
12763                      width="1024"
12764                      height="1024"
12765                      onload="requestAnimationFrame(() => {
12766                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
12767                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
12768                      })"
12769                    />
12770                  </picture>
12771                  
12772                </div></div>
12773        </div></div>
12774        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
12775              x-show="$store.xQuickView" x-cloak
12776            > 
12777              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
12778                class="w-full hide-icon lg:pl-4 lg:pr-4" 
12779                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
12780                x-cloak
12781              >
12782                
12783                  <button
12784                    type="submit"
12785                    name="add"
12786                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb', $el); }, 0)"
12787                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/ribs-3-meats', $el, 'template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb', 505); }, 0)"
12788                    data-id="template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb"
12789                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
12790                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12791                    
12792                      aria-label="Choose options"
12793                    
12794                  >
12795                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12796                      
12797                      <span class="flex items-center justify-center">
12798                        
12799<div class="flex justify-center ">
12800  
12801    
12802      
12803        <span class="button-text  is-focus-button:opacity-0">Choose options</span>
12804      
12805    
12806  
12807  
12808</div>
12809                      </span>
12810                    </span>
12811                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
12812                      
12813    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
12814    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12815  </svg>
12816
12817  
12818                    </div>
12819                  </button>
12820                  <button 
12821                    type="submit"
12822                    name="add"
12823                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb', $el); }, 0)"
12824                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/ribs-3-meats', $el, 'template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb', 505); }, 0)"
12825                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disabled:opacity-60"
12826                    data-id="template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb"
12827                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Choose options"x-customer-event-data="{
12828    &quot;product&quot;: {
12829      &quot;title&quot;: &quot;Ribs &amp;amp; 3 Meats&quot;,
12830      &quot;listName&quot;: &quot;Best Sellers&quot;,
12831      &quot;sku&quot;: &quot;1666745281&quot;,
12832      &quot;currencyCode&quot;: &quot;USD&quot;,
12833      &quot;price&quot;: 20399,
12834      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
12835    }
12836  }"
12837                  >
12838                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
12839    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
12840  </svg></span>
12841                    <span class="block w-5 h-5" x-show="loading" x-cloak>
12842                      
12843    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
12844    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12845  </svg>
12846
12847  
12848                    </span>
12849                  </button>
12850                
12851              </div>
12852            </div><div
12853            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
12854            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
12855            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
12856            >
12857            <div>
12858              <button
12859                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
12860                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/ribs-3-meats', $el, 'template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb')" 
12861                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/ribs-3-meats', $el, 'template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb')" 
12862                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
12863                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
12864                x-customer-event-data="{
12865    &quot;product&quot;: {
12866      &quot;title&quot;: &quot;Ribs &amp;amp; 3 Meats&quot;,
12867      &quot;listName&quot;: &quot;Best Sellers&quot;,
12868      &quot;sku&quot;: &quot;1666745281&quot;,
12869      &quot;currencyCode&quot;: &quot;USD&quot;,
12870      &quot;price&quot;: 20399,
12871      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
12872    }
12873  }"
12874                aria-label="Button quickview"
12875              >
12876                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
12877    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
12878  </svg>
12879</span>
12880                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
12881                  
12882<div class="flex justify-center ">
12883  
12884    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
12885  
12886  
12887</div>
12888                </span>
12889              </button>
12890              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/best-sellers/products/ribs-3-meats", $el, "template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
12891                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
12892                aria-label="Button quickview"
12893                x-customer-event-data="{
12894    &quot;product&quot;: {
12895      &quot;title&quot;: &quot;Ribs &amp;amp; 3 Meats&quot;,
12896      &quot;listName&quot;: &quot;Best Sellers&quot;,
12897      &quot;sku&quot;: &quot;1666745281&quot;,
12898      &quot;currencyCode&quot;: &quot;USD&quot;,
12899      &quot;price&quot;: 20399,
12900      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
12901    }
12902  }"
12903              >
12904                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
12905    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
12906  </svg>
12907</span>
12908              </button>
12909            </div>
12910          </div>
12911        </div>
12912      
12913    </a>
12914    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
12915      
12916      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19816069922883__featured_collection_jhekbQ-1666745281">
12917        <a href="/collections/best-sellers/products/ribs-3-meats"
12918          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
12919          @click='$store.xCustomerEvent.fire("product_selected", $el)'
12920          x-customer-event-data="{
12921    &quot;product&quot;: {
12922      &quot;title&quot;: &quot;Ribs &amp;amp; 3 Meats&quot;,
12923      &quot;listName&quot;: &quot;Best Sellers&quot;,
12924      &quot;sku&quot;: &quot;1666745281&quot;,
12925      &quot;currencyCode&quot;: &quot;USD&quot;,
12926      &quot;price&quot;: 20399,
12927      &quot;vendor&quot;: &quot;SendJoesKCBBQ&quot;
12928    }
12929  }"
12930        >
12931          Ribs &amp; 3 Meats
12932        </a>
12933      </h3>
12934      
12935        
12936 
12937
12938
12939      
12940
12941  
12942<div 
12943  class="x-review-product judge 
12944    
12945      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
12946  "
12947>
12948  
12949<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.73 out of 5.0 stars">
12950        
12951      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
12952        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
12953      </svg>
12954    
12955      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
12956        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
12957      </svg>
12958    
12959      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
12960        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
12961      </svg>
12962    
12963      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
12964        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
12965      </svg>
12966    
12967      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
12968        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
12969      </svg>
12970    
12971
12972      </div> 
12973      <p class="rating-count leading-none caption ml-1 text-review-count">(11)
12974      </p>
12975</div>
12976
12977<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
12978        
12979        
12980          <div class=" price leading-none ">
12981  <div class="target-price hidden">20399</div>
12982  <div class="target-compare-at-price hidden"></div>
12983  
12984    
12985      
12986    
12987      
12988        
12989        
12990      
12991    
12992      
12993    
12994  
12995  
12996<p class="price">
12997        $ 203.99
12998      </p>
12999    
13000  
13001</div>
13002
13003        
13004        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
13005      </div>
13006      
13007      <template x-if="localStorage.getItem('selectedStore')">
13008        <div id="x-availability-notice-template--19816069922883__featured_collection_jhekbQ" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('1666745281', [165788254275, 69089857, 69089921, 288082919491, 69090241, 69090625, 69090817, 297689448515, 216422407])">
13009            
13010<div 
13011  class="text-availability-notice"
13012  x-data='{ 
13013    locations: [],
13014    pickupLocations: [],
13015    pickupAvailabilites: []
13016  }'
13017  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
13018>
13019  <style data-shopify>
13020    .text-availability-notice {
13021      font-size: 0.669375rem;
13022    }
13023    @media (min-width: 768px) {
13024      .text-availability-notice {
13025        font-size: 0.74375rem;
13026      }
13027    }
13028  </style>
13029  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
13030    <span class="flex h-4 w-4 relative">
13031  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13032    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13033    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13034  </svg>
13035
13036</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
13037  </div>
13038  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
13039    <span class="flex h-4 w-4 relative">
13040  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13041    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13042    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13043  </svg>
13044
13045</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
13046  </div>
13047</div></div>
13048      </template>
13049      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
13050    </div>
13051  </div><div
13052      id="choose-options-template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb"
13053      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
13054      x-show="showOptions"
13055      x-transition:enter="transition-all ease-in-out duration-300"
13056      x-transition:enter-start="opacity-0 transform translate-y-full"
13057      x-transition:enter-end="opacity-100 transform translate-y-0"
13058      x-transition:leave="transition-all ease-in-out duration-300"
13059      x-transition:leave-start="opacity-100 transform translate-y-0"
13060      x-transition:leave-end="opacity-0 transform translate-y-full"
13061      x-cloak
13062    >
13063      <div class="choose-options relative w-full min-h-full h-full"></div>
13064      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
13065        <div
13066          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
13067          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
13068    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13069  </svg>
13070
13071        </div>
13072      </div>
13073    </div>
13074  <div
13075    id="x-product-template-1666745281-template--19816069922883__featured_collection_jhekbQ-1-5"
13076    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
13077  >
13078    
13079
13080        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
13081          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19816069922883__featured_collection_jhekbQ', '/products/ribs-3-meats');
13082        });"></div>
13083        <div
13084          id="current-variant-template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb"
13085          class="current-variant hidden"
13086        >41603175448643</div>
13087    
13088    
13089      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
13090            class="card-info bottom_atc md:list-layout:hidden pt-2.5 hide-icon"
13091            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
13092            x-cloak
13093          >
13094            
13095              <button
13096                type="submit"
13097                name="add"
13098                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb', $el); }, 0)"
13099                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/ribs-3-meats', $el, 'template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb', 505); }, 0)" 
13100                data-id="template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb"
13101                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
13102                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
13103                  aria-label="Choose options"
13104                
13105              >
13106                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
13107                  
13108                  <span class="flex items-center justify-center">
13109                    
13110<div class="flex justify-center ">
13111  
13112    
13113      
13114        <span class="button-text  is-focus-button:opacity-0">Choose options</span>
13115      
13116    
13117  
13118  
13119</div>
13120                  </span>
13121                </span>
13122                <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
13123                  
13124    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
13125    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13126  </svg>
13127
13128  
13129                </div>
13130              </button>
13131             
13132          </div></template>
13133    
13134  </div>
13135</div>
13136</div>
13137                
13138                  </div>
13139                
13140<div class=" md:hidden items-center flex w-full gap-5 mt-2.5 md:mt-5 md:w-3/4 ml-auto mr-auto">
13141                    <div class="splide-progress inline-block grow rounded-md"><style data-shopify>.splide-progress-bar-template--19816069922883__featured_collection_jhekbQ-collection_bGeicb {
13142                          width: 20.0%;
13143                        }
13144                        @media (min-width: 768px) {
13145                          .splide-progress-bar-template--19816069922883__featured_collection_jhekbQ-collection_bGeicb {
13146                            width: 100.0%;
13147                          }
13148                        }</style><div class="splide-progress-bar-template--19816069922883__featured_collection_jhekbQ-collection_bGeicb splide-progress-bar rounded-md"></div>
13149                    </div>
13150                  </div></div>
13151            </div>
13152          </div>
13153        </div>
13154      </div>
13155  </div>
13156</div></div></div>
13157<script src="//www.joeskc.com/cdn/shop/t/80/assets/featured-collection.js?v=166203110154732063391785247873" defer></script>
13157
13158
13159
13160<style> #shopify-section-template--19816069922883__featured_collection_jhekbQ h2 {text-align: center; background-color: rgba(35, 31, 32, 0.75); color: #ffffff; padding: 12px 16px; border-radius: 4px;} #shopify-section-template--19816069922883__featured_collection_jhekbQ .card-info .price div {font-size: 1rem !important;} </style></section><section id="shopify-section-template--19816069922883__1742498599adf27311" class="shopify-section section x-section section-apps"><div class="x-pgw page-width"><div id="shopify-block-AZHRNbVp1eXRkYW1HR__judge_me_reviews_featured_carousel_3K9PTW" class="shopify-block shopify-app-block"><div style="margin:0 auto;max-width:1800px;">
13161  <div class='jdgm-carousel-wrapper'>
13162      <div class="jdgm-carousel-title-and-link">
13163        <h2 class='jdgm-carousel-title'>Let customers speak for us</h2>
13164        <span class="jdgm-all-reviews-rating-wrapper" href="javascript:void(0)">
13165          <span style="display:block" data-score='4.87' class='jdgm-all-reviews-rating' aria-label='4.87 stars' tabindex='0' role='img'></span>
13166          <span style="display: block" class='jdgm-carousel-number-of-reviews' data-number-of-reviews='396'>
13167            from 396 reviews
13168          </span>
13169        </span>
13170      </div>
13171    <section class='jdgm-widget jdgm-carousel jdgm-carousel--card-theme' data-widget-locale='en'> <style>.jdgm-carousel{display: none}</style> <style> .jdgm-xx{left:0}.jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__right-arrow,.jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__left-arrow{border-color:#231F20}.jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__play-pause{color:#231F20}.jdgm-carousel-wrapper{width:85% !important;margin:auto}.jdgm-carousel-title-and-link{width:calc(100% - 81px);margin:0 auto 24px auto}.jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel{width:calc(100% - 81px);margin:0 auto}.jdgm-carousel-wrapper .jdgm-carousel__left-arrow{float:left;margin-left:-25px;margin-top:-150.0px}.jdgm-carousel-wrapper .jdgm-carousel__right-arrow{float:right;margin-right:-25px;margin-top:-150.0px}.jdgm-carousel-item__timestamp{display:none !important}.jdgm-carousel-item__product-title{display:none !important}.jdgm-carousel-title-and-link{padding-left:20px}.jdgm-carousel-title,.jdgm-all-reviews-rating-wrapper{text-align:left !important}.jdgm-carousel-wrapper .jdgm-star.jdgm-star,.jdgm-carousel .jdgm-star.jdgm-star{background:#7F2629;padding:3px !important;margin:0 2px !important;color:white}.jdgm-carousel-wrapper .jdgm-star.jdgm-star.jdgm--off,.jdgm-carousel .jdgm-star.jdgm-star.jdgm--off{background:#dadada}.jdgm-carousel-wrapper .jdgm-star.jdgm-star.jdgm--off:before,.jdgm-carousel .jdgm-star.jdgm-star.jdgm--off:before{content:"\e000"}.jdgm-carousel-wrapper .jdgm-star.jdgm-star.jdgm--half,.jdgm-carousel .jdgm-star.jdgm-star.jdgm--half{background:linear-gradient(90deg, #7F2629 50%, #dadada 50%)}.jdgm-carousel-wrapper .jdgm-star.jdgm-star.jdgm--half:before,.jdgm-carousel .jdgm-star.jdgm-star.jdgm--half:before{content:"\e000"}.jdgm-carousel--card-theme .jdgm-carousel-item{padding:8px 20px}.jdgm-carousel--card-theme .jdgm-carousel-item__inner-wrapper{height:100%;padding:16px;box-shadow:0px 4px 12px rgba(0,0,0,0.1);border-radius:4px;width:100%}.jdgm-carousel--card-theme .jdgm-carousel-item__review-rating{font-size:80%;margin-bottom:8px}.jdgm-carousel--card-theme .jdgm-carousel-item__product{text-align:left}.jdgm-carousel--card-theme .jdgm-carousel-item__reviewer-name-wrapper{text-align:left;margin:8px 0 0 0}.jdgm-carousel--card-theme .jdgm-carousel-item__reviewer-name{font-size:100%;opacity:0.8;line-height:1.4;padding-bottom:0;font-weight:600}.jdgm-carousel--card-theme .jdgm-carousel-item__timestamp{opacity:0.8}.jdgm-carousel--card-theme .jdgm-carousel-item__review{text-align:left;height:calc(100% - 1.2999999999999998em)}
13172 </style> <style>  </style> <div class='jdgm-carousel__item-container'> <div class='jdgm-carousel__item-wrapper'><div class='jdgm-carousel-item' data-review-id='c2bd77ab-afd5-4576-a3ed-40564188972e'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'>
13172 <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Fantastic again!</div> <div class='jdgm-carousel-item__review-body'><p>This is the third time I’ve shipped Joe’s to various parts of the country. Every time it is easy order and the friends are thankful for some great KC BBQ.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Scott MacGee </div>  <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='10/01/2026'> 10/01/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='a0eec868-2605-40db-b8c0-689b0bcc1745'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>KC Joe&#39;s Enjoyed Anywhere in the USA!!!</div> <div class='jdgm-carousel-item__review-body'><p>I ordered KC Joe's online BBQ for a friend.  She RAVED about it.  She noted how the directions sent with the food was very specific and it tasted totally fresh like you were eating it at the restaurant.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Carla Krebs </div>  <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/21/2026'> 09/21/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='f5c4ef8e-1970-4e2f-afde-4bee1b0c3bf2'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Joe&#39;s KC is the BEST! Hands down.</div> <div class='jdgm-carousel-item__review-body'><p>I sent this to some friends out of town and they said it was so good that even when they were full they could not stop eating it.  Yep, That's Joes!! The best BBQ in KC.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> J Brownrigg </div>  <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/10/2026'> 09/10/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='b11ddbe2-c444-497f-9e73-068d8f5dd76e'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>A Happy 50th</div> <div class='jdgm-carousel-item__review-body'><p>I sent these to some friends celebrating their 50th wedding anniversary and they really enjoyed them.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Kathy Mc </div>  <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/10/2026'> 09/10/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='6d6d60a3-e61b-4ace-a19b-787efe7fa5bc'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'>
13172 <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>All the way to Chicago</div> <div class='jdgm-carousel-item__review-body'><p>I haven't lived in MO for over 10 years so I was so happy to find out that I could get the world's best bbq delivered. Zman, sides, sausage, pulled pork, everything arrives perfectly packaged, shipped cold and with very easy instructions. I highly recommend.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Shaun Crawford </div>  <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/09/2026'> 09/09/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='7b6eb7ab-348d-4ff1-9afc-09c38b1feb94'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Fabulous!</div> <div class='jdgm-carousel-item__review-body'><p>Joe's is the absolute BEST!
13173<br />A tried and true KC BBQ Legand! 
13174<br />And a great 2nd Anniversary gift!</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> E.H. </div>  <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/09/2026'> 09/09/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='6a433645-eece-570c-be9b-3954f915385b'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'></div> <div class='jdgm-carousel-item__review-body'><p>Always packed well and shipped promptly. High quality product with great glavor.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Kevin </div>  <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='08/29/2026'> 08/29/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='456be17d-294e-4763-9d9d-58c2a4582995'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>All Beef</div> <div class='jdgm-carousel-item__review-body'><p>We sent Joe's as thank you gifts to many of our clients. They enjoyed it immensely! We loved it ourselves and thought it was a perfect gift.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Cindy Mills </div>  <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='08/21/2026'> 08/21/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='560735ee-5d6c-43ca-8c6f-42b6a9a72ced'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'>
13174 <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Great!!</div> <div class='jdgm-carousel-item__review-body'><p>Great barbecue! Amazed it tasted so fresh shipped! Can't imagine what it will taste like dining in!!</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Ann Nonneman </div>  <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='08/12/2026'> 08/12/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='d0232a84-1787-58d7-9d43-219b06f84390'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'></div> <div class='jdgm-carousel-item__review-body'><p>Absolutely love</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Wesley Hurd </div>  <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='08/12/2026'> 08/12/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='5be9bcd7-b8e2-581f-8281-9eea0d7a7bdb'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'></div> <div class='jdgm-carousel-item__review-body'><p>Love Joes KC always</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Wesley Hurd </div>  <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='08/12/2026'> 08/12/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='727c3d74-0965-5b22-be3a-2036053dabee'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'></div> <div class='jdgm-carousel-item__review-body'><p>Arrived on time. Quality and taste exceeded expectations</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Eric </div>  <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='08/08/2026'> 08/08/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='3703cb69-8699-41f2-9009-5d4b2346ae0a'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Bongo</div> <div class='jdgm-carousel-item__review-body'><p>Very good juicy ribs and Zman was very good too.
13175<br />The packaging was the best. At times the vacuum packed meat cracks from the ice packaging but this time, no problem with that.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> CAJoe </div>  <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='07/31/2026'> 07/31/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='34bd081a-16ad-4aa4-a9b0-376748ef18ba'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'>
13175 <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Yummy</div> <div class='jdgm-carousel-item__review-body'><p>Never r disappointed.  A family favorite</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Henry Zupko </div>  <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='07/31/2026'> 07/31/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='6e3961db-5bd0-449a-9620-0884ae5a43cf'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>A nice part of home</div> <div class='jdgm-carousel-item__review-body'><p>No matter where I am at in the United States in my travels. It's always nice to have a piece of home.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Rebecca Champine </div>  <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='07/30/2026'> 07/30/2026 </div> </div> </div> </div></div> </div> <div class='jdgm-carousel__arrows'> <div class='jdgm-carousel__left-arrow' tabindex="0" role="button" aria-label="Previous reviews"></div> <div class='jdgm-carousel__right-arrow' tabindex="0" role="button" aria-label="Next reviews"></div> </div> </section> <section>  </section>
13176  </div>
13177</div>
13178
13179
13180</div>�</div>
13181
13182
13183<style> #shopify-section-template--19816069922883__1742498599adf27311 {background-color: #ffffff; padding: 16px 0;} </style></section><section id="shopify-section-template--19816069922883__newsletter_Xr3QkA" class="shopify-section section section-newsletter x-section"><style data-shopify>#shopify-section-template--19816069922883__newsletter_Xr3QkA{
13184    background: rgba(0,0,0,0);
13185  }
13186  .dark #shopify-section-template--19816069922883__newsletter_Xr3QkA{
13187    
13188      background: rgba(0,0,0,0);
13189    
13190  }
13191  #shopify-section-template--19816069922883__newsletter_Xr3QkA, #shopify-section-template--19816069922883__newsletter_Xr3QkA *:before {
13192    
13193      color: #FFFFFF;
13194      --colors-text: 255, 255, 255;
13195    
13196    
13197      --colors-heading: 255, 255, 255;
13198    
13199    
13200      --colors-button: 127, 38, 41;
13201    
13202    
13203      --colors-button-text: 255, 255, 255;
13204    
13205    
13206      --colors-button-hover: rgb(255, 255, 255);
13207    
13208    
13209      --colors-button-text-hover: 127, 38, 41;
13210    
13211    
13212      --colors-line-and-border: 255,255,255;
13213    
13214  }
13215  .dark #shopify-section-template--19816069922883__newsletter_Xr3QkA, .dark #shopify-section-template--19816069922883__newsletter_Xr3QkA *:before {
13216    
13217      color: #231f20;
13218      --colors-text: 35, 31, 32;
13219    
13220    
13221      --colors-heading: 255, 255, 255;
13222    
13223    
13224      --colors-button: 0, 0, 0;
13225    
13226    
13227      --colors-button-text: 255, 255, 255;
13228    
13229    
13230      --colors-button-hover: rgb(255, 255, 255);
13231    
13232    
13233      --colors-button-text-hover: 36, 36, 36;
13234    
13235    
13236      --colors-line-and-border: 94, 94, 94;
13237    
13238  }.image-template--19816069922883__newsletter_Xr3QkA {
13239      object-position: 50.0% 50.0%
13240    }
13241    .mobile-template--19816069922883__newsletter_Xr3QkA-natural {
13242      padding-bottom: 34.199999999999996%;
13243    }@media (min-width: 768px) {.desktop-template--19816069922883__newsletter_Xr3QkA-natural {
13244        padding-bottom: 34.199999999999996%;
13245      }
13246      .image-template--19816069922883__newsletter_Xr3QkA {
13247        object-position: 50.0% 50.0%
13248      }}
13249  .section-padding-template--19816069922883__newsletter_Xr3QkA {
13250    padding-top: 28px;
13251    padding-bottom: 28px;
13252  }
13253  @media (min-width: 768px) {
13254    .section-padding-template--19816069922883__newsletter_Xr3QkA {
13255      padding-top: 28px;
13256      padding-bottom: 28px;
13257    }
13258  }</style><div class="newsletter section-padding-template--19816069922883__newsletter_Xr3QkA">
13259  <div class="promotion h-full relative w-full h-[250px] md:h-auto md:promotion:h-[450px] md:promotion:pb-0"><div class="w-full flex absolute overflow-hidden top-0 left-0 bottom-0 z-0">
13260        <span class="h-full w-full absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay transition-opacity opacity-60 md:block"></span><div class="relative block block h-full w-full">       
13261            <parallax-image class="block h-full w-full">
13262              <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)">
13263                
13264                <picture>
13265                  <source
13266                    srcset="//www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=375 375w,
13267                      //www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=450 450w,
13268                      //www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=750 750w,
13269                      //www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=900 900w"
13270                    media="(max-width: 767px)"
13271                    width="1500"
13272                    height="513"
13273                  >
13274                  <img
13275                    srcset="//www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=750 750w,
13276                      //www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=900 900w,
13277                      //www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=1100 1100w,
13278                      //www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=1500 1500w,
13279                      //www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=1780 1780w,
13280                      //www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=2000 2000w,
13281                      //www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=3000 3000w,
13282                      //www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=3840 3840w"                    
13283                    
13284                      loading="lazy"
13285                    
13286                    onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
13287                    sizes="100vw"
13288                    src="//www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=3840"
13289                    alt="Close up of the decor, metal horses, in Olathe Joe&#39;s KC location"
13290                    class="object-cover h-full w-full image-template--19816069922883__newsletter_Xr3QkA animate-Xpulse skeleton-image"
13291                    width="1500"
13292                    height="513"
13293                  >
13294                </picture>
13295                
13296              </parallax-movement>
13297            </parallax-image>
13298          </div>
13299
13300      </div>
13301    
13302    <div class="w-full z-10 flex items-center h-full overflow-hidden absolute left-0 top-1/2 -translate-y-1/2 md:absolute md:left-0 md:top-1/2 md:-translate-y-1/2">
13303      <div class="newsletter__wrapper md:max-w-3xl lg:pr-0 lg:pl-0 md:w-full mr-auto ml-auto pl-5 pr-5 text-center"><div class="x-block-header-wrapper "><style data-shopify>.heading-heading_WKcxxD {
13304                        font-size: 1.35rem;
13305                      }
13306                      @media screen and (min-width: 768px) {
13307                        .heading-heading_WKcxxD {
13308                          font-size: 2.25rem;
13309                        }
13310                      }</style><div >
13311                      
13312
13313
13314<style data-shopify>
13315  
13316  .dark .heading-heading_WKcxxD {
13317    
13318      --color-highlight: rgb(127, 38, 41);
13319    
13320  }
13321</style>
13322
13323
13324
13325  
13326
13327   
13328    <h3
13329      class='heading-heading_WKcxxD x-block-header p-break-words h2 block leading-tight anm-fade-element' x-intersect.once="$el.classList.add('is-visible');  setTimeout(() => { $el.classList.remove('anm-fade-element', 'is-visible') }, 600)"> 
13330  
13331    
13332      
13333        Subscribe to our emails
13334      
13335    
13336  </h3>
13337
13338  
13339
13340                    </div></div><div x-intersect.once="$el.classList.add('is-visible')" class="x-block-text anm-fade-element p-break-words rte mb-6 max-w-5xl mr-auto ml-auto" >
13341                  <h4>Get $10 off your first frozen shipped BBQ online order placed at joeskc.com</h4><p>Be the first to know about new collections and exclusive offers.</p>
13342                </div><style data-shopify>
13343                .bg-form-email_form_RexGLn {
13344                  
13345                    background: transparent;
13346                  
13347                }
13348                .dark .bg-form-email_form_RexGLn {
13349                  
13350                    background: transparent;
13351                  
13352                }
13353              </style>
13354              <div x-intersect.once="$el.classList.add('is-visible')" class="x-block-email-form anm-fade-element mr-auto ml-auto" >
13355                
13356                <form method="post" action="/contact#NewsletterForm--template--19816069922883__newsletter_Xr3QkA" id="NewsletterForm--template--19816069922883__newsletter_Xr3QkA" accept-charset="UTF-8" class="newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
13357                  <input type="hidden" aria-hidden="true" name="contact[tags]" value="newsletter">
13358                  <div  class="mt-4 lg:mt-8" >
13359                    <div class="bg-form-email_form_RexGLn flex pt-1.5 pb-1.5 pl-1.5 pr-1.5 border border-solid rounded-[var(--border-radius)] mb-1">
13360                      <div class="relative flex-1">
13361                        <input
13362                          id="NewsletterFormInput--template--19816069922883__newsletter_Xr3QkA"
13363                          type="email"
13364                          name="contact[email]"
13365                          class="w-full input pl-5 pr-5 lg:pr-8 lg:pl-8 pt-5 pb-1 md:pt-3.5 md:pb-2 focus:outline-none focus:border-0 bg-transparent placeholder:opacity-0"
13366                          value=""
13367                          aria-required="true"
13368                          autocorrect="off"
13369                          autocapitalize="off"
13370                          autocomplete="email"
13371                          
13372                          placeholder="Email"
13373                          required
13374                        >
13375                        <label
13376                          for="NewsletterFormInput--template--19816069922883__newsletter_Xr3QkA"
13377                          class="absolute duration-200 top-1/2 left-5 lg:left-8 -translate-y-1/2 input_focus:text-xs input_focus:top-2 input_not_empty:top-2 input_not_empty:text-xs pointer-events-none"
13378                        >
13379                          Email
13380                        </label>
13381                      </div>
13382                      <button
13383                        type="submit"
13384                        class="button button-solid ml-0.5 pl-5 pr-5 lg:pl-9 lg:pr-9 pt-2 pb-2 leading-normal cursor-pointer empty:hidden"
13385                        name="commit"
13386                        aria-label="Subscribe"
13387                      >
13388<div class="flex justify-center ">
13389  
13390    
13391      
13392        <span class="button-text  is-focus-button:opacity-0">Subscribe</span>
13393      
13394    
13395  
13396  
13397</div>
13398                      </button>
13399                    </div></div></form>
13400              </div></div>
13401    </div>
13402  </div>
13403</div>
13404
13405<style> #shopify-section-template--19816069922883__newsletter_Xr3QkA h3 {text-align: center; background-color: rgba(35, 31, 32, 0.75); color: #ffffff; padding: 12px 16px; border-radius: 4px;} </style></section><section id="shopify-section-template--19816069922883__image_with_text_KWTafL" class="shopify-section section section-image-with-text x-section">
13406<style data-shopify>.section-padding-template--19816069922883__image_with_text_KWTafL {
13407    padding-top: 16px;
13408    padding-bottom: 32px;
13409  }
13410  @media (min-width: 768px) { 
13411    .section-padding-template--19816069922883__image_with_text_KWTafL {
13412      padding-top: 28px;
13413      padding-bottom: 56px;
13414    }
13415  } 
13416  .iwt--template--19816069922883__image_with_text_KWTafL {
13417    
13418      background: rgb(var(--colors-background-secondary));
13419      --background-color: var(--colors-background-secondary);
13420    
13421  }
13422  .dark .iwt--template--19816069922883__image_with_text_KWTafL {
13423    
13424      background: rgb(var(--colors-background-secondary));
13425      --background-color: var(--colors-background-secondary);
13426    
13427  }.mobile-template--19816069922883__image_with_text_KWTafL-natural {
13428      padding-bottom: 58.263888888888886%; 
13429    }.border-radius-template--19816069922883__image_with_text_KWTafL {
13430    
13431      
13432        border-radius: 10px;
13433      
13434    
13435  }
13436  @media screen and (min-width: 768px) {.desktop-template--19816069922883__image_with_text_KWTafL-natural {
13437        padding-bottom: 58.263888888888886%; 
13438      }}
13439  .border--template--19816069922883__image_with_text_KWTafL, .border--template--19816069922883__image_with_text_KWTafL:before {
13440    
13441      --colors-line-and-border: var(--colors-line-and-border-base)
13442    
13443    }
13444  .dark .border--template--19816069922883__image_with_text_KWTafL, .dark .border--template--19816069922883__image_with_text_KWTafL:before {
13445            
13446      --colors-line-and-border: var(--colors-line-and-border-base)
13447    
13448  }
13449  .icon--template--19816069922883__image_with_text_KWTafL {
13450    width: 31.5px;
13451    height: 31.5px;
13452    min-width: 31.5px;
13453    min-height: 31.5px;
13454    
13455      color: #231F20;
13456    
13457  }
13458  @media (min-width: 1024px){
13459    .icon--template--19816069922883__image_with_text_KWTafL {
13460      width: 45px;
13461      height: 45px;
13462      min-width: 45px;
13463      min-height: 45px;
13464    }
13465  }
13466  .dark .icon--template--19816069922883__image_with_text_KWTafL {
13467    
13468      color: rgb(var(--colors-text));
13469    
13470  }
13471  
13472  .dark .color-text--template--19816069922883__image_with_text_KWTafL {
13473            
13474      --colors-text: var(--colors-text-secondary);
13475    
13476  }
13477  .columns-header-color--template--19816069922883__image_with_text_KWTafL {
13478    
13479      --colors-heading: var(--colors-heading-secondary);
13480    
13481    }
13482  .dark .columns-header-color--template--19816069922883__image_with_text_KWTafL {
13483            
13484      --colors-heading: var(--colors-heading-secondary);
13485    
13486  }</style><div class="ltr section-padding-template--19816069922883__image_with_text_KWTafL md:pl-5 md:pr-5 pr-5 pl-5">
13487  <div class="image-with-text text-[rgb(var(--colors-text))] desktop-large image-position-mobile-left border-radius-template--19816069922883__image_with_text_KWTafL normal image-position-left image-with-text-overlap"
13488  >
13489    
13490      <div class="iwt-image border-radius-template--19816069922883__image_with_text_KWTafL md:w-2/3 promotion w-full flex self-center">
13491        <div class="promotion w-full relative md:h-auto min-h-[100%] md:promotion:h-[550px] md:promotion:pb-0  h-0 mobile-template--19816069922883__image_with_text_KWTafL-natural">
13492          <div class="flex w-full h-full absolute top-0 left-0 bottom-0 md:promotion:relative">
13493    
13494          
13495            
13496              
13497              <div class="border-radius-template--19816069922883__image_with_text_KWTafL w-full overflow-hidden h-full">
13498                <parallax-image class="block h-full w-full">
13499                  <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)">   
13500                    <img
13501                      class="h-full w-full object-cover border-radius-template--19816069922883__image_with_text_KWTafL animate_transition_slide__image animate-Xpulse skeleton-image"
13502                      srcset="//www.joeskc.com/cdn/shop/files/2025_ROCKET_PIG_SAUCE.jpg?v=1746020209&width=450 450w,
13503                      //www.joeskc.com/cdn/shop/files/2025_ROCKET_PIG_SAUCE.jpg?v=1746020209&width=750 750w,
13504                      //www.joeskc.com/cdn/shop/files/2025_ROCKET_PIG_SAUCE.jpg?v=1746020209&width=900 900w,
13505                      //www.joeskc.com/cdn/shop/files/2025_ROCKET_PIG_SAUCE.jpg?v=1746020209&width=1100 1100w,
13506                      //www.joeskc.com/cdn/shop/files/2025_ROCKET_PIG_SAUCE.jpg?v=1746020209&width=1500 1500w,
13507                      //www.joeskc.com/cdn/shop/files/2025_ROCKET_PIG_SAUCE.jpg?v=1746020209 1440w"
13508                      src="//www.joeskc.com/cdn/shop/files/2025_ROCKET_PIG_SAUCE.jpg?v=1746020209&width=1500"
13509                      alt="2025 ROCKET PIG SAUCE 20.5 OZ"
13510                      
13511                        
13512                          loading="lazy"
13513                        
13514                       
13515                      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); this.closest('.animate_transition_slide__image')?.classList.add('active'); });"
13516                      sizes="
13517                        
13518                          
13519                            (min-width: 1300px) 66.6667vw, (min-width: 768px) 66.6667vw, 
13520                          
13521                        
13522                        100vw"
13523                      width="1440"
13524                      height="839"
13525                      style="object-position: 50.0% 50.0%"
13526                    >
13527                  </parallax-movement>
13528                </parallax-image>
13529              </div>
13530            
13531            
13532            
13533          
13534        </div>
13535      </div>
13536    </div>
13537    <div class="md:w-1/3 w-full flex justify-center md:justify-start iwt-content-overlap self-center rtl:md:justify-end"
13538    >
13539      <div class="iwt-content  iwt-overlap iwt--template--19816069922883__image_with_text_KWTafL border-radius-template--19816069922883__image_with_text_KWTafL w-11/12 md:w-full xl:w-11/12 md:max-w-2xl lg:pl-20 lg:pr-20"><style data-shopify>.heading-size--heading_JdAbfV {
13540                  font-size: 1.35rem;
13541                }
13542                .color-text-heading_JdAbfV {
13543                  
13544                  
13545                }
13546                .dark .color-text-heading_JdAbfV {
13547                  
13548                    --colors-heading: var(--colors-heading-secondary);
13549                  
13550                  
13551                    --colors-text: var(--colors-text-secondary);
13552                  
13553                }
13554                @media (min-width: 768px) {
13555                  .heading-size--heading_JdAbfV {
13556                    font-size: 2.25rem;
13557                  }
13558                }</style>
13559              <div class="x-block-text color-text-heading_JdAbfV  text-[rgb(var(--colors-text))] w-full mt-5 text-center rtl:text-center" >
13560                
13561                
13562                  <div class="mt-2 mb-1.5 md:mt-2.5 md:mb-3">
13563                    
13564
13565
13566<style data-shopify>
13567  
13568  .dark .heading-heading_JdAbfV {
13569    
13570      --color-highlight: rgb(127, 38, 41);
13571    
13572  }
13573</style>
13574
13575
13576
13577  
13578
13579   
13580    <h2
13581      class='heading-heading_JdAbfV h2 block heading-size--heading_JdAbfV'> 
13582  
13583    
13584      
13585        Shop Joe&#39;s KC Merch
13586      
13587    
13588  </h2>
13589
13590  
13591
13592                  </div>
13593                
13594                
13595
13596  <div class="rte"><p>Shop for Joe’s KC merchandise or find all our signature spices, sauces and rubs all in one place.</p></div>
13597
13598              </div>
13599        
13600              
13601                <style data-shopify>
13602                  .button-button_eTdtTx, .button-button_eTdtTx *:before {
13603                    
13604                    
13605                    
13606                    
13607                    
13608                    
13609                    
13610                  }
13611                  .dark .button-button_eTdtTx, .dark .button-button_eTdtTx *:before {
13612                      
13613                      --colors-button: 0, 0, 0;
13614                    
13615                     
13616                      --colors-button-text: 255, 255, 255; 
13617                    
13618                      
13619                      --colors-button-hover: rgb(255, 255, 255);
13620                    
13621                      
13622                      --colors-button-text-hover: 36, 36, 36;
13623                    
13624                      
13625                      --colors-secondary-button: 255, 255, 255;
13626                      --colors-line-secondary-button: 255, 255, 255;
13627                    
13628                    
13629                      --background-secondary-button: transparent;
13630                    
13631                    
13632                      --colors-text-link: 127, 38, 41;
13633                    
13634                  }
13635                </style>
13636                <div class="button-button_eTdtTx mb-9 md:mb-4 flex justify-center rtl:justify-center mt-4 md:mt-8"
13637                  
13638                >
13639                  
13640                    <a class="button button-solid leading-normal empty:hidden text-center pl-7 pr-7 pt-2.5 pb-2.5 md:pl-8 md:pr-8 md:pt-3 md:pb-3" href="https://joeskansascitybarbecuestore.com/" target="_blank">
13641                      
13642<div class="flex justify-center ">
13643  
13644    
13645      
13646        <span class="button-text  is-focus-button:opacity-0">Shop Retail Goods</span>
13647      
13648    
13649  
13650  
13651</div>
13652                    </a>
13653                  
13654                </div>
13655              
13656
13657        
13658      </div>
13659    </div>
13660  </div>
13661</div>
13662
13663<style> #shopify-section-template--19816069922883__image_with_text_KWTafL a {font-size: 16px; font-weight: 700; width: 100%; max-width: 100%; display: flex; justify-content: center;} </style></section>
13664      </main>
13665      
13666          <!-- BEGIN sections: footer-group-puff -->
13667<div id="shopify-section-sections--19816061403203__footer" class="shopify-section shopify-section-group-footer-group-puff section-footer">
13668<style data-shopify>
13669  #section-footer {
13670    contain: style layout;
13671  }
13672  .section-padding-sections--19816061403203__footer {
13673    padding-top: 0px;
13674    padding-bottom: 16px;
13675  }
13676  @media (min-width: 768px) { 
13677    .section-padding-sections--19816061403203__footer {
13678      padding-top: 0px;
13679      padding-bottom: 40px;
13680    }
13681  }
13682</style>
13683<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">
13684        <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">
13685            <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">
13686                        <p class="h6 text-[115%]">ABOUT JOE&#39;S KC</p>
13687                        <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;">
13688    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
13689  </svg>
13690</span>
13691                      </div>
13692                      <ul class="mt-6 hidden md:block">
13693                        
13694<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
13695                            <a href="/pages/our-story" class="hover-text-link nav-link relative block lg:inline-block">
13696                              Our Story
13697                            </a>
13698                          </li><li class="mb-1  first:pt-0 pt-2">
13699                            <a href="/pages/locations" class="hover-text-link nav-link relative block lg:inline-block">
13700                              Restaurant Locations
13701                            </a>
13702                          </li><li class="mb-1  first:pt-0 pt-2">
13703                            <a href="http://www.the180room.com/" class="hover-text-link nav-link relative block lg:inline-block">
13704                              The 180 Room, Private Dining & Event Space
13705                            </a>
13706                          </li><li class="mb-1  first:pt-0 pt-2">
13707                            <a href="/pages/we-ship-bbq" class="hover-text-link nav-link relative block lg:inline-block">
13708                              We Ship BBQ
13709                            </a>
13710                          </li>
13711                      </ul>
13712                      <ul class="md:hidden" x-show="open" x-collapse x-cloak>
13713                        
13714<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
13715                            <a href="/pages/our-story" class="hover-text-link nav-link relative block lg:inline-block">
13716                              Our Story
13717                            </a>
13718                          </li><li class="mb-1  first:pt-0 pt-2">
13719                            <a href="/pages/locations" class="hover-text-link nav-link relative block lg:inline-block">
13720                              Restaurant Locations
13721                            </a>
13722                          </li><li class="mb-1  first:pt-0 pt-2">
13723                            <a href="http://www.the180room.com/" class="hover-text-link nav-link relative block lg:inline-block">
13724                              The 180 Room, Private Dining & Event Space
13725                            </a>
13726                          </li><li class="mb-1  first:pt-0 pt-2">
13727                            <a href="/pages/we-ship-bbq" class="hover-text-link nav-link relative block lg:inline-block">
13728                              We Ship BBQ
13729                            </a>
13730                          </li>
13731                      </ul></div></div>
13732            <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
13732or-pointer md:cursor-default duration-200 transition">
13733                        <p class="h6 text-[115%]">SHOP</p>
13734                        <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;">
13735    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
13736  </svg>
13737</span>
13738                      </div>
13739                      <ul class="mt-6 hidden md:block">
13740                        
13741<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
13742                            <a href="https://order.joeskc.com/" class="hover-text-link nav-link relative block lg:inline-block">
13743                              Restaurant Pick-Up
13744                            </a>
13745                          </li><li class="mb-1  first:pt-0 pt-2">
13746                            <a href="https://catering.joeskc.com/" class="hover-text-link nav-link relative block lg:inline-block">
13747                              Catering Pick-Up
13748                            </a>
13749                          </li><li class="mb-1  first:pt-0 pt-2">
13750                            <a href="/collections" class="hover-text-link nav-link relative block lg:inline-block">
13751                              Ship Joe's Nationwide
13752                            </a>
13753                          </li><li class="mb-1  first:pt-0 pt-2">
13754                            <a href="/pages/corporate-gifting" class="hover-text-link nav-link relative block lg:inline-block">
13755                              Corporate Gifts
13756                            </a>
13757                          </li>
13758                      </ul>
13759                      <ul class="md:hidden" x-show="open" x-collapse x-cloak>
13760                        
13761<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
13762                            <a href="https://order.joeskc.com/" class="hover-text-link nav-link relative block lg:inline-block">
13763                              Restaurant Pick-Up
13764                            </a>
13765                          </li><li class="mb-1  first:pt-0 pt-2">
13766                            <a href="https://catering.joeskc.com/" class="hover-text-link nav-link relative block lg:inline-block">
13767                              Catering Pick-Up
13768                            </a>
13769                          </li><li class="mb-1  first:pt-0 pt-2">
13770                            <a href="/collections" class="hover-text-link nav-link relative block lg:inline-block">
13771                              Ship Joe's Nationwide
13772                            </a>
13773                          </li><li class="mb-1  first:pt-0 pt-2">
13774                            <a href="/pages/corporate-gifting" class="hover-text-link nav-link relative block lg:inline-block">
13775                              Corporate Gifts
13776                            </a>
13777                          </li>
13778                      </ul></div></div>
13779            <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">
13780                        <p class="h6 text-[115%]">INFO</p>
13781                        <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;">
13782    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
13783  </svg>
13784</span>
13785                      </div>
13786                      <ul class="mt-6 hidden md:block">
13787                        
13788<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
13789                            <a href="/pages/restaurant-allergen-information" class="hover-text-link nav-link relative block lg:inline-block">
13790                              Restaurant Allergen Information
13791                            </a>
13792                          </li><li class="mb-1  first:pt-0 pt-2">
13793                            <a href="/pages/how-we-ship-joe-s-kc-bar-b-que" class="hover-text-link nav-link relative block lg:inline-block">
13794                              How we Ship Our BBQ
13795                            </a>
13796                          </li><li class="mb-1  first:pt-0 pt-2">
13797                            <a href="/pages/gift-card-balance-checker" class="hover-text-link nav-link relative block lg:inline-block">
13798                              Gift Card Balance Checker
13799                            </a>
13800                          </li><li class="mb-1  first:pt-0 pt-2">
13801                            <a href="/pages/joes-kc-bbq-reheating-instructions" class="hover-text-link nav-link relative block lg:inline-block">
13802                              Reheat Instructions
13803                            </a>
13804                          </li>
13805                      </ul>
13806                      <ul class="md:hidden" x-show="open" x-collapse x-cloak>
13807                        
13808<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
13809                            <a href="/pages/restaurant-allergen-information" class="hover-text-link nav-link relative block lg:inline-block">
13810                              Restaurant Allergen Information
13811                            </a>
13812                          </li><li class="mb-1  first:pt-0 pt-2">
13813                            <a href="/pages/how-we-ship-joe-s-kc-bar-b-que" class="hover-text-link nav-link relative block lg:inline-block">
13814                              How we Ship Our BBQ
13815                            </a>
13816                          </li><li class="mb-1  first:pt-0 pt-2">
13817                            <a href="/pages/gift-card-balance-checker" class="hover-text-link nav-link relative block lg:inline-block">
13818                              Gift Card Balance Checker
13819                            </a>
13820                          </li><li class="mb-1  first:pt-0 pt-2">
13821                            <a href="/pages/joes-kc-bbq-reheating-instructions" class="hover-text-link nav-link relative block lg:inline-block">
13822                              Reheat Instructions
13823                            </a>
13824                          </li>
13825                      </ul></div></div>
13826            <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
13826or-pointer md:cursor-default duration-200 transition">
13827                        <p class="h6 text-[115%]">RESOURCES</p>
13828                        <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;">
13829    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
13830  </svg>
13831</span>
13832                      </div>
13833                      <ul class="mt-6 hidden md:block">
13834                        
13835<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
13836                            <a href="/pages/apply-online" class="hover-text-link nav-link relative block lg:inline-block">
13837                              Employment Opportunities
13838                            </a>
13839                          </li><li class="mb-1  first:pt-0 pt-2">
13840                            <a href="/policies/privacy-policy" class="hover-text-link nav-link relative block lg:inline-block">
13841                              Privacy Policy
13842                            </a>
13843                          </li><li class="mb-1  first:pt-0 pt-2">
13844                            <a href="/policies/refund-policy" class="hover-text-link nav-link relative block lg:inline-block">
13845                              Shipping Refund & Returns Policy
13846                            </a>
13847                          </li><li class="mb-1  first:pt-0 pt-2">
13848                            <a href="/policies/terms-of-service" class="hover-text-link nav-link relative block lg:inline-block">
13849                              Terms of Service
13850                            </a>
13851                          </li>
13852                      </ul>
13853                      <ul class="md:hidden" x-show="open" x-collapse x-cloak>
13854                        
13855<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
13856                            <a href="/pages/apply-online" class="hover-text-link nav-link relative block lg:inline-block">
13857                              Employment Opportunities
13858                            </a>
13859                          </li><li class="mb-1  first:pt-0 pt-2">
13860                            <a href="/policies/privacy-policy" class="hover-text-link nav-link relative block lg:inline-block">
13861                              Privacy Policy
13862                            </a>
13863                          </li><li class="mb-1  first:pt-0 pt-2">
13864                            <a href="/policies/refund-policy" class="hover-text-link nav-link relative block lg:inline-block">
13865                              Shipping Refund & Returns Policy
13866                            </a>
13867                          </li><li class="mb-1  first:pt-0 pt-2">
13868                            <a href="/policies/terms-of-service" class="hover-text-link nav-link relative block lg:inline-block">
13869                              Terms of Service
13870                            </a>
13871                          </li>
13872                      </ul></div></div>
13873            <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">
13874                        <p class="h6 text-[115%]">LET&#39;S CONNECT</p>
13875                        <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;">
13876    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
13877  </svg>
13878</span>
13879                      </div>
13880                      <ul class="mt-6 hidden md:block">
13881                        
13882<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
13883                            <a href="https://www.joeskc.com/account/login" class="hover-text-link nav-link relative block lg:inline-block">
13884                              Account Login
13885                            </a>
13886                          </li><li class="mb-1  first:pt-0 pt-2">
13887                            <a href="/pages/contact-us" class="hover-text-link nav-link relative block lg:inline-block">
13888                              Contact Us
13889                            </a>
13890                          </li><li class="mb-1  first:pt-0 pt-2">
13891                            <a href="/pages/newsletter" class="hover-text-link nav-link relative block lg:inline-block">
13892                              Newsletter
13893                            </a>
13894                          </li><li class="mb-1  first:pt-0 pt-2">
13895                            <a href="/pages/write-a-review" class="hover-text-link nav-link relative block lg:inline-block">
13896                              Write a Review
13897                            </a>
13898                          </li><li class="mt-2">
13899                            
13900<div id="selector-social" class=" flex flex-col items-center md:items-start mr-auto ml-auto">
13901    
13902      <ul class="social-list flex  flex-wrap pt-2.5 pb-2.5 gap-2 justify-center md:justify-start" role="list">
13903<li>
13904      <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">
13905      <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"/>
13906    </svg>
13907</a>
13908    </li><li>
13909      <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">
13910      <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"/>
13911    </svg>
13912</a>
13913    </li><li>
13914      <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">
13915      <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"/>
13916    </svg>
13917</a>
13918    </li></ul>
13919     </div>
13920                          </li>
13921                      </ul>
13922                      <ul class="md:hidden" x-show="open" x-collapse x-cloak>
13923                        
13924<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
13925                            <a href="https://www.joeskc.com/account/login" class="hover-text-link nav-link relative block lg:inline-block">
13926                              Account Login
13927                            </a>
13928                          </li><li class="mb-1  first:pt-0 pt-2">
13929                            <a href="/pages/contact-us" class="hover-text-link nav-link relative block lg:inline-block">
13930                              Contact Us
13931                            </a>
13932                          </li><li class="mb-1  first:pt-0 pt-2">
13933                            <a href="/pages/newsletter" class="hover-text-link nav-link relative block lg:inline-block">
13934                              Newsletter
13935                            </a>
13936                          </li><li class="mb-1  first:pt-0 pt-2">
13937                            <a href="/pages/write-a-review" class="hover-text-link nav-link relative block lg:inline-block">
13938                              Write a Review
13939                            </a>
13940                          </li><li class="mt-2">
13941                            
13942<div id="selector-social" class=" flex flex-col items-center md:items-start mr-auto ml-auto">
13943    
13944      <ul class="social-list flex  flex-wrap pt-2.5 pb-2.5 gap-2 justify-center md:justify-start" role="list">
13945<li>
13946      <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">
13947      <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"/>
13948    </svg>
13949</a>
13950    </li><li>
13951      <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">
13952      <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"/>
13953    </svg>
13954</a>
13955    </li><li>
13956      <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">
13957      <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"/>
13958    </svg>
13959</a>
13960    </li></ul>
13961     </div>
13962                          </li>
13963                      </ul></div></div></div></div><div class="additional-footer ltr mr-5 ml-5"
13964  >
13965    <div class="flex flex-col"><div class="mb-3 md:mb-2 lg:mb-2">
13966        
13967
13968        </div><div class="flex flex-col items-center lg:mt-2 order-last">
13969        <div class="mt-4 md:mt-4 base-link text-center lg:mt-0 p-break-words"><p class="inline-block">&copy; 2026, </p>
13970            <a href="/" title="">SendJoesKCBBQ</a>.<div class="ml-1 inline-block">
13971                <p>All Rights Reserved.<br/></p>
13972              </div>
13973        </div>
13974      </div></div>
13975  </div>
13976</div>
13977<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>
13978<!-- END sections: footer-group-puff -->
13979        
13980      
13981<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>
13982
13983<div id="popup-minimal-left"
13984  class="popup-minimal fixed z-50 bottom-4 md:bottom-8 left-4 md:left-8 pointer-events-auto pr-4 md:pr-8"
13985></div>
13986
13987      
13988        <div class="scroll-to-top">
13989  <style data-shopify>
13990    .scroll_top {
13991      bottom: 40px;
13992    }
13993    @media(min-width: 768px) {
13994      .scroll_top {
13995        bottom: 40px;
13996      }
13997    }
13998  </style>
13999  <div
14000    x-data="xScrollTop"
14001    @init-run.window="scrollFunction()"
14002    @scroll.window="scrollFunction()"
14003    class="hidden md:block"
14004  >
14005    <button 
14006      x-show="show" x-cloak 
14007      @click="scrollTop()" 
14008      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"
14009      x-transition:enter="transition-all ease-in-out duration-500"
14010      x-transition:enter-start="opacity-0 transform translate-y-1/3"
14011      x-transition:enter-end="opacity-100 translate-y-0"
14012      x-transition:leave="transition-all ease-in-out duration-500"
14013      x-transition:leave-end="opacity-0 transform translate-y-1/3"
14014      aria-label="scroll top"
14015    >
14016      
14017        <svg class=" w-full h-full" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
14018    <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"  />
14019  </svg>
14020
14021      
14022    </button>
14023  </div>
14024  
14024<script>
14025    requestAnimationFrame(() => {
14026      document.addEventListener('alpine:init', () => {
14027        Alpine.data('xScrollTop', () => ({
14028          show: false,
14029          scrollTop() {
14030            window.scrollTo({top: 0, behavior: 'smooth'});
14031          },
14032          scrollFunction() {
14033            const position = window.xViewport.innerWidth < 1025 ? 300 : 900;
14034            this.show = (document.body.scrollTop > position || document.documentElement.scrollTop > position)
14035              ? true : false;
14036          }
14037        }));
14038      });
14039    });
14040  </script>
14040
14041</div>
14042      
14043      
14044    </div>
14045    <div><ul hidden>
14046        <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.
14047        </li>
14048        <li id="a11y-new-window-message">Opens in a new window.
14049        </li>
14050      </ul>
14051      
14051<script>
14052        window.Eurus = {
14053          cart_error: `There was an error while updating your cart. Please try again.`,
14054          cart_quantity_error_html: `You can only add [quantity] of this item to your cart.`,
14055          cart_addon_sync_error: `Quantity could not be updated`,
14056          loadedScript: new Set(),
14057          cart_add_url: '/cart/add'
14058        };
14059      </script>
14059
14060      
14061      
14061<script src="//www.joeskc.com/cdn/shop/t/80/assets/splide4.1.3.js?v=75458750262329959491785247873" defer></script>
14061
14062      
14063      
14064        
14064<script src="//www.joeskc.com/cdn/shop/t/80/assets/cart-noti.js?v=68127480464519787801785247873" defer></script>
14064
14065      
14066
14067
14068
14069        
14069<script src="//www.joeskc.com/cdn/shop/t/80/assets/preview-color-swatches.js?v=76489450639821414821785482772" defer></script>
14069
14070        
14070<script src="//www.joeskc.com/cdn/shop/t/80/assets/speech-search.js?v=80603510328065116571785247873" defer></script>
14070
14071        
14071<script src="//www.joeskc.com/cdn/shop/t/80/assets/double-touch.js?v=64605958049830659291785247873" defer></script>
14071<script src="//www.joeskc.com/cdn/shop/t/80/assets/cart-countdown-timer.js?v=143864077785370808651785247873" defer></script>
14071
14072      
14073      
14073<script src="//www.joeskc.com/cdn/shop/t/80/assets/theme.js?v=35276034566610601951785407864" defer></script>
14073
14074      
14074<script src="//www.joeskc.com/cdn/shop/t/80/assets/header.js?v=53661949296896879111785247873" defer></script>
14074
14075      
14075<script src="//www.joeskc.com/cdn/shop/t/80/assets/truncate-text.js?v=48087358240679057471785247873" defer></script>
14075
14076      
14076<script src="//www.joeskc.com/cdn/shop/t/80/assets/variant-select-card.js?v=131603089912524905791785247873" defer></script>
14076
14077      
14078        
14078<script src="//www.joeskc.com/cdn/shop/t/80/assets/product-cart.js?v=118920320792046611671785482772" defer></script>
14078
14079        
14079<script src="//www.joeskc.com/cdn/shop/t/80/assets/quantity-selector.js?v=56005620581758573381785247873" defer></script>
14079
14080      
14081      
14081<script src="//www.joeskc.com/cdn/shop/t/80/assets/video.js?v=57078603138906415871785482771" defer></script>
14081
14082      
14082<script src="//www.joeskc.com/cdn/shop/t/80/assets/vendors.js?v=21726020999429958561785247873" defer></script>
14082
14083      
14083<script>
14084        window.addEventListener("load", (event) => {
14085          deferScriptLoad('instant.page', '//www.joeskc.com/cdn/shop/t/80/assets/instant.page.v5.1.1.js?v=43232110432331176871785247873', () => {}, true);
14086        });
14087      </script>
14087
14088    </div>
14089  <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>
14090<div id="shopify-block-AS1NsNlV0dXFVeUZXd__9498845458295061716" class="shopify-block shopify-app-block">
14091
14092 <style type="text/css">
14093    .gs_banner-timer-wrapper {
14094      background-color: #f5f5f5;
14095      display: flex;
14096      flex-wrap: wrap;
14097      position: relative;
14098      align-items: center;
14099      justify-content: center;
14100      padding-top: 0px;
14101      padding-bottom: 0px;
14102      width: 100%;
14103      gap: 2%;
14104    }
14105    .gs_banner-timer-container {
14106      display: grid;
14107      grid-template-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
14108      column-gap: 3px;
14109      text-align: center;
14110      justify-content: center;
14111      row-gap: 0px;
14112      direction: ltr;
14113    }
14114    .gs_banner-timer-title {
14115      color: #333;
14116      font-size: 20px;
14117      font-style: normal;
14118      font-weight: bold;
14119      text-align: center;
14120      line-height: 1.2;
14121      letter-spacing: 0px;
14122    }
14123    .gs_banner-timer-numbers, .gs_banner-timer-divider {
14124      color: #333;
14125      font-size: 25px;
14126      font-weight: bold;
14127      line-height: 1;
14128    }
14129    .gs_banner-timer-label {
14130      color: #333;
14131      font-size: 10px;
14132      grid-column-start: span 2;
14133      grid-column-end: auto;
14134      padding-right: 10px;
14135    }
14136    .gs_banner-timer-label.gs_banner-timer-label-seconds {
14137      grid-column-start: auto;
14138      grid-column-end: auto;
14139    }
14140    .gs_banner-cta-button {
14141      display: inline-block;
14142      cursor: pointer;
14143      text-align: center;
14144      border: none;
14145      padding: 7px 16px;
14146      min-height: 36px;
14147      min-width: 36px;
14148      color: #333;
14149      background: #333;
14150      border-radius: 4px;
14151      font-weight: 500;
14152      font-size: 10px;
14153      flex-shrink: 0;
14154    }
14155    .gs_banner-cta-link {
14156      textDecoration: none;
14157      color: inherit;
14158    }
14159  </style>
14160
14161
14162<script type="text/javascript">
14163  window.gs_banner = window.gs_banner || {};
14164  window.gs_banner.timer = window.gs_banner.timer || {};
14165  window.gs_banner.timer.activeBanner = null || {};
14166</script>
14166
14167
14168
14169</div><div id="shopify-block-ANXhSaDM1QVJrdUdnS__7913310566140222867" class="shopify-block shopify-app-block">
14170
14171<script type="text/javascript">
14172  window.DISCOUNT_MANAGER = window.DISCOUNT_MANAGER || {};
14173  window.DISCOUNT_MANAGER.cartSavings = null || null;
14174  if (window.DISCOUNT_MANAGER.cartSavings) {
14175    window.DISCOUNT_MANAGER.cartSavings.compareAtPrices = {
14176      
14177    };
14178  }
14179</script>
14179
14180
14181
14182</div><div id="shopify-block-AdEg4TnpCWURjL090R__13375078075628245689" class="shopify-block shopify-app-block">
14183
14184
14185
14186
14187
14188
14189
14190
14191
14192
14193
14194
14195
14196
14197
14198
14199
14200
14201  
14202    
14203  
14204
14205
14206
14207</div><div id="shopify-block-AeWtjZE1LT2Irb3pva__7079518687644006178" class="shopify-block shopify-app-block">
14207<script>
14208  (function () {
14209    const cartAttributes = {};
14210
14211    // Helper function to retrieve the UTM from Url
14212    function getUTMFromUrl() {
14213      const url_string = window.location.href;
14214      const url = new URL(url_string);
14215
14216      const utm_id = url.searchParams.get("utm_id");
14217      const utm_source = url.searchParams.get("utm_source");
14218      const utm_medium = url.searchParams.get("utm_medium");
14219      const utm_campaign = url.searchParams.get("utm_campaign");
14220      const utm_term = url.searchParams.get("utm_term");
14221      const ref = url.searchParams.get("ref");
14222
14223      if (!utm_id && !utm_source && !utm_medium && !utm_campaign && !ref) {
14224        return null;
14225      }
14226
14227      let utmParameters = {};
14228      
14229        if (utm_id) {
14230          utmParameters.utm_id = utm_id;
14231        }
14232        if (utm_source) {
14233          utmParameters.utm_source = utm_source;
14234        }
14235        if (utm_medium) {
14236          utmParameters.utm_medium = utm_medium;
14237        }
14238        if (utm_campaign) {
14239          utmParameters.utm_campaign = utm_campaign;
14240        }
14241        if (utm_term) {
14242          utmParameters.utm_term = utm_term;
14243        }
14244        if (ref) {
14245          utmParameters.ref = ref;
14246        }
14247      
14248
14249      return Object.keys(utmParameters).length === 0
14250        ? null
14251        : utmParameters;
14252    }
14253
14254    // Helper function to retrieve the UTM from Cookie
14255    function getUTMAttributes() {
14256      const urlUtmParams = getUTMFromUrl();
14257
14258      if (urlUtmParams) {
14259          return urlUtmParams;
14260      }
14261
14262      // No longer reading from deprecated Shopify cookies
14263      return undefined;
14264    }
14265
14266    function saveUtmParameters() {
14267      const utmParams = getUTMAttributes();
14268      if (utmParams) {
14269        const cartHasUtmAttributes = Object.keys(cartAttributes).find(attributeKey => attributeKey.startsWith("utm_") || attributeKey === "ref");
14270        if (cartHasUtmAttributes) {
14271          // Don't call API if it already contains our UTM parameters
14272          return;
14273        }
14274
14275        // Handle both Shopify.routes.root and routes.root_url for better compatibility
14276        var rootUrl = (window.Shopify && window.Shopify.routes && window.Shopify.routes.root) 
14277          || (window.routes && window.routes.root_url) 
14278          || '/';
14279        
14280        var updateCart = fetch(rootUrl + 'cart/update.js',
14281        {
14282          headers: {
14283            'Content-Type': 'application/json',
14284          },
14285          method: "POST",
14286          body: JSON.stringify({
14287            attributes: {
14288              ...utmParams
14289            },
14290          })
14291        })
14292        .then(response => response.json())
14293        .then(data => {
14294          return data
14295        });
14296      }
14297    }
14298
14299    saveUtmParameters();
14300  })();
14301</script>
14301
14302
14303
14304
14305
14306</div><div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block">
14306<script>
14307  window['ShopifyForms'] = {
14308    ...window['ShopifyForms'],
14309    currentPageType: "index"
14310  };
14311</script>
14311
14312
14313
14314</div>
14314<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
14314
14315</body>
14316</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.