PageSourceSearch

https://drink818.com/

html drink818.com collected 2026-10-03 19:13:26 UTC 207,369 bytes, 3,318 lines download raw bytes

1<!doctype html>
2
3<html class="no-js" lang="en" dir="ltr">
4  <head>
5
6    
7
8    
9    <!-- CookiePro Cookies Consent Notice start for drink818.myshopify.com -->
10    
10<script src="https://cookie-cdn.cookiepro.com/scripttemplates/otSDKStub.js"  type="text/javascript" charset="UTF-8" data-domain-script="bd4cb546-44ea-4555-8c26-d724090faae5" ></script>
10
11    
11<script type="text/javascript">
12    function OptanonWrapper() { }
13    </script>
13
14    <!-- CookiePro Cookies Consent Notice end for drink818.myshopify.com -->
15
16    <!-- Google Tag Manager -->
17    
17<script>
vendor: 343 bytes, lines 17-21
17(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
18    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
19    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
20    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
21    })(window,document,'script','dataLayer','
21GTM-MFPMJWH
vendor: 3 bytes, line 21
21');
21</script>
21
22    <!-- End Google Tag Manager -->
23    <meta charset="utf-8">
24    <meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, maximum-scale=1.0">
25    <meta name="theme-color" content="#faf7ef">
26
27    <title>
28      
29        Our Award-Winning 818 Tequila
30        
31      
32    </title><meta name="description" content="Made from 100% Blue Weber Agaves in Jalisco, Mexico, we are proud to introduce Kendall Jenner&#39;s award-winning 818 Tequila. Hand-picked by jimadores, slow cooked in traditional brick ovens, and brought to you and your family straight from ours. We hope you enjoy it as much as we do."><link rel="canonical" href="https://drink818.com/"><link rel="shortcut icon" href="//drink818.com/cdn/shop/files/818Favicon_42ea9f6c-6750-4222-a6ad-e7f231e761a1.png?v=1675194640&width=96">
33      <link rel="apple-touch-icon" href="//drink818.com/cdn/shop/files/818Favicon_42ea9f6c-6750-4222-a6ad-e7f231e761a1.png?v=1675194640&width=180"><link rel="preconnect" href="https://cdn.shopify.com">
34    <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
35    <link rel="dns-prefetch" href="https://productreviews.shopifycdn.com"><link rel="modulepreload" href="//drink818.com/cdn/shop/t/106/assets/vendor.min.js?v=56430842210900357591780083509" as="script">
36    <link rel="modulepreload" href="//drink818.com/cdn/shop/t/106/assets/theme.js?v=161755287525512785811780083734" as="script">
37    <link rel="modulepreload" href="//drink818.com/cdn/shop/t/106/assets/sections.js?v=112280758486884277731780084453" as="script"><link rel="preload" href="//drink818.com/cdn/fonts/anton/anton_n4.2ba6159dc1abf4f060e423ec24adc22041130b7f.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="//drink818.com/cdn/shop/files/818GravityVariable_36c48d6c-acab-4386-b5c3-777e434a1e4b.ttf?v=12227172595122068902" as="font" type="font/ttf" crossorigin><link rel="preload" href="//drink818.com/cdn/shop/files/acumin-pro-extra-condensed_ac9f66e2-ade3-4475-9186-72e5947ac545.woff2?v=9322179125640663680" as="font" type="font/woff2" crossorigin><link rel="preload" href="//drink818.com/cdn/shop/files/818GravityVariable_7970f315-0c6d-41fc-ab03-21300ba2f3de.woff?v=10426766628061353862" as="font" type="font/woff" crossorigin><link rel="preload" href="//drink818.com/cdn/shop/files/818GravityVariable_9c471721-29b3-426a-b2b6-5dade27fac92.woff2?v=16911720786771029751" as="font" type="font/woff2" crossorigin><link rel="preload" href="//drink818.com/cdn/shop/files/SackersGothicStd-Light_879b62ba-d56a-4cde-86c6-d90fae8913a8.woff2?v=5730106425571711200" as="font" type="font/woff2" crossorigin><link rel="preload" href="//drink818.com/cdn/shop/files/SackersGothicStd-Heavy_008f85e7-ad06-43c1-88ae-855c38cda3b1.woff2?v=781168140708403069" as="font" type="font/woff2" crossorigin><link rel="preload" href="//drink818.com/cdn/shop/files/SackersGothicStd-Medium_e33a86e2-2635-4dcb-bbae-901167372ffc.woff2?v=15098028078700133016" as="font" type="font/woff2" crossorigin><link rel="preload" href="//drink818.com/cdn/shop/files/ACaslonPro-Regular_2e9c3d4b-451a-483f-8842-67adda089faf.woff2?v=17193296042401329099" as="font" type="font/woff2" crossorigin><link rel="preload" href="//drink818.com/cdn/shop/files/ABCFavoritMono-Medium.woff2?v=15821908579066971580" as="font" type="font/woff2" crossorigin><style>@font-face {
38      font-family: 'GravityVariable';
39      src: url('//drink818.com/cdn/shop/files/818GravityVariable_36c48d6c-acab-4386-b5c3-777e434a1e4b.ttf?v=12227172595122068902') format('ttf');
40      font-style:normal;
41      font-weight:900;
42      font-display: swap;}@font-face {
43      font-family: 'Acumin Extra Condensed';
44      src: url('//drink818.com/cdn/shop/files/acumin-pro-extra-condensed_ac9f66e2-ade3-4475-9186-72e5947ac545.woff2?v=9322179125640663680') format('woff2');
45      font-style:normal;
46      font-weight:400;
47      font-display: swap;}@font-face {
48      font-family: 'GravityVariable';
49      src: url('//drink818.com/cdn/shop/files/818GravityVariable_7970f315-0c6d-41fc-ab03-21300ba2f3de.woff?v=10426766628061353862') format('woff');
50      font-style:normal;
51      font-weight:900;
52      font-display: swap;}@font-face {
53      font-family: 'GravityVariable';
54      src: url('//drink818.com/cdn/shop/files/818GravityVariable_9c471721-29b3-426a-b2b6-5dade27fac92.woff2?v=16911720786771029751') format('woff2');
55      font-style:normal;
56      font-weight:900;
57      font-display: swap;}@font-face {
58      font-family: 'Sackers Gothic Std';
59      src: url('//drink818.com/cdn/shop/files/SackersGothicStd-Light_879b62ba-d56a-4cde-86c6-d90fae8913a8.woff2?v=5730106425571711200') format('woff2');
60      font-style:normal;
61      font-weight:300;
62      font-display: swap;}@font-face {
63      font-family: 'Sackers Gothic Std';
64      src: url('//drink818.com/cdn/shop/files/SackersGothicStd-Heavy_008f85e7-ad06-43c1-88ae-855c38cda3b1.woff2?v=781168140708403069') format('woff2');
65      font-style:normal;
66      font-weight:900;
67      font-display: swap;}@font-face {
68      font-family: 'Sackers Gothic Std';
69      src: url('//drink818.com/cdn/shop/files/SackersGothicStd-Medium_e33a86e2-2635-4dcb-bbae-901167372ffc.woff2?v=15098028078700133016') format('woff2');
70      font-style:normal;
71      font-weight:500;
72      font-display: swap;}@font-face {
73      font-family: 'CaslonPro';
74      src: url('//drink818.com/cdn/shop/files/ACaslonPro-Regular_2e9c3d4b-451a-483f-8842-67adda089faf.woff2?v=17193296042401329099') format('woff2');
75      font-style:normal;
76      font-weight:400;
77      font-display: swap;}@font-face {
78      font-family: 'ABCFavoritMono';
79      src: url('//drink818.com/cdn/shop/files/ABCFavoritMono-Medium.woff2?v=15821908579066971580') format('woff2');
80      font-style:normal;
81      font-weight:500;
82      font-display: swap;}@font-face {
83      font-family: 'GravityVariable';
84      src: url('//drink818.com/cdn/shop/files/818GravityVariable_36c48d6c-acab-4386-b5c3-777e434a1e4b.ttf?v=12227172595122068902') format('ttf');
85      font-style:normal;
86      font-weight:900;
87      font-display: swap;}@font-face {
88      font-family: 'ABCFavoritMono';
89      src: url('//drink818.com/cdn/shop/files/ABCFavoritMono-Medium.woff2?v=15821908579066971580') format('woff2');
90      font-style:normal;
91      font-weight:500;
92      font-display: swap;}@font-face {
93      font-family: 'CaslonPro';
94      src: url('//drink818.com/cdn/shop/files/ACaslonPro-Regular_2e9c3d4b-451a-483f-8842-67adda089faf.woff2?v=17193296042401329099') format('woff2');
95      font-style:normal;
96      font-weight:400;
97      font-display: swap;}@font-face {
98      font-family: 'Sackers Gothic Std';
99      src: url('//drink818.com/cdn/shop/files/SackersGothicStd-Medium_e33a86e2-2635-4dcb-bbae-901167372ffc.woff2?v=15098028078700133016') format('woff2');
100      font-style:normal;
101      font-weight:500;
102      font-display: swap;}@font-face {
103      font-family: 'Sackers Gothic Std';
104      src: url('//drink818.com/cdn/shop/files/SackersGothicStd-Heavy_008f85e7-ad06-43c1-88ae-855c38cda3b1.woff2?v=781168140708403069') format('woff2');
105      font-style:normal;
106      font-weight:900;
107      font-display: swap;}@font-face {
108      font-family: 'Sackers Gothic Std';
109      src: url('//drink818.com/cdn/shop/files/SackersGothicStd-Light_879b62ba-d56a-4cde-86c6-d90fae8913a8.woff2?v=5730106425571711200') format('woff2');
110      font-style:normal;
111      font-weight:300;
112      font-display: swap;}@font-face {
113      font-family: 'GravityVariable';
114      src: url('//drink818.com/cdn/shop/files/818GravityVariable_9c471721-29b3-426a-b2b6-5dade27fac92.woff2?v=16911720786771029751') format('woff2');
115      font-style:normal;
116      font-weight:900;
117      font-display: swap;}@font-face {
118      font-family: 'GravityVariable';
119      src: url('//drink818.com/cdn/shop/files/818GravityVariable_7970f315-0c6d-41fc-ab03-21300ba2f3de.woff?v=10426766628061353862') format('woff');
120      font-style:normal;
121      font-weight:900;
122      font-display: swap;}@font-face {
123      font-family: 'Acumin Extra Condensed';
124      src: url('//drink818.com/cdn/shop/files/acumin-pro-extra-condensed_ac9f66e2-ade3-4475-9186-72e5947ac545.woff2?v=9322179125640663680') format('woff2');
125      font-style:normal;
126      font-weight:400;
127      font-display: swap;}</style>
128<meta property="og:type" content="website">
129  <meta property="og:title" content="Our Award-Winning 818 Tequila"><meta property="og:image" content="http://drink818.com/cdn/shop/files/818-og-image.png?v=1677857994&width=2048">
130  <meta property="og:image:secure_url" content="https://drink818.com/cdn/shop/files/818-og-image.png?v=1677857994&width=2048">
131  <meta property="og:image:width" content="1200">
132  <meta property="og:image:height" content="632"><meta property="og:description" content="Made from 100% Blue Weber Agaves in Jalisco, Mexico, we are proud to introduce Kendall Jenner&#39;s award-winning 818 Tequila. Hand-picked by jimadores, slow cooked in traditional brick ovens, and brought to you and your family straight from ours. We hope you enjoy it as much as we do."><meta property="og:url" content="https://drink818.com/">
133<meta property="og:site_name" content="drink818"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Our Award-Winning 818 Tequila">
134  <meta name="twitter:description" content="Made from 100% Blue Weber Agaves in Jalisco, Mexico, we are proud to introduce Kendall Jenner&#39;s award-winning 818 Tequila. Hand-picked by jimadores, slow cooked in traditional brick ovens, and brought to you and your family straight from ours. We hope you enjoy it as much as we do."><meta name="twitter:image" content="https://drink818.com/cdn/shop/files/818-og-image.png?crop=center&height=1200&v=1677857994&width=1200">
135  <meta name="twitter:image:alt" content="">
136
137
138  
138<script type="application/ld+json">
139  {
140    "@context": "https://schema.org",
141    "@type": "BreadcrumbList",
142  "itemListElement": [{
143      "@type": "ListItem",
144      "position": 1,
145      "name": "Home",
146      "item": "https://drink818.com"
147    }]
148  }
149  </script>
149
150
151<script type="application/ld+json">
152  [
153    {
154      "@context": "https://schema.org",
155      "@type": "WebSite",
156      "name": "drink818",
157      "url": "https:\/\/drink818.com",
158      "potentialAction": {
159        "@type": "SearchAction",
160        "target": "https:\/\/drink818.com\/search?q={search_term_string}",
161        "query-input": "required name=search_term_string"
162      }
163    },
164    {
165      "@context": "https://schema.org",
166      "@type": "Organization",
167      "name": "drink818","logo": "https:\/\/drink818.com\/cdn\/shop\/files\/818_b1553dc0-948f-45eb-97a3-39982e03d3c7.png?v=1664294354\u0026width=717","url": "https:\/\/drink818.com"
168    }
169  ]
170  </script>
170<script type="text/javascript">
171  (function(c,l,a,r,i,t,y){
172    c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
173    t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
174    y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
175  })(window, document, "clarity", "script", "ntv2yoryba");
176</script>
176<style>/* Typography (heading) */
177  @font-face {
178  font-family: Anton;
179  font-weight: 400;
180  font-style: normal;
181  font-display: fallback;
182  src: url("//drink818.com/cdn/fonts/anton/anton_n4.2ba6159dc1abf4f060e423ec24adc22041130b7f.woff2") format("woff2"),
183       url("//drink818.com/cdn/fonts/anton/anton_n4.4dfcf4cc9b33342f25e44f2b47f32840ec097e13.woff") format("woff");
184}
185�/* Typography (body) */
186  �:root {
187    /**
188     * ---------------------------------------------------------------------
189     * SPACING VARIABLES
190     *
191     * We are using a spacing inspired from frameworks like Tailwind CSS.
192     * ---------------------------------------------------------------------
193     */
194    --spacing-0-5: 0.125rem; /* 2px */
195    --spacing-1: 0.25rem; /* 4px */
196    --spacing-1-5: 0.375rem; /* 6px */
197    --spacing-2: 0.5rem; /* 8px */
198    --spacing-2-5: 0.625rem; /* 10px */
199    --spacing-3: 0.75rem; /* 12px */
200    --spacing-3-5: 0.875rem; /* 14px */
201    --spacing-4: 1rem; /* 16px */
202    --spacing-4-5: 1.125rem; /* 18px */
203    --spacing-5: 1.25rem; /* 20px */
204    --spacing-5-5: 1.375rem; /* 22px */
205    --spacing-6: 1.5rem; /* 24px */
206    --spacing-6-5: 1.625rem; /* 26px */
207    --spacing-7: 1.75rem; /* 28px */
208    --spacing-7-5: 1.875rem; /* 30px */
209    --spacing-8: 2rem; /* 32px */
210    --spacing-8-5: 2.125rem; /* 34px */
211    --spacing-9: 2.25rem; /* 36px */
212    --spacing-9-5: 2.375rem; /* 38px */
213    --spacing-10: 2.5rem; /* 40px */
214    --spacing-11: 2.75rem; /* 44px */
215    --spacing-12: 3rem; /* 48px */
216    --spacing-14: 3.5rem; /* 56px */
217    --spacing-16: 4rem; /* 64px */
218    --spacing-18: 4.5rem; /* 72px */
219    --spacing-20: 5rem; /* 80px */
220    --spacing-24: 6rem; /* 96px */
221    --spacing-28: 7rem; /* 112px */
222    --spacing-32: 8rem; /* 128px */
223    --spacing-36: 9rem; /* 144px */
224    --spacing-40: 10rem; /* 160px */
225    --spacing-44: 11rem; /* 176px */
226    --spacing-48: 12rem; /* 192px */
227    --spacing-52: 13rem; /* 208px */
228    --spacing-56: 14rem; /* 224px */
229    --spacing-60: 15rem; /* 240px */
230    --spacing-64: 16rem; /* 256px */
231    --spacing-72: 18rem; /* 288px */
232    --spacing-80: 20rem; /* 320px */
233    --spacing-96: 24rem; /* 384px */
234
235    /* Container */
236    --container-max-width: 1540px;
237    --container-narrow-max-width: 1290px;
238    --container-gutter: var(--spacing-5);
239    --section-outer-spacing-block: var(--spacing-12);
240    --section-inner-max-spacing-block: var(--spacing-10);
241    --section-inner-spacing-inline: var(--container-gutter);
242    --section-stack-spacing-block: var(--spacing-8);
243
244    /* Grid gutter */
245    --grid-gutter: var(--spacing-5);
246
247    /* Product list settings */
248    --product-list-row-gap: var(--spacing-8);
249    --product-list-column-gap: var(--grid-gutter);
250
251    /* Form settings */
252    --input-gap: var(--spacing-2);
253    --input-height: 2.625rem;
254    --input-padding-inline: var(--spacing-4);
255
256    /* Other sizes */
257    --sticky-area-height: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--sticky-header-enabled, 0) * var(--header-height, 0px));
258
259    /* RTL support */
260    --transform-logical-flip: 1;
261    --transform-origin-start: left;
262    --transform-origin-end: right;
263
264    /**
265     * ---------------------------------------------------------------------
266     * TYPOGRAPHY
267     * ---------------------------------------------------------------------
268     */
269
270    /* Font properties */
271    --heading-font-family: Anton, sans-serif;
272    --heading-font-weight: 400;
273    --heading-font-style: normal;
274    --heading-text-transform: uppercase;
275    --heading-letter-spacing: -0.01em;
276    --text-font-family: "New York", Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
277    --text-font-weight: 400;
278    --text-font-style: normal;
279    --text-letter-spacing: 0.01em;
280
281    /* Font sizes */
282    --text-h0: 3rem;
283    --text-h1: 2.625rem;
284    --text-h2: 2.625rem;
285    --text-h3: 1.5rem;
286    --text-h4: 1.375rem;
287    --text-h5: 1.125rem;
288    --text-h6: 1rem;
289    --text-xs: 0.6875rem;
290    --text-sm: 0.75rem;
291    --text-base: 0.875rem;
292    --text-lg: 1.125rem;
293
294    /* 818 Fonts */
295    --adobeCalsonPro: "Adobe Caslon Pro";
296    --gravityVariable: "GravityVariable";
297    --abcFavoritMono: "ABCFavoritMono";
298    --FontAdobeCalsonPro: "Adobe Caslon Pro";
299    --FontGravityVariable: "GravityVariable";
300    --FontAbcFavoritMono: "ABCFavoritMono";
301    --blanco: rgba(193, 183, 110, 1);
302    --coal: rgba(66, 69, 71, 1);
303    --nectar: rgba(255, 201, 153, 1);
304    --reposado: rgba(170, 149, 128, 1);
305    --pina: rgba(83, 100, 81, 1);
306
307    /**
308     * ---------------------------------------------------------------------
309     * COLORS
310     * ---------------------------------------------------------------------
311     */
312
313    /* Color settings */
314
315    /* 818 Colors */
316    --black: rgba(14, 17, 17, 1);
317    --anejo: rgba(243, 233, 213, 1);
318    --agave: rgba(223, 245, 173, 1);
319    --blanco: rgba(193, 183, 110, 1);
320    --coal: rgba(66, 69, 71, 1);
321    --nectar: rgba(255, 201, 153, 1);
322    --reposado: rgba(170, 149, 128, 1);
323    --pina: rgba(83, 100, 81, 1);
324    --eightReserveGrey: #F2F2F2;
325    --eightgrey: #F2F2F2;
326    --eightgrey11: #5A5A5A;--accent: 83 100 81;
327    --text-primary: 14 17 17;
328    --background-primary: 243 233 213;
329    --dialog-background: 243 233 213;
330    --border-color: var(--text-color, var(--text-primary)) / 0.12;
331
332    /* Button colors */
333    --button-background-primary: 83 100 81;
334    --button-text-primary: 255 255 255;
335    --button-background-secondary: 243 233 213;
336    --button-text-secondary: 14 17 17;
337
338    /* Status colors */
339    --success-background: 238 241 235;
340    --success-text: 112 138 92;
341    --warning-background: 252 240 227;
342    --warning-text: 227 126 22;
343    --error-background: 245 229 229;
344    --error-text: 170 40 38;
345
346    /* Product colors */
347    --on-sale-text: 227 79 79;
348    --on-sale-badge-background: 227 79 79;
349    --on-sale-badge-text: 255 255 255;
350    --sold-out-badge-background: 190 189 185;
351    --sold-out-badge-text: 0 0 0;
352    --primary-badge-background: 60 97 158;
353    --primary-badge-text: 255 255 255;
354    --star-color: 255 183 74;
355    --product-card-background: 250 247 239;
356    --product-card-text: 33 33 33;
357
358    /* Header colors */
359    --header-background: 250 247 239;
360    --header-text: 14 17 17;
361
362    /* Footer colors */
363    --footer-background: 66 69 71;
364    --footer-text: 243 233 213;
365
366    /* Rounded variables (used for border radius) */
367    --rounded-xs: 0.0rem;
368    --rounded-sm: 0.0rem;
369    --rounded: 0.0rem;
370    --rounded-lg: 0.0rem;
371    --rounded-full: 9999px;
372
373    --rounded-button: 0.25rem;
374    --rounded-input: 0.25rem;
375
376    /* Box shadow */
377    --shadow-sm: 0 2px 8px rgb(var(--text-primary) / 0.0);
378    --shadow: 0 5px 15px rgb(var(--text-primary) / 0.0);
379    --shadow-md: 0 5px 30px rgb(var(--text-primary) / 0.0);
380    --shadow-block: 0px 0px 50px rgb(var(--text-primary) / 0.0);
381
382    /**
383     * ---------------------------------------------------------------------
384     * OTHER
385     * ---------------------------------------------------------------------
386     */
387
388    --cursor-close-svg-url: url(//drink818.com/cdn/shop/t/106/assets/cursor-close.svg?v=147174565022153725511780083509);
389    --cursor-zoom-in-svg-url: url(//drink818.com/cdn/shop/t/106/assets/cursor-zoom-in.svg?v=87249728204714520231780083509);
390    --cursor-zoom-out-svg-url: url(//drink818.com/cdn/shop/t/106/assets/cursor-zoom-out.svg?v=135531272750494358541780083509);
391    --checkmark-svg-url: url(//drink818.com/cdn/shop/t/106/assets/checkmark.svg?v=77552481021870063511780083509);
392  }
393
394  [dir="rtl"]:root {
395    /* RTL support */
396    --transform-logical-flip: -1;
397    --transform-origin-start: right;
398    --transform-origin-end: left;
399  }
400
401  @media screen and (min-width: 700px) {
402    :root {
403      /* Typography (font size) */
404      --text-h0: 4rem;
405      --text-h1: 4.5rem;
406      --text-h2: 3.75rem;
407      --text-h3: 2rem;
408      --text-h4: 1.625rem;
409      --text-h5: 1.25rem;
410      --text-h6: 1.125rem;
411
412      --text-xs: 1.0rem;
413      --text-sm: 1.125rem;
414      --text-base: 1.25rem;
415      --text-lg: 1.5rem;
416
417      /* Spacing */
418      --container-gutter: 2rem;
419      --section-outer-spacing-block: var(--spacing-16);
420      --section-inner-max-spacing-block: var(--spacing-12);
421      --section-inner-spacing-inline: var(--spacing-14);
422      --section-stack-spacing-block: var(--spacing-12);
423
424      /* Grid gutter */
425      --grid-gutter: var(--spacing-6);
426
427      /* Product list settings */
428      --product-list-row-gap: var(--spacing-12);
429
430      /* Form settings */
431      --input-gap: 1rem;
432      --input-height: 3.125rem;
433      --input-padding-inline: var(--spacing-1);
434    }
435  }
436
437  @media screen and (min-width: 1000px) {
438    :root {
439      /* Spacing settings */
440      --container-gutter: var(--spacing-5);
441      --section-outer-spacing-block: var(--spacing-18);
442      --section-inner-max-spacing-block: var(--spacing-16);
443      --section-inner-spacing-inline: var(--spacing-18);
444      --section-stack-spacing-block: var(--spacing-12);
445    }
446  }
447
448  @media screen and (min-width: 1150px) {
449    :root {
450      /* Spacing settings */
451      --container-gutter: var(--spacing-5);
452      --section-outer-spacing-block: var(--spacing-20);
453      --section-inner-max-spacing-block: var(--spacing-16);
454      --section-inner-spacing-inline: var(--spacing-18);
455      --section-stack-spacing-block: var(--spacing-12);
456    }
457  }
458
459  @media screen and (min-width: 1400px) {
460    :root {
461      /* Typography (font size) */
462      --text-h0: 5rem;
463      --text-h1: 4.5rem;
464      --text-h2: 3.75rem;
465      --text-h3: 2.25rem;
466      --text-h4: 2rem;
467      --text-h5: 1.5rem;
468      --text-h6: 1.25rem;
469
470      --section-outer-spacing-block: var(--spacing-24);
471      --section-inner-max-spacing-block: var(--spacing-18);
472      --section-inner-spacing-inline: var(--spacing-20);
473    }
474  }
475
476  @media screen and (min-width: 1600px) {
477    :root {
478      --section-outer-spacing-block: var(--spacing-24);
479      --section-inner-max-spacing-block: var(--spacing-20);
480      --section-inner-spacing-inline: var(--spacing-24);
481    }
482  }
483
484  /**
485   * ---------------------------------------------------------------------
486   * LIQUID DEPENDANT CSS
487   *
488   * Our main CSS is Liquid free, but some very specific features depend on
489   * theme settings, so we have them here
490   * ---------------------------------------------------------------------
491   */</style>
491<script>
492  document.documentElement.classList.replace('no-js', 'js');
493
494  // This allows to expose several variables to the global scope, to be used in scripts
495  window.themeVariables = {
496    settings: {
497      showPageTransition: false,
498      headingApparition: "split_rotation",
499      pageType: "index",
500      moneyFormat: "${{amount}}",
501      moneyWithCurrencyFormat: "${{amount}} USD",
502      currencyCodeEnabled: true,
503      cartType: "drawer",
504      showDiscount: true,
505      discountMode: "saving"
506    },
507
508    strings: {
509      accessibilityClose: "Close",
510      accessibilityNext: "Next",
511      accessibilityPrevious: "Previous",
512      addToCartButton: "Add to cart",
513      soldOutButton: "Sold out",
514      preOrderButton: "Pre-order",
515      unavailableButton: "Unavailable",
516      closeGallery: "Close gallery",
517      zoomGallery: "Zoom",
518      errorGallery: "Image cannot be loaded",
519      soldOutBadge: "Sold out",
520      discountBadge: "Save @@",
521      sku: "SKU:",
522      searchNoResults: "No results could be found.",
523      addOrderNote: "Add order note",
524      editOrderNote: "Edit order note",
525      shippingEstimatorNoResults: "Sorry, we do not ship to your address.",
526      shippingEstimatorOneResult: "There is one shipping rate for your address:",
527      shippingEstimatorMultipleResults: "There are several shipping rates for your address:",
528      shippingEstimatorError: "One or more error occurred while retrieving shipping rates:"
529    },
530
531    breakpoints: {
532      'sm': 'screen and (min-width: 700px)',
533      'md': 'screen and (min-width: 1000px)',
534      'lg': 'screen and (min-width: 1150px)',
535      'xl': 'screen and (min-width: 1400px)',
536
537      'sm-max': 'screen and (max-width: 699px)',
538      'md-max': 'screen and (max-width: 999px)',
539      'lg-max': 'screen and (max-width: 1149px)',
540      'xl-max': 'screen and (max-width: 1399px)'
541    }
542  };// For detecting native share
543  document.documentElement.classList.add(`native-share--${navigator.share ? 'enabled' : 'disabled'}`);</script>
543<script type="module" src="//drink818.com/cdn/shop/t/106/assets/vendor.min.js?v=56430842210900357591780083509"></script>
vendor: 1 bytes, line 543
543
544<script type="module" src="//drink818.com/cdn/shop/t/106/assets/theme.js?v=161755287525512785811780083734"></script>
vendor: 1 bytes, line 544
544
545<script type="module" src="//drink818.com/cdn/shop/t/106/assets/sections.js?v=112280758486884277731780084453"></script>
545
546
547
548<link href="//drink818.com/cdn/shop/t/106/assets/variables.css?v=70950902994838394091780083509" rel="stylesheet" type="text/css" media="all" /><link href="//drink818.com/cdn/shop/t/106/assets/typography.css?v=144951263490911411361780083509" rel="stylesheet" type="text/css" media="all" />
549<link href="//drink818.com/cdn/shop/t/106/assets/theme.css?v=140185883097333448711780083509" rel="stylesheet" type="text/css" media="all" /><link href="//drink818.com/cdn/shop/t/106/assets/custom-818.css?v=30519899454542166231780083509" rel="stylesheet" type="text/css" media="all" /><link href="//drink818.com/cdn/shop/t/106/assets/custom.css.liquid?v=111603181540343972631780083509" rel="stylesheet" type="text/css" media="all" /><link href="//drink818.com/cdn/shop/t/106/assets/button.css?v=13498291707085919501780083509" rel="stylesheet" type="text/css" media="all" />
549<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
549<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/60348956804/digital_wallets/dialog">
550<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
550<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=2785412"></script>
550
551<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
552<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=2785412&shop_id=60348956804" crossorigin="anonymous"></script>
vendor: 1 bytes, line 552
552
553<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":60348956804,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/60348956804","merchantName":"drink818","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"drink818","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 553
553
554<script id="shopify-features" type="application/json">{"accessToken":"bc67d7ddced74e81a8baafd4e61a3950","betas":["rich-media-storefront-analytics"],"domain":"drink818.com","predictiveSearch":true,"shopId":60348956804,"locale":"en"}</script>
vendor: 1 bytes, line 554
554
555<script>var Shopify = Shopify || {};
556Shopify.shop = "drink818.myshopify.com";
557Shopify.locale = "en";
558Shopify.currency = {"active":"USD","rate":"1.0"};
559Shopify.country = "US";
560Shopify.theme = {"name":"drink818\/Saz BM Live","id":192462815364,"schema_name":"Impact","schema_version":"1.2.5","theme_store_id":null,"role":"main"};
561Shopify.theme.handle = "null";
562Shopify.theme.style = {"id":null,"handle":null};
563Shopify.cdnHost = "drink818.com/cdn";
564Shopify.routes = Shopify.routes || {};
565Shopify.routes.root = "/";
566Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
567Shopify.SignInWithShop = Shopify.SignInWithShop || {};
568Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
569Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 569
569
570<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 570
570
571<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 571
571
572<script>
573  window.ShopifyPay = window.ShopifyPay || {};
574  window.ShopifyPay.apiHost = "shop.app\/pay";
575  window.ShopifyPay.redirectState = null;
576</script>
vendor: 1 bytes, line 576
576
577<script>
578  window.Shopify = window.Shopify || {};
579  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
580  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
581  window.Shopify.SignInWithShop.eligible = true;
582</script>
vendor: 1 bytes, line 582
582
583<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 583
583
584<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 584
584
585<script type="module">
586  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
587
588  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
589
590</script>
vendor: 1 bytes, line 590
590
591<script>
592  window.Shopify = window.Shopify || {};
593  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
594  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"]};
595</script>
vendor: 1 bytes, line 595
595
596<script>(function() {
597  var isLoaded = false;
598  function asyncLoad() {
599    if (isLoaded) return;
600    isLoaded = true;
601    var urls = ["https:\/\/chimpstatic.com\/mcjs-connected\/js\/users\/8ad272d8e0d5b1f7745384e65\/67ea914f45c525b312ebfb345.js?shop=drink818.myshopify.com","https:\/\/cdn.attn.tv\/drink818\/dtag.js?shop=drink818.myshopify.com"];
602    for (var i = 0; i < urls.length; i++) {
603      var s = document.createElement('script');
604      s.type = 'text/javascript';
605      s.async = true;
606      s.src = urls[i];
607      var x = document.getElementsByTagName('script')[0];
608      x.parentNode.insertBefore(s, x);
609    }
610  };
611  if(window.attachEvent) {
612    window.attachEvent('onload', asyncLoad);
613  } else {
614    window.addEventListener('load', asyncLoad, false);
615  }
616})();</script>
vendor: 1 bytes, line 616
616
617<script id="__st">var __st={"a":60348956804,"offset":-14400,"reqid":"23e855d2-ac23-4d4a-a668-d5fa1af28acb-1791047588","pageurl":"drink818.com\/","u":"67b1e880d792","p":"home"};</script>
vendor: 1 bytes, line 617
617
618<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 618
618
619<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 619
619
620<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//drink818.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 620
620
621<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 = "//drink818.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>
621<script crossorigin="anonymous" defer="defer" src="//drink818.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 621
621
622<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 622
622
623<script>
624  window.Shopify = window.Shopify || {};
625  window.Shopify.MCP = window.Shopify.MCP || {};
626  window.Shopify.MCP.enabled = true;
627  window.Shopify.MCP.shop = "drink818.myshopify.com";
628  window.Shopify.MCP.mcpEndpoint = "https:\/\/drink818.com\/api\/mcp";
629  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"]}}];
630</script>
vendor: 1 bytes, line 630
630
631<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("\/\/drink818.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
632</script>
vendor: 1 bytes, line 632
632
633<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://drink818.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
634</script>
vendor: 1 bytes, line 634
634
635<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
636  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);
637</script>
vendor: 1 bytes, line 637
637
638<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})}}));
639</script>
639
640<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://drink818.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
641<style id="shopify-accelerated-checkout-cart">
642        #shopify-buyer-consent {
643  margin-top: 1em;
644  display: inline-block;
645  width: 100%;
646}
647
648#shopify-buyer-consent.hidden {
649  display: none;
650}
651
652#shopify-subscription-policy-button {
653  background: none;
654  border: none;
655  padding: 0;
656  text-decoration: underline;
657  font-size: inherit;
658  cursor: pointer;
659}
660
661#shopify-subscription-policy-button::before {
662  box-shadow: none;
663}
664
665      </style>
666
667<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
667
668
669    
670    
671    
672    
673
674    <!-- ReserveBar -->
675    <link rel="stylesheet" href="https://cdn.liquidcheckout.com/liquid-sdk-6ab735ec35ea611d411358846708bb3a.css"/>
676    
676<script type="text/javascript" src="https://cdn.liquidcheckout.com/liquid-sdk-6ab735ec35ea611d411358846708bb3a.js"></script>
676
677
678    
678<script type="text/javascript" src="https://player.vimeo.com/api/player.js"></script>
678
679    
679<script type="text/javascript" src="https://www.youtube.com/iframe_api"></script>
679<script>
680        /* Start of MikMak tag */
681        (function(e,d){try{var a=window.swnDataLayer=window.swnDataLayer||{};a.appId=e||a.appId,a.eventBuffer=a.eventBuffer||[],a.loadBuffer=a.loadBuffer||[],a.push=a.push||function(e){a.eventBuffer.push(e)},a.load=a.load||function(e){a.loadBuffer.push(e)},a.dnt=a.dnt!=null?a.dnt:d;var t=document.getElementsByTagName("script")[0],n=document.createElement("script");n.async=!0,n.src="//wtb-tag.mikmak.ai/scripts/"+a.appId+"/tag.min.js",t.parentNode.insertBefore(n,t)}catch(e){console.log(e)}}("66e204d3ca9bf43d75709bab", false));
682        /* End of MikMak tag */
683      </script>
683
684
685      
685<script>
686        if (!window.swnDataLayer) window.swnDataLayer = {};
687        window.swnDataLayer.locale = 'en';
688      </script>
688<!-- BEGIN app block: shopify://apps/instafeed/blocks/head-block/c447db20-095d-4a10-9725-b5977662c9d5 --><!-- BEGIN app snippet: storefront-script -->
689
690
691  
692    
692<script src="https://cdn.nfcube.com/instafeed-3dcdcc491bc6c4a63cf045cb85062675.js" defer></script>
692
693  
694
695<!-- END app snippet -->
696
697
698
699
700<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/brandAgents_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
701
702
703
704
705
706<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
707<script type="text/javascript">
708  (function (c, l, a, r, i, t, y) {
709    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
710    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
711    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
712
713    c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
714      if (error) {
715        console.error("Error loading Shopify features:", error);
716        return;
717      }
718
719      c[a]('consentv2', {
720        ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
721        analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
722        source: 101,
723      });
724    });
725
726    l.addEventListener("visitorConsentCollected", function (e) {
727      c[a]('consentv2', {
728        ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
729        analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
730        source: 101,
731      });
732    });
733  })(window, document, "clarity", "script", "u945lbr52u");
734</script>
734
735
736
737
738<!-- END app block --><!-- BEGIN app block: shopify://apps/attentive/blocks/attn-tag/8df62c72-8fe4-407e-a5b3-72132be30a0d -->
738<script type="text/javascript" src="https://cdn.attn.tv/drink818/dtag.js?source=app-embed" defer="defer"></script>
738
739
740
741<!-- END app block --><!-- BEGIN app block: shopify://apps/userway-website-accessibility/blocks/uw-widget-extension/bc2d8a34-1a37-451b-ab1a-271bc4e9daa7 -->
742
743
744
745
746<script type="text/javascript" async="" src="https://cdn.userway.org/widget.js?account=qeTDAhvUkN&amp;platfAppInstalledSiteId=3527532&amp;shop=drink818.com"></script>
746
747
748<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
749<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: 60348956804,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 749
749
750<script>
751  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
752</script>
vendor: 1 bytes, line 752
752
753<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}
753).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: 60348956804,storefrontBaseUrl: "https://drink818.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://drink818.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2962423940","configuration":"{\"mailchimp_store_id\":\"store_t84pio5c9gc32vfnszl8\", \"mailchimp_user_id\":\"153226670\",\"mailchimp_list_id\":\"6eccc5d06d\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"e357a49eadeb6216a959d63fa3fb8f55","type":"APP","apiClientId":2585307,"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":"2720891012","configuration":"{\"projectId\":\"u945lbr52u\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
753,"dataSharingState":"unrestricted"},{"id":"235765892","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-P39TFC86TV\\\"],\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-P39TFC86TV\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-P39TFC86TV\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-P39TFC86TV\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-P39TFC86TV\\\"},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-P39TFC86TV\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-P39TFC86TV\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-P39TFC86TV\\\"},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-P39TFC86TV\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-P39TFC86TV\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-P39TFC86TV\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-P39TFC86TV\\\"}],\\\"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":"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":"drink818","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"drink818.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/drink818.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"7046748799108","handle":"818-blanco","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51016947204228","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7046748930180","handle":"818-reposado","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51016949366916","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7046749061252","handle":"818-anejo","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51016950349956","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7047495483524","handle":"eightreserve","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51016955134084","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://drink818.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"192462815364","themePublished":"true","eventMetadataId":"17f3d51b-2dc0-492b-abbf-adccfc15f0b4","pageType":"home","shopId":"60348956804","storefrontBaseUrl":"https:\/\/drink818.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>
753<script>
754  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
755  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
756  window.ShopifyAnalytics.meta.currency = 'USD';
757  var meta = {"page":{"pageType":"home","requestId":"23e855d2-ac23-4d4a-a668-d5fa1af28acb-1791047588"}};
758  for (var attr in meta) {
759    window.ShopifyAnalytics.meta[attr] = meta[attr];
760  }
761</script>
vendor: 1 bytes, line 761
761
762<script class="analytics">
763  (function () {
764    var customDocumentWrite = function(content) {
765      var jquery = null;
766
767      if (window.jQuery) {
768        jquery = window.jQuery;
769      } else if (window.Checkout && window.Checkout.$) {
770        jquery = window.Checkout.$;
771      }
772
773      if (jquery) {
774        jquery('body').append(content);
775      }
776    };
777
778    var hasLoggedConversion = function(token) {
779      if (token) {
780        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
781      }
782      return false;
783    }
784
785    var setCookieIfConversion = function(token) {
786      if (token) {
787        var twoMonthsFromNow = new Date(Date.now());
788        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
789
790        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
791      }
792    }
793
794    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
795    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
796    if (trekkie.integrations) {
797      return;
798    }
799    trekkie.methods = [
800      'identify',
801      'page',
802      'ready',
803      'track',
804      'trackForm',
805      'trackLink'
806    ];
807    trekkie.factory = function(method) {
808      return function() {
809        var args = Array.prototype.slice.call(arguments);
810        args.unshift(method);
811        trekkie.push(args);
812        if (method == 'track' || method == 'page') {
813          var pageUrl;
814          try {
815            pageUrl = window.location.href;
816          } catch (e) {}
817          var pageReferrer;
818          try {
819            pageReferrer = document.referrer;
820          } catch (e) {}
821          try {
822            if (window.__TREKKIE_SHIM_QUEUE == null) {
823              window.__TREKKIE_SHIM_QUEUE = [];
824            }
825            window.__TREKKIE_SHIM_QUEUE.push({
826              from: 'trekkie-stub',
827              method: method,
828              args: args.slice(1),
829              pageContext: {
830                url: pageUrl,
831                referrer: pageReferrer
832              }
833            });
834          } catch (e) {
835            // no-op
836          }
837        }
838        return trekkie;
839      };
840    };
841    for (var i = 0; i < trekkie.methods.length; i++) {
842      var key = trekkie.methods[i];
843      trekkie[key] = trekkie.factory(key);
844    }
845    trekkie.load = function(config) {
846      trekkie.config = config || {};
847      trekkie.config.initialDocumentCookie = document.cookie;
848      var first = document.getElementsByTagName('script')[0];
849var script = document.createElement('script');
850script.type = 'text/javascript';
851script.onerror = function(e) {
852  var scriptFallback = document.createElement('script');
853  scriptFallback.type = 'text/javascript';
854  scriptFallback.onerror = function(error) {
855          var Monorail = {
856      produce: function produce(monorailDomain, schemaId, payload) {
857        var currentMs = new Date().getTime();
858        var event = {
859          schema_id: schemaId,
860          payload: payload,
861          metadata: {
862            event_created_at_ms: currentMs,
863            event_sent_at_ms: currentMs
864          }
865        };
866        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
867      },
868      sendRequest: function sendRequest(endpointUrl, payload) {
869        // Try the sendBeacon API
870        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
871          var blobData = new window.Blob([payload], {
872            type: 'text/plain'
873          });
874
875          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
876            return true;
877          } // sendBeacon was not successful
878
879        } // XHR beacon
880
881        var xhr = new XMLHttpRequest();
882
883        try {
884          xhr.open('POST', endpointUrl);
885          xhr.setRequestHeader('Content-Type', 'text/plain');
886          xhr.send(payload);
887        } catch (e) {
888          console.log(e);
889        }
890
891        return false;
892      },
893      isIos12: function isIos12() {
894        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
895      }
896    };
897    Monorail.produce('monorail-edge.shopifysvc.com',
898      'trekkie_storefront_load_errors/1.1',
899      {shop_id: 60348956804,
900      theme_id: 192462815364,
901      app_name: "storefront",
902      context_url: window.location.href,
903      source_url: "//drink818.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
904
905  };
906  scriptFallback.async = true;
907  scriptFallback.src = '//drink818.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
908  first.parentNode.insertBefore(scriptFallback, first);
909};
910script.async = true;
911script.src = '//drink818.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
912first.parentNode.insertBefore(script, first);
913
914    };
915    trekkie.load(
916      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":60348956804,"isMerchantRequest":null,"themeId":192462815364,"themeCityHash":"10335767703179361696","contentLanguage":"en","currency":"USD","eventMetadataId":"17f3d51b-2dc0-492b-abbf-adccfc15f0b4"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
917    );
918
919    var loaded = false;
920    trekkie.ready(function() {
921      if (loaded) return;
922      loaded = true;
923
924      window.ShopifyAnalytics.lib = window.trekkie;
925
926      var originalDocumentWrite = document.write;
927      document.write = customDocumentWrite;
928      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
929      document.write = originalDocumentWrite;
930
931      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
932      var token = match? match[1]: undefined;
933      if (!hasLoggedConversion(token)) {
934        setCookieIfConversion(token);
935        
936      }
937    });
938
939    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"23e855d2-ac23-4d4a-a668-d5fa1af28acb-1791047588","shopifyEmitted":true});
940
941    var eventsListenerScript = document.createElement('script');
942    eventsListenerScript.async = true;
943    eventsListenerScript.src = "//drink818.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
944    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
945})();</script>
945
946  
946<script>
947  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
948    window.ga = function ga() {
949      (window.ga.q = window.ga.q || []).push(arguments);
950      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
951        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
952      }
953      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.");
954    };
955    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
956      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
957    }
958  }
959</script>
vendor: 1 bytes, line 959
959
960<script
961  defer
962  src="https://drink818.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
963  data-application="storefront-renderer"
964  data-shop-id="60348956804"
965  data-render-region="gcp-us-central1"
966  data-page-type="index"
967  data-theme-instance-id="192462815364"
968  data-theme-name="Impact"
969  data-theme-version="1.2.5"
970  data-monorail-region="shop_domain"
971  data-resource-timing-sampling-rate="10"
972  data-shs="true"
973  data-shs-beacon="true"
974  data-shs-export-with-fetch="true"
975  data-shs-logs-sample-rate="1"
976  data-shs-beacon-endpoint="https://drink818.com/api/collect"
977></script>
977
978<meta name="shopify-y" content="8fb58d18-4f16-476a-a6fc-adc7352689c3" data-expiration="1822612405000"><meta name="shopify-s" content="217b4706-3595-4769-94a6-3dd427854a83" data-expiration="1791056605000"><meta name="new-cookie-storage-activated" content="t">
979</head>
980
981  <body class=" zoom-image--enabled  ">
982    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 982-983
982
983    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
983GTM-MFPMJWH
vendor: 91 bytes, lines 983-985
983"
984    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
985    
985<!-- End Google Tag Manager (noscript) --><!-- DRAWER -->
986<template id="drawer-default-template">
987  <style>
988    [hidden] {
989      display: none !important;
990    }
991  </style>
992
993    <button part="outside-close-button" is="close-button" aria-label="Close">
994      <svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close-x" viewBox="0 0 24 24">
995        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
996      </svg></button>
997
998  <div part="overlay"></div>
999
1000  <div part="content">
1001    <header part="header">
1002      <slot name="header"></slot>
1003
1004      
1005    </header>
1006
1007    <div part="body">
1008      <slot></slot>
1009    </div>
1010
1011    <footer part="footer">
1012      <slot name="footer"></slot>
1013    </footer>
1014  </div>
1015</template>
1016
1017<!-- POPOVER -->
1018<template id="popover-default-template">
1019  
1020
1021  <div part="overlay"></div>
1022
1023  <div part="content">
1024    <header part="title">
1025      <slot name="title"></slot>
1026    </header>
1027
1028    <div part="body">
1029      <slot></slot>
1030    </div>
1031  </div>
1032</template><a href="#main" class="skip-to-content sr-only">Skip to content
1033    </a><aside id="shopify-section-announcement-bar" class="shopify-section shopify-section--announcement-bar"></aside><header id="shopify-section-header" class="shopify-section shopify-section--header"><style>
1034  :root {
1035    --sticky-header-enabled:1;
1036  }
1037
1038  #shopify-section-header {
1039    --header-grid-template: "main-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr);
1040    --header-padding-block: var(--spacing-4-5);
1041    --header-background-opacity: 0.0;
1042    --header-background-blur-radius: 0px;
1043    --header-transparent-text-color: 255 255 255;--header-logo-width: 50px;
1044      --header-logo-height: 30px;position: sticky;
1045    top: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px));
1046    z-index: 10;
1047  }@media screen and (min-width: 700px) {
1048    #shopify-section-header {--header-logo-width: 70px;
1049        --header-logo-height: 41px;--header-padding-block: var(--spacing-8-5);
1050    }
1051  }@media screen and (min-width: 1150px) {#shopify-section-header {
1052        --header-grid-template: "logo main-nav secondary-nav" / auto minmax(0, 1fr) minmax(0, max-content);
1053      }
1054    }</style>
1055
1056<height-observer variable="header">
1057  <store-header class="header"  sticky>
1058    <div class="header__wrapper"><div class="header__main-nav">
1059        <div class="header__icon-list">
1060          <button type="button" class="tap-area lg:hidden" aria-controls="header-sidebar-menu">
1061            <span class="sr-only">Open navigation menu</span>
1062            <span class="menu-btn">MENU</span>
1063          </button>
1064
1065          <a href="/search" class="tap-area sm:hidden" aria-controls="search-drawer">
1066            <span class="sr-only">Open search</span><svg role="presentation" stroke-width="1" focusable="false" width="22" height="22" class="icon icon-search" viewBox="0 0 22 22">
1067        <circle cx="11" cy="10" r="7" fill="none" stroke="currentColor"></circle>
1068        <path d="m16 15 3 3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
1069      </svg></a><nav class="header__link-list  wrap" role="navigation">
1070              <ul class="contents" role="list">
1071
1072
1073                  
1074
1075                  <li><details is="mega-menu-disclosure" trigger="hover" >
1076                            <summary class="text-with-icon gap-2.5 link-faded-reverse " data-url="/collections/our-tequila">818 TEQUILA<svg role="presentation" focusable="false" width="10" height="7" class="icon icon-chevron-bottom" viewBox="0 0 10 7">
1077        <path d="m1 1 4 4 4-4" fill="none" stroke="currentColor" stroke-width="2"></path>
1078      </svg></summary><style>
1079    @media screen and (min-width: 1150px) {
1080      #mega-menu-4881f3a3-ac2f-42be-ab32-35f0f5054a97 {
1081        --mega-menu-nav-column-max-width: 300px;
1082        --mega-menu-justify-content: space-between;
1083        --mega-menu-nav-gap: var(--spacing-12);
1084      }
1085    }
1086
1087    @media screen and (min-width: 1400px) {
1088      #mega-menu-4881f3a3-ac2f-42be-ab32-35f0f5054a97 {
1089        --mega-menu-nav-column-max-width: 100% ; 
1090        --mega-menu-nav-gap: var(--spacing-12);
1091      }
1092    }
1093
1094    @media screen and (min-width: 1600px) {
1095      #mega-menu-4881f3a3-ac2f-42be-ab32-35f0f5054a97 {
1096        --mega-menu-nav-gap: var(--spacing-16);
1097      }
1098    }
1099
1100    @media screen and (min-width: 1800px) {
1101      #mega-menu-4881f3a3-ac2f-42be-ab32-35f0f5054a97 {
1102        --mega-menu-nav-gap: var(--spacing-20);
1103      }
1104    }
1105  </style><div id="mega-menu-4881f3a3-ac2f-42be-ab32-35f0f5054a97" class="mega-menu main-mega-menu "><ul class="mega-menu__nav" role="list"><li class="v-stack gap-4 justify-items-start">
1106          <a href="/collections/our-tequila" class="h5" >
1107            <span class="reversed-link hover:show">Our Tequila</span>
1108          </a></li><li class="v-stack gap-4 justify-items-start">
1109          <a href="/products/818-blanco" class="h5" >
1110            <span class="reversed-link hover:show">Blanco</span>
1111          </a></li><li class="v-stack gap-4 justify-items-start">
1112          <a href="/products/818-reposado" class="h5" >
1113            <span class="reversed-link hover:show">Reposado</span>
1114          </a></li><li class="v-stack gap-4 justify-items-start">
1115          <a href="/products/818-anejo" class="h5" >
1116            <span class="reversed-link hover:show">Añejo</span>
1117          </a></li><li class="v-stack gap-4 justify-items-start">
1118          <a href="/products/eightreserve" class="h5" >
1119            <span class="reversed-link hover:show"> Eight Reserve</span>
1120          </a></li></ul>
1121
1122 
1123
1124
1125
1126<style>
1127  .navigation-promo.navigation-promo--grid{
1128    text-transform: uppercase;
1129  }
1130
1131  #navigation-promo-215125606 {
1132    --navigation-promo-grid: 
1133  
1134    auto / repeat(1, minmax(var(--mega-menu-promo-grid-image-min-width), var(--mega-menu-promo-grid-image-max-width)))
1135
1136  
1137;
1138    --mega-menu-promo-grid-image-max-width: 300px;
1139    --mega-menu-promo-grid-image-min-width: 172px;
1140    --promo-heading-font-size: var(--text-h5);
1141    --content-over-media-row-gap: var(--spacing-3);
1142    --content-over-media-column-gap: var(--spacing-4);--navigation-promo-gap: var(--spacing-2);
1143      --panel-wrapper-justify-content: flex-start;}
1144
1145  @media screen and (min-width:700px) {
1146    #navigation-promo-215125606 {--promo-heading-font-size: var(--text-h3);--mega-menu-promo-grid-image-min-width: 192px;
1147      --content-over-media-row-gap: var(--spacing-4);
1148      --content-over-media-column-gap: var(--spacing-5);
1149    }
1150  }@media screen and (min-width: 1150px) {
1151      .header__link-list li a.content-over-media.rounded-sm.group{
1152        gap: 0;
1153        display: block;
1154        height: 100%;
1155      }
1156      .header__link-list li a.content-over-media .desk-only img{
1157        height: 100%;
1158        object-fit: cover;
1159      }
1160      #navigation-promo-215125606 {
1161        --promo-heading-font-size: var(--text-h4);
1162        --promo-heading-line-height: 1.3;
1163        --navigation-promo-gap: var(--spacing-0-5);
1164        --mega-menu-promo-grid-image-min-width: 720px;
1165        margin: -2.5rem;
1166
1167        
1168
1169        
1170          margin-block-start: calc(-1 * var(--mega-menu-block-padding));
1171          margin-block-end: calc(-1 * var(--mega-menu-block-padding));
1172          margin-inline-end: calc(-1 * (100vw - min(100vw - var(--container-gutter) * 2, var(--container-max-width))) / 2);
1173
1174          
1175        
1176      }
1177
1178      
1179        #navigation-promo-215125606 {
1180          --content-over-media-row-gap: var(--spacing-6);
1181          --content-over-media-column-gap: var(--spacing-8);
1182        }
1183
1184      
1185    }
1186
1187    @media screen and (min-width: 1400px) {
1188      #navigation-promo-215125606 {
1189        /*
1190        --mega-menu-promo-grid-image-max-width: 650px;
1191      */
1192      --mega-menu-promo-grid-image-max-width: 100%;
1193      
1194        
1195          --promo-heading-font-size: var(--text-h4);
1196          --promo-heading-line-height: 1.4;
1197        
1198      }
1199
1200      
1201        #navigation-promo-215125606 {
1202          --content-over-media-row-gap: var(--spacing-4);
1203          --content-over-media-column-gap: var(--spacing-5);
1204        }
1205      
1206    }</style><div class="navigation-promo__wrapper  " id="navigation-promo-215125606"><div class="navigation-promo navigation-promo--grid scroll-area bleed">
1207      <a href="/collections/all-products"
1208         class="content-over-media  group "
1209         style="--text-color: 243 233 213; grid-area: ;">
1210          
1211        
1212          <span class="desk-only">
1213        �<img src="//drink818.com/cdn/shop/files/Our_Tequila_MM_1_DK_51f8f765-c77d-481e-9ffd-bbd8b03f84b4.jpg?v=1678161252" alt="" srcset="//drink818.com/cdn/shop/files/Our_Tequila_MM_1_DK_51f8f765-c77d-481e-9ffd-bbd8b03f84b4.jpg?v=1678161252&amp;width=400 400w, //drink818.com/cdn/shop/files/Our_Tequila_MM_1_DK_51f8f765-c77d-481e-9ffd-bbd8b03f84b4.jpg?v=1678161252&amp;width=500 500w, //drink818.com/cdn/shop/files/Our_Tequila_MM_1_DK_51f8f765-c77d-481e-9ffd-bbd8b03f84b4.jpg?v=1678161252&amp;width=600 600w, //drink818.com/cdn/shop/files/Our_Tequila_MM_1_DK_51f8f765-c77d-481e-9ffd-bbd8b03f84b4.jpg?v=1678161252&amp;width=800 800w" width="996" height="360" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,minmax(220px, 440px)�" class="zoom-image mobile-rounded-corners">
1214          </span>
1215        
1216        �<img src="//drink818.com/cdn/shop/files/Untitled-1.png?v=1680679469&amp;width=300" alt="" width="300" height="300" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,minmax(220px, 440px)�" class="zoom-image mobile-rounded-corners mob-only">
1216�<div class="place-self-end-start text-custom nav-promo-text">
1217            <p style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">SHOP ALL</p>
1218          </div></a>
1219    </div></div></div></details></li>
1220
1221
1222                  
1223
1224                  <li><a href="/pages/eight-reserve" class="link-faded-reverse " >EIGHT RESERVE</a></li>
1225
1226
1227                  
1228
1229                  <li><details is="mega-menu-disclosure" trigger="hover" >
1230                            <summary class="text-with-icon gap-2.5 link-faded-reverse " data-url="/pages/our-story">OUR STORY<svg role="presentation" focusable="false" width="10" height="7" class="icon icon-chevron-bottom" viewBox="0 0 10 7">
1231        <path d="m1 1 4 4 4-4" fill="none" stroke="currentColor" stroke-width="2"></path>
1232      </svg></summary><style>
1233    @media screen and (min-width: 1150px) {
1234      #mega-menu-mega_menu_hzMQbQ {
1235        --mega-menu-nav-column-max-width: 200px;
1236        --mega-menu-justify-content: space-between;
1237        --mega-menu-nav-gap: var(--spacing-8);
1238      }
1239    }
1240
1241    @media screen and (min-width: 1400px) {
1242      #mega-menu-mega_menu_hzMQbQ {
1243        --mega-menu-nav-column-max-width: 100% ; 
1244        --mega-menu-nav-gap: var(--spacing-16);
1245      }
1246    }
1247
1248    @media screen and (min-width: 1600px) {
1249      #mega-menu-mega_menu_hzMQbQ {
1250        --mega-menu-nav-gap: var(--spacing-16);
1251      }
1252    }
1253
1254    @media screen and (min-width: 1800px) {
1255      #mega-menu-mega_menu_hzMQbQ {
1256        --mega-menu-nav-gap: var(--spacing-20);
1257      }
1258    }
1259  </style><div id="mega-menu-mega_menu_hzMQbQ" class="mega-menu main-mega-menu "><ul class="mega-menu__nav" role="list"><li class="v-stack gap-4 justify-items-start">
1260          <a href="/pages/our-story" class="h5" >
1261            <span class="reversed-link hover:show">Our Story</span>
1262          </a></li><li class="v-stack gap-4 justify-items-start">
1263          <a href="/pages/our-evolved-taste" class="h5" >
1264            <span class="reversed-link hover:show">Our Evolved Taste</span>
1265          </a></li></ul>
1266
1267 
1268
1269
1270
1271<style>
1272  .navigation-promo.navigation-promo--grid{
1273    text-transform: uppercase;
1274  }
1275
1276  #navigation-promo-216851134 {
1277    --navigation-promo-grid: 
1278  
1279    auto / repeat(0, minmax(var(--mega-menu-promo-grid-image-min-width), var(--mega-menu-promo-grid-image-max-width)))
1280
1281  
1282;
1283    --mega-menu-promo-grid-image-max-width: 300px;
1284    --mega-menu-promo-grid-image-min-width: 172px;
1285    --promo-heading-font-size: var(--text-h5);
1286    --content-over-media-row-gap: var(--spacing-3);
1287    --content-over-media-column-gap: var(--spacing-4);--navigation-promo-gap: var(--spacing-2);
1288      --panel-wrapper-justify-content: flex-start;}
1289
1290  @media screen and (min-width:700px) {
1291    #navigation-promo-216851134 {--promo-heading-font-size: var(--text-h3);--mega-menu-promo-grid-image-min-width: 192px;
1292      --content-over-media-row-gap: var(--spacing-4);
1293      --content-over-media-column-gap: var(--spacing-5);
1294    }
1295  }@media screen and (min-width: 1150px) {
1296      .header__link-list li a.content-over-media.rounded-sm.group{
1297        gap: 0;
1298        display: block;
1299        height: 100%;
1300      }
1301      .header__link-list li a.content-over-media .desk-only img{
1302        height: 100%;
1303        object-fit: cover;
1304      }
1305      #navigation-promo-216851134 {
1306        --promo-heading-font-size: var(--text-h4);
1307        --promo-heading-line-height: 1.3;
1308        --navigation-promo-gap: var(--spacing-4);
1309        --mega-menu-promo-grid-image-min-width: 720px;
1310        margin: -2.5rem;
1311
1312        
1313
1314        
1315      }
1316
1317      
1318        #navigation-promo-216851134 {
1319          --content-over-media-row-gap: var(--spacing-6);
1320          --content-over-media-column-gap: var(--spacing-8);
1321        }
1322
1323      
1324    }
1325
1326    @media screen and (min-width: 1400px) {
1327      #navigation-promo-216851134 {
1328        /*
1329        --mega-menu-promo-grid-image-max-width: 360px;
1330      */
1331      --mega-menu-promo-grid-image-max-width: 100%;
1332      
1333        
1334      }
1335
1336      
1337    }</style><div class="navigation-promo__wrapper  " id="navigation-promo-216851134"><div class="navigation-promo navigation-promo--grid scroll-area bleed">
1338      
1339    </div></div></div></details></li>
1340
1341
1342                  
1343
1344                  <li>
1344<details is="mega-menu-disclosure" trigger="hover" >
1345                            <summary class="text-with-icon gap-2.5 link-faded-reverse " data-url="/pages/our-sustainable-story">SUSTAINABILITY<svg role="presentation" focusable="false" width="10" height="7" class="icon icon-chevron-bottom" viewBox="0 0 10 7">
1346        <path d="m1 1 4 4 4-4" fill="none" stroke="currentColor" stroke-width="2"></path>
1347      </svg></summary><style>
1348    @media screen and (min-width: 1150px) {
1349      #mega-menu-1b395aaa-edf1-42bb-a4fc-ad518f37c441 {
1350        --mega-menu-nav-column-max-width: 200px;
1351        --mega-menu-justify-content: space-between;
1352        --mega-menu-nav-gap: var(--spacing-12);
1353      }
1354    }
1355
1356    @media screen and (min-width: 1400px) {
1357      #mega-menu-1b395aaa-edf1-42bb-a4fc-ad518f37c441 {
1358        --mega-menu-nav-column-max-width: 100% ; 
1359        --mega-menu-nav-gap: var(--spacing-16);
1360      }
1361    }
1362
1363    @media screen and (min-width: 1600px) {
1364      #mega-menu-1b395aaa-edf1-42bb-a4fc-ad518f37c441 {
1365        --mega-menu-nav-gap: var(--spacing-16);
1366      }
1367    }
1368
1369    @media screen and (min-width: 1800px) {
1370      #mega-menu-1b395aaa-edf1-42bb-a4fc-ad518f37c441 {
1371        --mega-menu-nav-gap: var(--spacing-20);
1372      }
1373    }
1374  </style><div id="mega-menu-1b395aaa-edf1-42bb-a4fc-ad518f37c441" class="mega-menu main-mega-menu "><ul class="mega-menu__nav" role="list"><li class="v-stack gap-4 justify-items-start">
1375          <a href="/pages/our-sustainable-story" class="h5" >
1376            <span class="reversed-link hover:show">Our Sustainable Story</span>
1377          </a></li><li class="v-stack gap-4 justify-items-start">
1378          <a href="/pages/818-bricks" class="h5" >
1379            <span class="reversed-link hover:show">818 Bricks Program</span>
1380          </a></li></ul>
1381
1382 
1383
1384
1385
1386<style>
1387  .navigation-promo.navigation-promo--grid{
1388    text-transform: uppercase;
1389  }
1390
1391  #navigation-promo-217294578 {
1392    --navigation-promo-grid: 
1393  
1394    auto / repeat(0, minmax(var(--mega-menu-promo-grid-image-min-width), var(--mega-menu-promo-grid-image-max-width)))
1395
1396  
1397;
1398    --mega-menu-promo-grid-image-max-width: 300px;
1399    --mega-menu-promo-grid-image-min-width: 172px;
1400    --promo-heading-font-size: var(--text-h5);
1401    --content-over-media-row-gap: var(--spacing-3);
1402    --content-over-media-column-gap: var(--spacing-4);--navigation-promo-gap: var(--spacing-2);
1403      --panel-wrapper-justify-content: flex-start;}
1404
1405  @media screen and (min-width:700px) {
1406    #navigation-promo-217294578 {--promo-heading-font-size: var(--text-h3);--mega-menu-promo-grid-image-min-width: 192px;
1407      --content-over-media-row-gap: var(--spacing-4);
1408      --content-over-media-column-gap: var(--spacing-5);
1409    }
1410  }@media screen and (min-width: 1150px) {
1411      .header__link-list li a.content-over-media.rounded-sm.group{
1412        gap: 0;
1413        display: block;
1414        height: 100%;
1415      }
1416      .header__link-list li a.content-over-media .desk-only img{
1417        height: 100%;
1418        object-fit: cover;
1419      }
1420      #navigation-promo-217294578 {
1421        --promo-heading-font-size: var(--text-h4);
1422        --promo-heading-line-height: 1.3;
1423        --navigation-promo-gap: var(--spacing-0-5);
1424        --mega-menu-promo-grid-image-min-width: 720px;
1425        margin: -2.5rem;
1426
1427        
1428
1429        
1430          margin-block-start: calc(-1 * var(--mega-menu-block-padding));
1431          margin-block-end: calc(-1 * var(--mega-menu-block-padding));
1432          margin-inline-end: calc(-1 * (100vw - min(100vw - var(--container-gutter) * 2, var(--container-max-width))) / 2);
1433
1434          
1435        
1436      }
1437
1438      
1439        #navigation-promo-217294578 {
1440          --content-over-media-row-gap: var(--spacing-6);
1441          --content-over-media-column-gap: var(--spacing-8);
1442        }
1443
1444      
1445    }
1446
1447    @media screen and (min-width: 1400px) {
1448      #navigation-promo-217294578 {
1449        /*
1450        --mega-menu-promo-grid-image-max-width: 650px;
1451      */
1452      --mega-menu-promo-grid-image-max-width: 100%;
1453      
1454        
1455      }
1456
1457      
1458    }</style><div class="navigation-promo__wrapper  " id="navigation-promo-217294578"><div class="navigation-promo navigation-promo--grid scroll-area bleed">
1459      
1460    </div></div></div></details></li>
1461
1462
1463                  
1464
1465                  <li><a href="/blogs/cocktails" class="link-faded-reverse " >COCKTAILS</a></li>
1466
1467
1468                  
1469
1470                  <li><a href="https://shop.drink818.com" class="link-faded-reverse " >MERCH</a></li></ul>
1471            </nav></div>
1472      </div><h1 class="header__logo">
1473          <a href="/">
1474<span class="sr-only">drink818</span>
1475              
1476<img src="//drink818.com/cdn/shop/files/818_Logo_black_2f7fcd70-a241-419a-87bb-16bdb436d1cf.svg?v=1684994005&amp;width=411" alt="" srcset="//drink818.com/cdn/shop/files/818_Logo_black_2f7fcd70-a241-419a-87bb-16bdb436d1cf.svg?v=1684994005&amp;width=70 70w, //drink818.com/cdn/shop/files/818_Logo_black_2f7fcd70-a241-419a-87bb-16bdb436d1cf.svg?v=1684994005&amp;width=140 140w" width="411" height="243" sizes="70px" class="header__logo-image">
1477<img src="//drink818.com/cdn/shop/files/818_b1553dc0-948f-45eb-97a3-39982e03d3c7.png?v=1664294354&amp;width=717" alt="" srcset="//drink818.com/cdn/shop/files/818_b1553dc0-948f-45eb-97a3-39982e03d3c7.png?v=1664294354&amp;width=70 70w, //drink818.com/cdn/shop/files/818_b1553dc0-948f-45eb-97a3-39982e03d3c7.png?v=1664294354&amp;width=140 140w" width="717" height="440" sizes="70px" class="header__logo-image header__logo-image--transparent">
1478</a>
1479        </h1>
1480      
1481<div class="header__secondary-nav"><nav class="header__link-list" role="navigation">
1482            <ul class="contents"><li>
1483                  <a href="/pages/store-locator" class="link-faded-reverse btn-primary">Find Us</a>
1484                </li><li>
1485                  <a href="/collections/all-products" class="link-faded-reverse btn-primary">Buy Now</a>
1486                </li></ul>
1487          </nav><div class="header__icon-list"><a href="/search" class="hidden tap-area sm:block" aria-controls="search-drawer">
1488            <span class="sr-only">Open search</span><svg role="presentation" stroke-width="1" focusable="false" width="22" height="22" class="icon icon-search" viewBox="0 0 22 22">
1489        <circle cx="11" cy="10" r="7" fill="none" stroke="currentColor"></circle>
1490        <path d="m16 15 3 3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
1491      </svg></a>
1492
1493          <a href="/cart" data-no-instant class="relative block tap-area" aria-controls="cart-drawer">
1494            <span class="sr-only">Translation missing: en.header.general.cart</span><svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1495        <path d="M4.69204 16C3.57854 15.9856 2.62122 15.2072 2.38004 14.12L1.01204 8H0.612036C0.391122 8 0.212036 7.82091 0.212036 7.6V6.8C0.212036 6.57909 0.391122 6.4 0.612036 6.4H3.81204L8.42803 0.24M4.69204 16H13.332M4.69204 16L4.6985 15.5C4.69748 15.5 4.69646 15.5 4.69544 15.5M4.69204 16V15.5H4.69544M13.332 16C14.4545 15.9967 15.4248 15.2158 15.668 14.12M13.332 16V15.5H13.3312M13.332 16L13.3306 15.5C13.3308 15.5 13.331 15.5 13.3312 15.5M15.668 14.12L17.012 8H17.388C17.6089 8 17.788 7.82091 17.788 7.6V6.8C17.7884 6.58813 17.6235 6.41271 17.412 6.4M15.668 14.12L15.1799 14.0117L16.5237 7.89275L16.6099 7.5H17.012H17.288M15.668 14.12L15.1797 14.0128L15.1798 14.0123C14.9871 14.8793 14.2194 15.4971 13.3312 15.5M17.412 6.4H14.212L9.59603 0.24M17.412 6.4L17.388 6.79928L17.388 6.8L17.382 6.8991C17.3295 6.89594 17.2884 6.85256 17.288 6.8V6.9M17.412 6.4V6.79932V6.8V6.9H17.288M9.59603 0.24C9.48112 0.0908459 9.30431 0.00243739 9.11603 0M9.59603 0.24L9.19591 0.539834L9.1987 0.543562M9.59603 0.24L9.19995 0.545154C9.19954 0.544619 9.19912 0.544089 9.1987 0.543562M9.11603 0H8.90803M9.11603 0L9.10956 0.499958C9.11022 0.499967 9.11087 0.499981 9.11152 0.5M9.11603 0V0.5H9.11152M8.90803 0C8.71976 0.00243739 8.54295 0.0908459 8.42803 0.24M8.90803 0V0.5H8.91255M8.90803 0L8.91451 0.499958C8.91385 0.499967 8.9132 0.499981 8.91255 0.5M8.42803 0.24L8.82412 0.545152C8.82453 0.544616 8.82495 0.544084 8.82537 0.543556M8.42803 0.24L8.82816 0.539834L8.82537 0.543556M8.82537 0.543556L4.21216 6.69983L4.06217 6.9H3.81204H0.712036M8.82537 0.543556C8.84662 0.516945 8.8785 0.501015 8.91255 0.5M0.712036 6.9V7.5M0.712036 6.9H0.612036C0.667265 6.9 0.712036 6.85523 0.712036 6.8V6.9ZM8.91255 0.5H9.11152M9.11152 0.5C9.14557 0.501015 9.17745 0.516947 9.1987 0.543562M9.1987 0.543562L13.8119 6.69983L13.9619 6.9H14.212H17.288M17.288 6.9V7.5M17.288 7.5V7.6C17.288 7.54477 17.3328 7.5 17.388 7.5H17.288ZM13.3312 15.5H4.69544M4.69544 15.5C3.81523 15.4872 3.05888 14.8714 2.86817 14.0117L2.86799 14.0109L1.49999 7.89093L1.41261 7.5H1.01204H0.712036M0.712036 7.5H0.612036C0.667265 7.5 0.712036 7.54477 0.712036 7.6V7.5ZM9.41194 1.83588L9.01203 1.303L8.61212 1.83588L5.41213 6.09988L4.81166 6.9H5.81204H12.212H13.2124L12.6119 6.09988L9.41194 1.83588ZM3.40388 13.8842L3.40425 13.8859C3.53993 14.4883 4.08058 14.9119 4.69739 14.9H13.3027C13.9194 14.9119 14.46 14.4884 14.5958 13.8861C14.5958 13.886 14.5958 13.8859 14.5958 13.8859L15.8998 8.11011L16.0375 7.5H15.412H2.61204H1.9891L2.12388 8.10818L3.40388 13.8842Z" fill="#fff0" stroke="#F3E9D5"/>
1496      </svg><div class="header__cart-count">
1497              <cart-count class="count-bubble opacity-0">
1498                <span class="sr-only">Translation missing: en.cart.general.item_count</span>
1499                <span aria-hidden="true" class="cart-count">0</span>
1500              </cart-count>
1501            </div>
1502          </a>
1503        </div>
1504      </div>
1505    </div>
1506  </store-header>
1507</height-observer><navigation-drawer mobile-opening="bottom" open-from="left" id="header-sidebar-menu" class="navigation-drawer drawer lg:hidden" >
1508    <button is="close-button" aria-label="Close" class="close-button btn btn-primary">
1509      Close
1510    </button><div class="panel-list__wrapper">
1511  <div class="panel">
1512    <div class="panel__wrapper" >
1513      <div class="panel__scroller v-stack gap-12"><ul class="v-stack gap-4">
1514<li class="h3 sm:h4"><button class="text-with-icon w-full group justify-between" aria-expanded="false" data-panel="1-0">
1515                  <span>818 TEQUILA</span>
1516                  <span class="group-hover:colors group-expanded:colors"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1517    <path d="M8 0L6.59 1.41L12.17 7H0V9H12.17L6.59 14.59L8 16L16 8L8 0Z" fill="#000"/>
1518    </svg></span>
1519                </button></li>
1520<li class="h3 sm:h4"><a href="/pages/eight-reserve" class="group block w-full">
1521                  <span><span class="reversed-link">EIGHT RESERVE</span></span>
1522                </a></li>
1523<li class="h3 sm:h4"><button class="text-with-icon w-full group justify-between" aria-expanded="false" data-panel="1-1">
1524                  <span>OUR STORY</span>
1525                  <span class="group-hover:colors group-expanded:colors"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1526    <path d="M8 0L6.59 1.41L12.17 7H0V9H12.17L6.59 14.59L8 16L16 8L8 0Z" fill="#000"/>
1527    </svg></span>
1528                </button></li>
1529<li class="h3 sm:h4"><button class="text-with-icon w-full group justify-between" aria-expanded="false" data-panel="1-2">
1530                  <span>SUSTAINABILITY</span>
1531                  <span class="group-hover:colors group-expanded:colors"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1532    <path d="M8 0L6.59 1.41L12.17 7H0V9H12.17L6.59 14.59L8 16L16 8L8 0Z" fill="#000"/>
1533    </svg></span>
1534                </button></li>
1535<li class="h3 sm:h4"><a href="/blogs/cocktails" class="group block w-full">
1536                  <span><span class="reversed-link">COCKTAILS</span></span>
1537                </a></li>
1538<li class="h3 sm:h4"><a href="https://shop.drink818.com" class="group block w-full">
1539                  <span><span class="reversed-link">MERCH</span></span>
1540                </a></li></ul><ul class="v-stack gap-3"><li>
1541                <a href="/pages/store-locator" class="h6 group"><span><span class="reversed-link">Find Us</span></span></a>
1542              </li><li>
1543                <a href="/collections/all-products" class="h6 group"><span><span class="reversed-link">Buy Now</span></span></a>
1544              </li></ul></div></div>
1545  </div><div class="panel gap-8">
1546      <div class="panel__wrapper" style="--panel-wrapper-justify-content: flex-start" hidden>
1547                  <ul class="v-stack gap-4">
1548                    <li class="lg:hidden">
1549                      <button class="text-with-icon h6 text-subdued" data-panel="0"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1550      <path d="M8 0L6.59 1.41L12.17 7H0V9H12.17L6.59 14.59L8 16L16 8L8 0Z" fill="#000" transform="scale(-1, 1) translate(-16, 0)" />
1551      </svg>BACK
1552                      </button>
1553                    </li><li class="h3 sm:h4"><a class="group block w-full" href="/collections/our-tequila"><span><span class="reversed-link">Our Tequila</span></span>
1554                            </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/products/818-blanco"><span><span class="reversed-link">Blanco</span></span>
1555                            </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/products/818-reposado"><span><span class="reversed-link">Reposado</span></span>
1556                            </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/products/818-anejo"><span><span class="reversed-link">Añejo</span></span>
1557                            </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/products/eightreserve"><span><span class="reversed-link"> Eight Reserve</span></span>
1558                            </a></li></ul> 
1559
1560
1561
1562<style>
1563  .navigation-promo.navigation-promo--grid{
1564    text-transform: uppercase;
1565  }
1566
1567  #navigation-promo-218948279 {
1568    --navigation-promo-grid: 
1569  
1570    auto / repeat(1, minmax(var(--mega-menu-promo-grid-image-min-width), var(--mega-menu-promo-grid-image-max-width)))
1571
1572  
1573;
1574    --mega-menu-promo-grid-image-max-width: 300px;
1575    --mega-menu-promo-grid-image-min-width: 172px;
1576    --promo-heading-font-size: var(--text-h5);
1577    --content-over-media-row-gap: var(--spacing-3);
1578    --content-over-media-column-gap: var(--spacing-4);--navigation-promo-gap: var(--spacing-2);
1579      --panel-wrapper-justify-content: flex-start;}
1580
1581  @media screen and (min-width:700px) {
1582    #navigation-promo-218948279 {--promo-heading-font-size: var(--text-h3);--mega-menu-promo-grid-image-min-width: 192px;
1583      --content-over-media-row-gap: var(--spacing-4);
1584      --content-over-media-column-gap: var(--spacing-5);
1585    }
1586  }@media screen and (min-width: 1150px) {
1587      #navigation-promo-218948279 {
1588        --promo-heading-font-size: var(--text-h5);
1589        --content-over-media-row-gap: var(--spacing-5);
1590        --content-over-media-column-gap: var(--spacing-7);
1591        --mega-menu-promo-grid-image-min-width: 720px;
1592        margin: -2.5rem;
1593
1594        
1595      }
1596
1597    }</style><div class="navigation-promo__wrapper  " id="navigation-promo-218948279"><div class="navigation-promo navigation-promo--grid scroll-area bleed">
1598      <a href="/collections/all-products"
1599         class="content-over-media  group "
1600         style="--text-color: 243 233 213; grid-area: ;">
1601          
1602        
1603          <span class="desk-only">
1604        �<img src="//drink818.com/cdn/shop/files/Our_Tequila_MM_1_DK_51f8f765-c77d-481e-9ffd-bbd8b03f84b4.jpg?v=1678161252" alt="" srcset="//drink818.com/cdn/shop/files/Our_Tequila_MM_1_DK_51f8f765-c77d-481e-9ffd-bbd8b03f84b4.jpg?v=1678161252&amp;width=400 400w, //drink818.com/cdn/shop/files/Our_Tequila_MM_1_DK_51f8f765-c77d-481e-9ffd-bbd8b03f84b4.jpg?v=1678161252&amp;width=500 500w, //drink818.com/cdn/shop/files/Our_Tequila_MM_1_DK_51f8f765-c77d-481e-9ffd-bbd8b03f84b4.jpg?v=1678161252&amp;width=600 600w, //drink818.com/cdn/shop/files/Our_Tequila_MM_1_DK_51f8f765-c77d-481e-9ffd-bbd8b03f84b4.jpg?v=1678161252&amp;width=800 800w" width="996" height="360" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,220px�" class="zoom-image mobile-rounded-corners">
1605          </span>
1606        
1607        �<img src="//drink818.com/cdn/shop/files/Untitled-1.png?v=1680679469&amp;width=300" alt="" width="300" height="300" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,220px�" class="zoom-image mobile-rounded-corners mob-only">�<div class="place-self-end-start text-custom nav-promo-text">
1608            <p style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">SHOP ALL</p>
1609          </div></a>
1610    </div></div></div><div class="panel__wrapper" style="--panel-wrapper-justify-content: flex-start" hidden>
1611                  <ul class="v-stack gap-4">
1612                    <li class="lg:hidden">
1613                      <button class="text-with-icon h6 text-subdued" data-panel="0"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1614      <path d="M8 0L6.59 1.41L12.17 7H0V9H12.17L6.59 14.59L8 16L16 8L8 0Z" fill="#000" transform="scale(-1, 1) translate(-16, 0)" />
1615      </svg>BACK
1616                      </button>
1617                    </li><li class="h3 sm:h4"><a class="group block w-full" href="/pages/our-story"><span><span class="reversed-link">Our Story</span></span>
1618                            </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/pages/our-evolved-taste"><span><span class="reversed-link">Our Evolved Taste</span></span>
1619                            </a></li></ul> 
1620
1621
1622
1623<style>
1624  .navigation-promo.navigation-promo--grid{
1625    text-transform: uppercase;
1626  }
1627
1628  #navigation-promo-219604867 {
1629    --navigation-promo-grid: 
1630  
1631    auto / repeat(0, minmax(var(--mega-menu-promo-grid-image-min-width), var(--mega-menu-promo-grid-image-max-width)))
1632
1633  
1634;
1635    --mega-menu-promo-grid-image-max-width: 300px;
1636    --mega-menu-promo-grid-image-min-width: 172px;
1637    --promo-heading-font-size: var(--text-h5);
1638    --content-over-media-row-gap: var(--spacing-3);
1639    --content-over-media-column-gap: var(--spacing-4);--navigation-promo-gap: var(--spacing-2);
1640      --panel-wrapper-justify-content: flex-start;}
1641
1642  @media screen and (min-width:700px) {
1643    #navigation-promo-219604867 {--promo-heading-font-size: var(--text-h3);--mega-menu-promo-grid-image-min-width: 192px;
1644      --content-over-media-row-gap: var(--spacing-4);
1645      --content-over-media-column-gap: var(--spacing-5);
1646    }
1647  }@media screen and (min-width: 1150px) {
1648      #navigation-promo-219604867 {
1649        --promo-heading-font-size: var(--text-h5);
1650        --content-over-media-row-gap: var(--spacing-5);
1651        --content-over-media-column-gap: var(--spacing-7);
1652        --mega-menu-promo-grid-image-min-width: 720px;
1653        margin: -2.5rem;
1654
1655        
1656      }
1657
1658    }</style><div class="navigation-promo__wrapper  " id="navigation-promo-219604867"><div class="navigation-promo navigation-promo--grid scroll-area bleed">
1659      
1660    </div></div></div><div class="panel__wrapper" style="--panel-wrapper-justify-content: flex-start" hidden>
1661                  <ul class="v-stack gap-4">
1662                    <li class="lg:hidden">
1663                      <button class="text-with-icon h6 text-subdued" data-panel="0"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1664      <path d="M8 0L6.59 1.41L12.17 7H0V9H12.17L6.59 14.59L8 16L16 8L8 0Z" fill="#000" transform="scale(-1, 1) translate(-16, 0)" />
1665      </svg>BACK
1666                      </button>
1667                    </li><li class="h3 sm:h4"><a class="group block w-full" href="/pages/our-sustainable-story"><span><span class="reversed-link">Our Sustainable Story</span></span>
1668                            </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/pages/818-bricks"><span><span class="reversed-link">818 Bricks Program</span></span>
1669                            </a></li></ul> 
1670
1671
1672
1673<style>
1674  .navigation-promo.navigation-promo--grid{
1675    text-transform: uppercase;
1676  }
1677
1678  #navigation-promo-219866679 {
1679    --navigation-promo-grid: 
1680  
1681    auto / repeat(0, minmax(var(--mega-menu-promo-grid-image-min-width), var(--mega-menu-promo-grid-image-max-width)))
1682
1683  
1684;
1685    --mega-menu-promo-grid-image-max-width: 300px;
1686    --mega-menu-promo-grid-image-min-width: 172px;
1687    --promo-heading-font-size: var(--text-h5);
1688    --content-over-media-row-gap: var(--spacing-3);
1689    --content-over-media-column-gap: var(--spacing-4);--navigation-promo-gap: var(--spacing-2);
1690      --panel-wrapper-justify-content: flex-start;}
1691
1692  @media screen and (min-width:700px) {
1693    #navigation-promo-219866679 {--promo-heading-font-size: var(--text-h3);--mega-menu-promo-grid-image-min-width: 192px;
1694      --content-over-media-row-gap: var(--spacing-4);
1695      --content-over-media-column-gap: var(--spacing-5);
1696    }
1697  }@media screen and (min-width: 1150px) {
1698      #navigation-promo-219866679 {
1699        --promo-heading-font-size: var(--text-h5);
1700        --content-over-media-row-gap: var(--spacing-5);
1701        --content-over-media-column-gap: var(--spacing-7);
1702        --mega-menu-promo-grid-image-min-width: 720px;
1703        margin: -2.5rem;
1704
1705        
1706      }
1707
1708    }</style><div class="navigation-promo__wrapper  " id="navigation-promo-219866679"><div class="navigation-promo navigation-promo--grid scroll-area bleed">
1709      
1710    </div></div></div>
1711    </div></div></navigation-drawer>
1711<script>
1712  (() => {
1713    document.documentElement.style.setProperty(`--header-height`, `${document.getElementById('shopify-section-header').getBoundingClientRect().height.toFixed(1)}px`);
1714  })();
1715</script>
1715
1716
1717
1718<style> #shopify-section-header .eight_reserve_logo {color: #000000;} </style></header><div id="shopify-section-newsletter-popup" class="shopify-section shopify-section--popup"></div><section id="shopify-section-age-popup" class="shopify-section shopify-section--age-popup"><style>
1719  #shopify-section-age-popup {--content-over-media-overlay:  / 0.0;}
1720  input.age-gate-input{
1721    color:#F3E9D5;
1722    border: 1px solid #F3E9D5;
1723  }
1724  .btm-content{
1725    color: #F3E9D5;
1726  }
1727  .h2.age-gate-title{
1728    color: #F3E9D5;
1729  }
1730  input.age-gate-input::placeholder {
1731  color: #F3E9D5;
1732  }
1733  #age-gate button#submit{
1734    background-color: #F3E9D5 !important;
1735    color: var(--pina);
1736  }
1737  #age-gate button#submit:hover{
1738    background-color: #000000 !important;
1739    color: var(--anejo);
1740
1741  }
1742  .err_msg {
1743    background:#aa2826
1744  }
1745  #age-gate .input-group {
1746    display: grid;
1747    gap: 20px;
1748    grid-template: auto / auto auto auto;
1749  }
1750  .btm-content {
1751    margin-top: 5%;
1752  }
1753  h2.age-gate-title{
1754    font-size: 3.125rem;
1755  }
1756  .btm-content{
1757    font-size: 1rem;
1758    letter-spacing: 1px;
1759    line-height: 160%;
1760  }
1761  .btm-content a {
1762    text-decoration: underline;
1763  }
1764  
1765  @media screen and (max-width: 1000px){
1766    .h2.age-gate-title{
1767      margin-bottom: 5%;
1768      font-size: 2rem;
1769    }
1770    #age-gate button#submit{
1771      grid-column: 1/3;
1772    }
1773    #age-gate .input-group {
1774      gap: 10px;
1775    }
1776    #age-gate .input-group {
1777      grid-template: auto / auto auto;
1778    }
1779  }
1780</style>
1781
1782
1783<div id="myModal" class="modal" style="display:none;">
1784  <div id="err_msg" class="err_msg" style="display:none;">
1785      <p id="result-message"></p>
1786  </div>
1787  <div class="modal-content" style="background: #536451">
1788    <div class="age-gate-overlay">
1789        <div id="age-gate" class="age-gate">        
1790          <h2 class="h2 age-gate-title">PLEASE ENTER YOUR DATE OF BIRTH</h2>
1791          <div class="input-group flex">
1792            <input class="age-gate-input" inputmode="numeric" pattern="[0-9]*" maxlength="2" type="number" id="month" min="1" max="12" placeholder="MONTH (MM)" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
1793            <input class="age-gate-input" inputmode="numeric" pattern="[0-9]*" maxlength="4" type="number" id="year" min="1900" max="2022" placeholder="YEAR (YYYY)" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
1794            <button id="submit" class="btn primary light">Submit</button>
1795          </div>
1796          <div class="btm-content">
1797            <p>YOU MUST BE OF LEGAL DRINKING AGE IN YOUR RESPECTIVE COUNTRY FOR ENTRY. BY ENTERING YOU ACCEPT OUR <a href="/pages/terms-of-use" title="Terms of Use">TERMS OF USE</a> AND OUR <a href="/pages/privacy-policy" title="Privacy Policy">PRIVACY AND COOKIE POLICY</a>. WE ENCOURAGE DRINKING RESPONSIBLY.</p>
1798          </div>
1799        </div>
1800    </div>
1801  </div>
1802</div>
1803
1804<script>
1805
1806 document.getElementById("month").value == "";
1807 document.getElementById("year").value =="";
1808 const ageVerified = localStorage.getItem("ageVerified");
1809
1810  if (!ageVerified) {
1811    function openModal () {
1812      modal.style.display = "block";
1813      body.style.overflow = "hidden";
1814    }
1815  }
1816
1817  const submitButton = document.getElementById("submit");
1818  submitButton.addEventListener("click", function() {
1819  const birthMonth = document.getElementById("month").value;
1820  const birthYear = document.getElementById("year").value;
1821  const currentDate = new Date();
1822  const currentMonth = currentDate.getMonth() + 1;
1823  const currentYear = currentDate.getFullYear();
1824  var resultMessage = document.getElementById("result-message");
1825
1826  if (birthMonth < 1 || birthMonth > 12) {
1827    resultMessage.innerHTML = "PLEASE ENTER A VALID DATE OF BIRTH.";
1828    document.getElementById("err_msg").style.display = "block";
1829    window.setTimeout(function() { document.getElementById("err_msg").style.display = "none"; }, 3000);
1830  }
1831  else if (birthYear < 1900 || birthYear > 2023) {   
1832    resultMessage.innerHTML = "PLEASE ENTER A VALID DATE OF BIRTH.";
1833    document.getElementById("err_msg").style.display = "block";
1834    window.setTimeout(function() { document.getElementById("err_msg").style.display = "none"; }, 3000);
1835  }
1836  else{
1837      var age = currentDate.getFullYear() - document.getElementById("year").value; 
1838      if (age < 21) {
1839          resultMessage.innerHTML = "YOU MUST BE OF LEGAL DRINKING AGE FOR ENTRY.";
1840          document.getElementById("err_msg").style.display = "block";
1841          window.setTimeout(function() { document.getElementById("err_msg").style.display = "none"; }, 3000);
1842      }
1843      else if (age == 21) {
1844          if (currentMonth <= birthMonth) {
1845              //console.log('current month is less than or equal to birth month');
1846              resultMessage.innerHTML = "YOU MUST BE OF LEGAL DRINKING AGE FOR ENTRY.";
1847              document.getElementById("err_msg").style.display = "block";
1848              window.setTimeout(function() { document.getElementById("err_msg").style.display = "none"; }, 3000);
1849          }
1850          else{
1851            localStorage.setItem("ageVerified", "true");
1852            document.getElementById("myModal").style.display = "none";
1853            modal.style.display = "none";
1854            //console.log("age verified");
1855            body.style.overflow = "auto";
1856          }
1857      }
1858      else{
1859          localStorage.setItem("ageVerified", "true");
1860          document.getElementById("myModal").style.display = "none";
1861          modal.style.display = "none";
1862          //console.log("age verified");
1863          body.style.overflow = "auto";
1864      }
1865  }
1866});
1867
1868
1869// Get the modal
1870var modal = document.getElementById("myModal");
1871
1872// Get the button that opens the modal
1873var btn = document.getElementById("myBtn");
1874
1875// When the user loads screen, open the modal 
1876var body = document.getElementsByClassName("zoom-image--enabled")[0];
1877
1878if (!ageVerified) {
1879  document.addEventListener('DOMContentLoaded', openModal, false);
1880}
1881
1882</script>
1882
1883
1884
1885</section><div id="shopify-section-cart-drawer" class="shopify-section"><cart-drawer  class="cart-drawer drawer" id="cart-drawer"><div class="cart-drawer__inner">
1886      <div class="cart-drawer__top">
1887        <div class="h-stack items-center justify-between">
1888          <div class="h-stack gap-2 sm:gap-2.5">
1889            <p class="h5">Cart</p>
1890          </div>
1891
1892          <button is="close-button" aria-label="Close">
1893      <svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close-x" viewBox="0 0 24 24">
1894        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
1895      </svg></button>
1896        </div></div>
1897
1898      <div class="empty-state align-self-center">
1899        <div class="prose">
1900          <p class="h5">Your cart is empty</p>�<a class="button button--xl btn-primary"
1901  
1902  
1903  
1904  
1905  
1906  href="/collections/all"
1907  
1908  � >
1909   <span class="button-content">Continue shopping</span>
1910  </a></div>
1911      </div>
1912    </div></cart-drawer>
1913
1914
1915</div><div id="shopify-section-search-drawer" class="shopify-section"><search-drawer  class="search-drawer  drawer drawer--lg" id="search-drawer">
1916  <form action="/search" method="get" class="v-stack gap-5 sm:gap-8" role="search">
1917    <div class="search-input">
1918      <input type="search" name="q" placeholder="Search for..." autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" aria-label="Search">
1919      <button type="reset" class="text-subdued">Clear</button>
1920      <button type="button" is="close-button">
1921        <span class="sr-only">Close</span><svg width="351" height="42" viewBox="0 0 351 42" fill="none" xmlns="http://www.w3.org/2000/svg">
1922      <rect width="351" height="42" rx="4" fill="#536451"/>
1923      <path d="M171.152 25.14C173.392 25.14 174.372 23.726 174.498 21.822H172.818C172.692 22.928 172.174 23.642 171.18 23.642H171.124C169.766 23.642 168.982 22.298 168.982 20.1C168.982 17.916 169.78 16.558 171.124 16.558H171.18C172.16 16.558 172.72 17.3 172.818 18.378H174.498C174.372 16.53 173.364 15.06 171.152 15.06C168.604 15.06 167.302 17.09 167.302 20.1C167.302 23.138 168.618 25.14 171.152 25.14ZM184.32 25V23.502H179.084V15.2H177.404V25H184.32ZM190.503 25.14C192.939 25.14 194.199 23.152 194.199 20.1C194.199 17.048 192.939 15.06 190.503 15.06C188.067 15.06 186.807 17.048 186.807 20.1C186.807 23.152 188.067 25.14 190.503 25.14ZM190.489 23.642C189.117 23.642 188.487 22.312 188.487 20.1C188.487 17.888 189.117 16.558 190.489 16.558H190.517C191.889 16.558 192.519 17.888 192.519 20.1C192.519 22.312 191.889 23.642 190.517 23.642H190.489ZM200.297 25.14C202.593 25.14 203.909 23.852 203.909 22.186C203.909 20.618 202.957 19.764 201.305 19.428L199.863 19.134C198.995 18.966 198.617 18.63 198.617 17.93C198.617 17.174 199.317 16.558 200.423 16.558H200.479C201.571 16.558 202.313 17.16 202.383 18.238H204.063C204.049 16.39 202.789 15.06 200.479 15.06C198.225 15.06 196.937 16.474 196.937 17.972C196.937 19.414 197.693 20.366 199.373 20.716L201.039 21.066C201.907 21.234 202.229 21.668 202.229 22.298C202.229 23.026 201.641 23.642 200.465 23.642H200.409C198.967 23.642 198.197 22.998 198.127 21.752H196.447C196.517 23.768 197.679 25.14 200.297 25.14ZM213.41 25V23.502H208.566V20.716H212.556V19.218H208.566V16.698H213.27V15.2H206.886V25H213.41Z" fill="#F3E9D5"/>
1924      </svg>
1925
1926    </button>
1927    </div>
1928
1929    
1930<input type="hidden" name="type" value="product">
1931    <input type="hidden" name="options[prefix]" value="last">
1932    <input type="hidden" name="options[unavailable_products]" value="last">
1933
1934    <predictive-search class="predictive-search" section-id="search-drawer" resources="product,article,collection" unavailable-products="last"><div slot="results"></div>
1935
1936      <div slot="loading">
1937        <div class="v-stack gap-5 sm:gap-6 ">
1938          <div class="h-stack gap-4 sm:gap-5"><span class="skeleton skeleton--tab"></span><span class="skeleton skeleton--tab"></span><span class="skeleton skeleton--tab"></span></div>
1939
1940          <div class="v-stack gap-4 sm:gap-6"><div class="h-stack align-center gap-5 sm:gap-6">
1941                <span class="skeleton skeleton--thumbnail"></span>
1942
1943                <div class="v-stack gap-3 w-full">
1944                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
1945                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
1946                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
1947                </div>
1948              </div><div class="h-stack align-center gap-5 sm:gap-6">
1949                <span class="skeleton skeleton--thumbnail"></span>
1950
1951                <div class="v-stack gap-3 w-full">
1952                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
1953                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
1954                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
1955                </div>
1956              </div><div class="h-stack align-center gap-5 sm:gap-6">
1957                <span class="skeleton skeleton--thumbnail"></span>
1958
1959                <div class="v-stack gap-3 w-full">
1960                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
1961                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
1962                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
1963                </div>
1964              </div><div class="h-stack align-center gap-5 sm:gap-6">
1965                <span class="skeleton skeleton--thumbnail"></span>
1966
1967                <div class="v-stack gap-3 w-full">
1968                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
1969                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
1970                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
1971                </div>
1972              </div></div>
1973        </div></div>
1974    </predictive-search>
1975  </form>
1976</search-drawer>
1977
1978</div><main role="main" id="main" class="anchor ">
1979      <section id="shopify-section-template--27979569070212__hero_new_UrTMBD" class="shopify-section shopify-section--image-with-text-overlay shopify-section--hero-new"><style>
1980  #shopify-section-template--27979569070212__hero_new_UrTMBD .img-overlay-content.custom_spacing{
1981    margin-block-start: 16px !important;
1982  }
1983  @media screen and (max-width: 767px) {
1984    #shopify-section-template--27979569070212__hero_new_UrTMBD .img-overlay-content.custom_spacing{
1985      margin-block-start: 16px !important;
1986    }
1987  }
1988  #shopify-section-template--27979569070212__hero_new_UrTMBD {--section-outer-spacing-block: 0;--content-over-media-overlay: 0 0 0 / 0.0;background: #000000;
1989  }
1990
1991  #shopify-section-template--27979569070212__hero_new_UrTMBD .content-over-media{
1992    grid-template: 0 1fr 0 / minmax(80px, 1fr) minmax(0,min(var(--container-max-width),100% - var(--content-over-media-gap, var(--content-over-media-column-gap, var(--container-gutter))) * 2)) 1fr
1993  }
1994
1995  @media screen and (max-width: 999px){
1996    #shopify-section-template--27979569070212__hero_new_UrTMBD .content-over-media{
1997      grid-template: 0 1fr 0 / 1fr minmax(0,min(var(--container-max-width),100% - var(--content-over-media-gap, var(--content-over-media-column-gap, var(--container-gutter))) * 2)) 1fr
1998    }
1999  }
2000
2001  @media (min-width: 1000px) {
2002    #shopify-section-template--27979569070212__hero_new_UrTMBD .hero-new-content {
2003      width: 100%;
2004      display: flex;
2005      align-items: center;
2006      max-width: 62%;
2007    }
2008  }
2009  
2010</style>
2011<div id="" class="display-contents content-position-mobile-overlay">
2012    <div class="section   section-blends section-full  text-custom"style="--text-color: 243 233 213;" ><image-banner reveal-on-scroll="true"  class="content-over-media content-over-media--lg full-bleed image-banner--background-position-center  text-custom"style="--text-color: 243 233 213;"><img src="//drink818.com/cdn/shop/files/KJ_PInas_DK_1.jpg?v=1767649834&amp;width=2441" alt="" srcset="//drink818.com/cdn/shop/files/KJ_PInas_DK_1.jpg?v=1767649834&amp;width=200 200w, //drink818.com/cdn/shop/files/KJ_PInas_DK_1.jpg?v=1767649834&amp;width=300 300w, //drink818.com/cdn/shop/files/KJ_PInas_DK_1.jpg?v=1767649834&amp;width=400 400w, //drink818.com/cdn/shop/files/KJ_PInas_DK_1.jpg?v=1767649834&amp;width=500 500w, //drink818.com/cdn/shop/files/KJ_PInas_DK_1.jpg?v=1767649834&amp;width=600 600w, //drink818.com/cdn/shop/files/KJ_PInas_DK_1.jpg?v=1767649834&amp;width=700 700w, //drink818.com/cdn/shop/files/KJ_PInas_DK_1.jpg?v=1767649834&amp;width=800 800w, //drink818.com/cdn/shop/files/KJ_PInas_DK_1.jpg?v=1767649834&amp;width=900 900w, //drink818.com/cdn/shop/files/KJ_PInas_DK_1.jpg?v=1767649834&amp;width=1000 1000w, //drink818.com/cdn/shop/files/KJ_PInas_DK_1.jpg?v=1767649834&amp;width=1200 1200w, //drink818.com/cdn/shop/files/KJ_PInas_DK_1.jpg?v=1767649834&amp;width=1400 1400w, //drink818.com/cdn/shop/files/KJ_PInas_DK_1.jpg?v=1767649834&amp;width=1600 1600w, //drink818.com/cdn/shop/files/KJ_PInas_DK_1.jpg?v=1767649834&amp;width=1800 1800w, //drink818.com/cdn/shop/files/KJ_PInas_DK_1.jpg?v=1767649834&amp;width=2000 2000w, //drink818.com/cdn/shop/files/KJ_PInas_DK_1.jpg?v=1767649834&amp;width=2200 2200w, //drink818.com/cdn/shop/files/KJ_PInas_DK_1.jpg?v=1767649834&amp;width=2400 2400w" width="2441" height="872" loading="lazy" sizes="100vw" class="hidden md:block"><img src="//drink818.com/cdn/shop/files/KJ_Pinas_MB_1.jpg?v=1767649834&amp;width=1200" alt="" srcset="//drink818.com/cdn/shop/files/KJ_Pinas_MB_1.jpg?v=1767649834&amp;width=200 200w, //drink818.com/cdn/shop/files/KJ_Pinas_MB_1.jpg?v=1767649834&amp;width=300 300w, //drink818.com/cdn/shop/files/KJ_Pinas_MB_1.jpg?v=1767649834&amp;width=400 400w, //drink818.com/cdn/shop/files/KJ_Pinas_MB_1.jpg?v=1767649834&amp;width=500 500w, //drink818.com/cdn/shop/files/KJ_Pinas_MB_1.jpg?v=1767649834&amp;width=600 600w, //drink818.com/cdn/shop/files/KJ_Pinas_MB_1.jpg?v=1767649834&amp;width=700 700w, //drink818.com/cdn/shop/files/KJ_Pinas_MB_1.jpg?v=1767649834&amp;width=800 800w, //drink818.com/cdn/shop/files/KJ_Pinas_MB_1.jpg?v=1767649834&amp;width=900 900w, //drink818.com/cdn/shop/files/KJ_Pinas_MB_1.jpg?v=1767649834&amp;width=1000 1000w, //drink818.com/cdn/shop/files/KJ_Pinas_MB_1.jpg?v=1767649834&amp;width=1200 1200w" width="1200" height="1600" loading="lazy" sizes="100vw" class="md:hidden"><div class="hero-new-content caslonpro large-mg place-self-start-center text-center md:place-self-ce
2012nter-start md:text-start hero-new-content--center">
2013            <div class="prose"><p class="gravityh1 mob-font-gravityh4 full_length" reveal-on-scroll="true"  style="line-height: 0.9 ;"><split-lines>Skip the Burn. Taste the Smooth.</split-lines></p> <!-- button type -->
2014                       <!--mobile button type -->
2015                       <!-- appending both values ino a single var -->
2016                      �<a class="button button-- mob-btn_secondary_small btn_primay"
2017  style="--button-background: 243 233 213 / var(--button-background-opacity, 1);--button-outline-color: 243 233 213;--button-text-color: 83 100 81;--custom-button-background: 243 233 213 / var(--button-background-opacity, 1);--custom-button-text-color: 83 100 81;"
2018  
2019  
2020  
2021  
2022  href="/pages/store-locator"
2023  
2024  � >
2025   <span class="button-content">FIND 818 TEQUILA</span>
2026  </a>�</div>
2027          </div></image-banner>
2028    </div></div>
2029
2030<style> #shopify-section-template--27979569070212__hero_new_UrTMBD split-lines {word-spacing: 6px;} </style></section><section id="shopify-section-template--27979569070212__a8b88b4d-530d-4efe-b371-b69b1d157a75" class="shopify-section shopify-section--multi-column"><style>
2031  #shopify-section-template--27979569070212__a8b88b4d-530d-4efe-b371-b69b1d157a75 {
2032    --section-background-hash: 0;
2033  }
2034
2035  #shopify-section-template--27979569070212__a8b88b4d-530d-4efe-b371-b69b1d157a75 + * {
2036    --previous-section-background-hash: 0;
2037  }</style><style>
2038    #shopify-section-template--27979569070212__a8b88b4d-530d-4efe-b371-b69b1d157a75 .multi-column.bleed.center-align{
2039      gap:80px;
2040    }
2041    #shopify-section-template--27979569070212__a8b88b4d-530d-4efe-b371-b69b1d157a75 .multi-column .v-stack.text-start{
2042      gap:40px;
2043    }
2044    #shopify-section-template--27979569070212__a8b88b4d-530d-4efe-b371-b69b1d157a75 .multi-column .btn-primary.full.custom, #shopify-section-template--27979569070212__a8b88b4d-530d-4efe-b371-b69b1d157a75 .multi-column .button.button-- {
2045      margin-top:40px;
2046    }
2047    #shopify-section-template--27979569070212__a8b88b4d-530d-4efe-b371-b69b1d157a75 .section{
2048      padding-block-end: 110px;
2049      padding-block-start: 110px;
2050    }
2051    #shopify-section-template--27979569070212__a8b88b4d-530d-4efe-b371-b69b1d157a75 .mbs-0{
2052      margin-block-start: 0;
2053    }
2054    span.subtitle-medium+p {
2055      margin-bottom: -8px;
2056    }
2057
2058
2059    #shopify-section-template--27979569070212__a8b88b4d-530d-4efe-b371-b69b1d157a75 {
2060      --multi-column-grid: none;
2061      --multi-column-list-gap: var(--spacing-12);
2062    }
2063
2064    #shopify-section-template--27979569070212__a8b88b4d-530d-4efe-b371-b69b1d157a75 .section{
2065      max-width: 100%;
2066      margin: 0 auto;
2067      margin-bottom: -10px;
2068    }
2069
2070    @media (max-width: 1250px){
2071      #shopify-section-template--27979569070212__a8b88b4d-530d-4efe-b371-b69b1d157a75 .multi-column.bleed.center-align{
2072      gap:30px;
2073      }
2074      #shopify-section-template--27979569070212__a8b88b4d-530d-4efe-b371-b69b1d157a75 .multi-column .v-stack.text-start{
2075        gap:20px;
2076      }
2077      #shopify-section-template--27979569070212__a8b88b4d-530d-4efe-b371-b69b1d157a75 .multi-column .btn-primary.full.custom, #shopify-section-template--27979569070212__a8b88b4d-530d-4efe-b371-b69b1d157a75 .multi-column .button.button--{
2078        margin-top:20px;
2079      }
2080      #shopify-section-template--27979569070212__a8b88b4d-530d-4efe-b371-b69b1d157a75 .section{
2081      padding-block-end: 50px;
2082      padding-block-start: 50px;
2083      }
2084      #shopify-section-template--27979569070212__a8b88b4d-530d-4efe-b371-b69b1d157a75 .section .h2.gravityh1{
2085        line-height: ;
2086      }
2087      #shopify-section-template--27979569070212__a8b88b4d-530d-4efe-b371-b69b1d157a75 .subtitle-medium p{
2088        line-height: 1.2;
2089      }
2090    }
2091    @media (max-width: 767px){
2092      #shopify-section-template--27979569070212__a8b88b4d-530d-4efe-b371-b69b1d157a75 .multi-column.flex{
2093        padding-left: 0rem;
2094        padding-right: 0rem;
2095      }
2096      #shopify-section-template--27979569070212__a8b88b4d-530d-4efe-b371-b69b1d157a75 .container {
2097        margin-inline-start: 0px;
2098        margin-inline-end: 0px;
2099      }
2100    }
2101
2102    #homepage-multi-image div.prose.caslonp1 p{
2103      font-size: 24px;
2104      line-height: 200%;
2105    }
2106  </style>
2107
2108<div id="homepage-sizzle" class="display-contents">
2109  <div class="section   section-blends section-full  text-custom"style="--text-color: 33 33 33;">
2110    <div class="section-stack max-screen "><div class="multi-column bleed md:unbleed center-align flex"><div class="multi-column__item snap-start main-flex-6" style="--multi-column-item-column-count: span 8" >
2111                <div class="relative"><div class="relative">�<video-media class="overlay-video" id="inline_video" ><video playsinline="true" preload="metadata" controls="controls" poster="//drink818.com/cdn/shop/files/preview_images/42428acc85934e9ea65c71c4ee63de16.thumbnail.0000000000_small.jpg?v=1678128564"><source src="//drink818.com/cdn/shop/videos/c/vp/42428acc85934e9ea65c71c4ee63de16/42428acc85934e9ea65c71c4ee63de16.SD-480p-1.0Mbps-12877035.mp4?v=0" type="video/mp4"><img src="//drink818.com/cdn/shop/files/preview_images/42428acc85934e9ea65c71c4ee63de16.thumbnail.0000000000_small.jpg?v=1678128564"></video><img src="//drink818.com/cdn/shop/files/Distillery_GIF_700x525_12_sec_9.6.23-sm_1.gif?v=1701896503&amp;width=400" alt="" srcset="//drink818.com/cdn/shop/files/Distillery_GIF_700x525_12_sec_9.6.23-sm_1.gif?v=1701896503&amp;width=200 200w, //drink818.com/cdn/shop/files/Distillery_GIF_700x525_12_sec_9.6.23-sm_1.gif?v=1701896503&amp;width=300 300w, //drink818.com/cdn/shop/files/Distillery_GIF_700x525_12_sec_9.6.23-sm_1.gif?v=1701896503&amp;width=400 400w" width="400" height="300" loading="lazy" sizes="(max-width: 740px) calc(100vw - 40px), (max-width: 999px) calc(100vw - 64px), min(1540px, 100vw - 96px)" id="ovrly_img"><span class="playbutton playBtn" id="play_button_inline">
2112                                <span id="paybtn_text">
2113                                  <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
2114                                    <circle cx="100" cy="100" r="98" stroke="#F3E9D5" stroke-width="4"/>
2115                                    <path d="M134.872 96.7934C135.558 97.1931 135.558 98.1845 134.872 98.5842L83.9027 128.273C83.2119 128.676 82.3449 128.177 82.3449 127.378V67.9998C82.3449 67.2003 83.2119 66.702 83.9027 67.1044L134.872 96.7934Z" fill="#F3E9D5"/>
2116                                  </svg>
2117
2118                                </span>
2119                              </span>
2120                            </video-media>
2121                            
2121<script>
2122                                var videoElement = document.getElementById("inline_video");
2123                                var urlVideo = document.querySelector("#inline_video video");
2124                                var playButtonUrl = document.getElementById("play_button_inline");
2125                                var overlayImg = document.getElementById("ovrly_img");
2126                                console.log("Elements Loaded");
2127
2128                                videoElement.addEventListener("click", (event) => {
2129                                  console.log("Video  clicked");
2130                                  playButtonUrl.style.display = "none";
2131                                  overlayImg.style.display = "none";
2132                                  overlayImg.style.visibility = 'hidden';
2133                                  overlayImg.style.opacity = '0';
2134                                  videoElement.play();
2135                                  console.log("Video  playing");
2136                                });
2137                                urlVideo.addEventListener('pause', (event) => {
2138                                  playButtonUrl.style.display = "block";
2139                                  overlayImg.style.display = "block";
2140                                  overlayImg.style.opacity = '1';
2141                                  overlayImg.style.visibility = 'visible';
2142                                });
2143                            </script>
2143<div class="place-self-center text-center playbtn-custom" style="display:none;">
2144                                <div class="prose"><button class="video-play-button" type="button" >
2145                                        <span class="sr-only">Play video</span><svg width="66" height="77" viewBox="0 0 66 77" fill="none" xmlns="http://www.w3.org/2000/svg">
2146        <path d="M64.5451 37.3491C65.2254 37.7499 65.2254 38.7339 64.5451 39.1347L1.91822 76.0303C1.22743 76.4372 0.356003 75.9392 0.356003 75.1374V1.34634C0.356003 0.544595 1.22744 0.0465722 1.91822 0.453534L64.5451 37.3491Z" fill="#F3E9D5"/>
2147        </svg></button></div>
2148                            </div>
2149                        </div><div class="absolute stack-image "><img src="//drink818.com/cdn/shop/files/Homepage_MagicOf818_536x610_c25297e4-ce91-4a18-b090-dfe7da817acd.png?v=1677015661&amp;width=536" alt="" srcset="//drink818.com/cdn/shop/files/Homepage_MagicOf818_536x610_c25297e4-ce91-4a18-b090-dfe7da817acd.png?v=1677015661&amp;width=300 300w, //drink818.com/cdn/shop/files/Homepage_MagicOf818_536x610_c25297e4-ce91-4a18-b090-dfe7da817acd.png?v=1677015661&amp;width=400 400w, //drink818.com/cdn/shop/files/Homepage_MagicOf818_536x610_c25297e4-ce91-4a18-b090-dfe7da817acd.png?v=1677015661&amp;width=500 500w" width="536" height="610" loading="lazy" sizes="(max-width: 699px) calc(73vw - 40px), (max-width: 999px) calc(38vw - 64px), calc(min(1540px, 100vw) / )" class="rounded" style="object-position:46.3653% 21.1357%;"></div></div>
2150              </div><div class="multi-column__item snap-start main-flex-4" style="--multi-column-item-column-count: span 4" ><div class="v-stack gap-8 text-start"><p class="gravityh2 mob-font-gravityh5 h2" style="line-height: 0.9;">The Magic of 818</p><div class="prose body_medium mob-font-body_small" style="line-height: 1.6 ;">�<p>Hand-picked by jimadores; cooked in traditional brick ovens; aged in oak barrels; and brought to you and your family straight from ours. We value every step of our process and respect those who make it possible, all while fulfilling our commitment to the earth. Ultimately, we are left with our award-winning 818, some of the smoothest and most enjoyable tequila in the world.</p><div class="mbs-0">
2151                             <!-- button type -->
2152                               <!--mobile button type -->
2153                               <!-- appending both values ino a single var -->�<a class="button button-- mob-btn_green_arrow btn_green_arrow"
2154  
2155  
2156  
2157  
2158  
2159  href="/pages/our-story"
2160  
2161  � >
2162   <span class="button-content">See Our Process</span>
2163  </a></div></div></div></div></div>
2164    </div>
2165  </div>
2166</div><style> #shopify-section-template--27979569070212__a8b88b4d-530d-4efe-b371-b69b1d157a75 p.gravityh2.mob-font-gravityh5.h2 {} </style></section><section id="shopify-section-template--27979569070212__featured-collection" class="shopify-section shopify-section--featured-collection"><style>
2167  #shopify-section-template--27979569070212__featured-collection {
2168    --section-background-hash: 0;
2169  }
2170
2171  #shopify-section-template--27979569070212__featured-collection + * {
2172    --previous-section-background-hash: 0;
2173  }</style><style>#shopify-section-template--27979569070212__featured-collection .section-stack.featured_custom{
2174    gap:20px;
2175  }
2176  #shopify-section-template--27979569070212__featured-collection .product-list {
2177    --product-list-gap: var(--product-list-row-gap) var(--product-list-column-gap);
2178    --product-list-items-per-row: 1;
2179    --product-list-carousel-item-width: 74vw;
2180    --product-list-grid: auto / auto-flow var(--product-list-carousel-item-width);
2181  }
2182  #shopify-section-template--27979569070212__featured-collection{
2183    overflow-x: clip;
2184  }
2185  @media screen and (min-width: 700px) {
2186    #shopify-section-template--27979569070212__featured-collection .section-stack.featured_custom{
2187      gap:40px;
2188    }
2189    #shopify-section-template--27979569070212__featured-collection .product-list {
2190      --product-list-gap: var(--product-list-row-gap) var(--product-list-column-gap);
2191      --product-list-items-per-row: 2;
2192      --product-list-carousel-item-width: 36vw;
2193    }
2194  }
2195
2196  @media screen and (min-width: 1000px) {
2197    #shopify-section-template--27979569070212__featured-collection .product-list {
2198      --product-list-items-per-row: 4;
2199      --product-list-carousel-item-width: calc(var(--container-inner-width) / 4 - (var(--product-list-column-gap) / 4 * 3));
2200      grid-template-columns: repeat(4, 1fr);
2201    }
2202  }
2203
2204  /*
2205  @media (max-width: 767px){
2206    #shopify-section-template--27979569070212__featured-collection.section-stack.featured_custom{
2207        padding-right: 0px !important;
2208    }
2209  }
2210  */
2211</style>
2212
2213<div id="full-width" class="display-contents">
2214  <div class="section   section-blends section-full  text-custom"style="--text-color: 36 36 36;">
2215    <div class="section-stack featured_custom">
2216      <div class="desktop-button">
2217  <section-header class="section-header "><div class="prose"><h2 class="h2 gravityh2 mob-font-gravityh6   " reveal-on-scroll="true"><split-lines>Our Tequila</split-lines></h2>
2218      </div><a href="/collections/our-tequila" class="text-with-icon group">
2219        <span class="btn outline">See all</span>
2220      </a></section-header></div>
2221
2222      <div class="floating-controls-container"><scroll-carousel selector="product-card" id="scroll-area-template--27979569070212__featured-collection" class="scroll-area bleed ">
2223          <reveal-items selector=".product-list > *">
2224            <product-list class="product-list"><product-card handle="818-blanco"  class="product-card  bg-custom"style="--background: 250 247 239;"><div class="product-card__figure">
2225      <a href="/products/818-blanco"><img src="//drink818.com/cdn/shop/files/Blanco_2025_1.5x.png?v=1748977920&amp;width=1080" alt="818 Tequila Blanco Bottle" srcset="//drink818.com/cdn/shop/files/Blanco_2025_1.5x.png?v=1748977920&amp;width=200 200w, //drink818.com/cdn/shop/files/Blanco_2025_1.5x.png?v=1748977920&amp;width=300 300w, //drink818.com/cdn/shop/files/Blanco_2025_1.5x.png?v=1748977920&amp;width=400 400w, //drink818.com/cdn/shop/files/Blanco_2025_1.5x.png?v=1748977920&amp;width=500 500w, //drink818.com/cdn/shop/files/Blanco_2025_1.5x.png?v=1748977920&amp;width=600 600w, //drink818.com/cdn/shop/files/Blanco_2025_1.5x.png?v=1748977920&amp;width=700 700w, //drink818.com/cdn/shop/files/Blanco_2025_1.5x.png?v=1748977920&amp;width=800 800w, //drink818.com/cdn/shop/files/Blanco_2025_1.5x.png?v=1748977920&amp;width=1000 1000w" width="1080" height="1680" loading="lazy" sizes="(max-width: 699px) 74vw, (max-width: 999px) 38vw, calc(min(100vw - 96px, 1540px) / 4 - (24px / 4 * 3))" class="product-card__image product-card__image--primary object-fill-safe aspect-tall"></a></div><div class="product-card__info custom_card product-card__info--center"><div class="v-stack gap-0.5 w-full justify-items-center"><span class="product-card__title"><a href="/products/818-blanco" class="bold">818 Blanco</a></span><div class="product-card__trigger"><button
2226            type="button"
2227            class="btn btn-primary btn-large btn--custom-size"
2228            data-mm-wtbid="66e8bbc26c68cb0f0fb7ee8a"
2229            
2230              data-mm-ids-us="0195893687015,0197716000032,0860006713461"
2231            
2232            
2233              data-mm-ids-ca="0860006713409"
2234            
2235            
2236              data-mm-ids-gb="0860006713492"
2237            
2238            
2239              data-mm-ids-au="1230000163002"
2240            
2241            data-mm-id-type="gtin"
2242            aria-label="Mikmak 818 Blanco">
2243            BUY NOW
2244          </button><a href="/products/818-blanco" class="btn btn-outline btn-large btn--custom-size">ABOUT</a>
2245      </div>
2246      
2247    </div></div>
2248</product-card>
2249<product-card handle="818-reposado"  class="product-card  bg-custom"style="--background: 250 247 239;"><div class="product-card__figure">
2250      <a href="/products/818-reposado"><img src="//drink818.com/cdn/shop/files/Repo_2025_1.5x.png?v=1748977956&amp;width=1080" alt="818 Tequila Reposado Bottle" srcset="//drink818.com/cdn/shop/files/Repo_2025_1.5x.png?v=1748977956&amp;width=200 200w, //drink818.com/cdn/shop/files/Repo_2025_1.5x.png?v=1748977956&amp;width=300 300w, //drink818.com/cdn/shop/files/Repo_2025_1.5x.png?v=1748977956&amp;width=400 400w, //drink818.com/cdn/shop/files/Repo_2025_1.5x.png?v=1748977956&amp;width=500 500w, //drink818.com/cdn/shop/files/Repo_2025_1.5x.png?v=1748977956&amp;width=600 600w, //drink818.com/cdn/shop/files/Repo_2025_1.5x.png?v=1748977956&amp;width=700 700w, //drink818.com/cdn/shop/files/Repo_2025_1.5x.png?v=1748977956&amp;width=800 800w, //drink818.com/cdn/shop/files/Repo_2025_1.5x.png?v=1748977956&amp;width=1000 1000w" width="1080" height="1680" loading="lazy" sizes="(max-width: 699px) 74vw, (max-width: 999px) 38vw, calc(min(100vw - 96px, 1540px) / 4 - (24px / 4 * 3))" class="product-card__image product-card__image--primary object-fill-safe aspect-tall"></a></div><div class="product-card__info custom_card product-card__info--center"><div class="v-stack gap-0.5 w-full justify-items-center"><span class="product-card__title"><a href="/products/818-reposado" class="bold">818 Reposado</a></span><div class="product-card__trigger"><button
2251            type="button"
2252            class="btn btn-primary btn-large btn--custom-size"
2253            data-mm-wtbid="66e8bbc26c68cb0f0fb7ee8a"
2254            
2255              data-mm-ids-us="0195893031092,0197716000049,0860006713478"
2256            
2257            
2258              data-mm-ids-ca="0860006713423"
2259            
2260            
2261              data-mm-ids-gb="0850040700008"
2262            
2263            
2264              data-mm-ids-au="1230000163019"
2265            
2266            data-mm-id-type="gtin"
2267            aria-label="Mikmak 818 Reposado">
2268            BUY NOW
2269          </button><a href="/products/818-reposado" class="btn btn-outline btn-large btn--custom-size">ABOUT</a>
2270      </div>
2271      
2272    </div></div>
2273</product-card>
2274<product-card handle="818-anejo"  class="product-card  bg-custom"style="--background: 250 247 239;"><div class="product-card__figure">
2275      <a href="/products/818-anejo"><img src="//drink818.com/cdn/shop/files/Anejo_2025_1.5x.png?v=1748978471&amp;width=1080" alt="818 Tequila Añejo Bottle" srcset="//drink818.com/cdn/shop/files/Anejo_2025_1.5x.png?v=1748978471&amp;width=200 200w, //drink818.com/cdn/shop/files/Anejo_2025_1.5x.png?v=1748978471&amp;width=300 300w, //drink818.com/cdn/shop/files/Anejo_2025_1.5x.png?v=1748978471&amp;width=400 400w, //drink818.com/cdn/shop/files/Anejo_2025_1.5x.png?v=1748978471&amp;width=500 500w, //drink818.com/cdn/shop/files/Anejo_2025_1.5x.png?v=1748978471&amp;width=600 600w, //drink818.com/cdn/shop/files/Anejo_2025_1.5x.png?v=1748978471&amp;width=700 700w, //drink818.com/cdn/shop/files/Anejo_2025_1.5x.png?v=1748978471&amp;width=800 800w, //drink818.com/cdn/shop/files/Anejo_2025_1.5x.png?v=1748978471&amp;width=1000 1000w" width="1080" height="1680" loading="lazy" sizes="(max-width: 699px) 74vw, (max-width: 999px) 38vw, c
2275alc(min(100vw - 96px, 1540px) / 4 - (24px / 4 * 3))" class="product-card__image product-card__image--primary object-fill-safe aspect-tall"></a></div><div class="product-card__info custom_card product-card__info--center"><div class="v-stack gap-0.5 w-full justify-items-center"><span class="product-card__title"><a href="/products/818-anejo" class="bold">818 Añejo</a></span><div class="product-card__trigger"><button
2276            type="button"
2277            class="btn btn-primary btn-large btn--custom-size"
2278            data-mm-wtbid="66e8bbc26c68cb0f0fb7ee8a"
2279            
2280              data-mm-ids-us="0195893154296"
2281            
2282            
2283              data-mm-ids-ca="0860006713430"
2284            
2285            
2286              data-mm-ids-gb="0850040700015"
2287            
2288            
2289              data-mm-ids-au="1230000163026"
2290            
2291            data-mm-id-type="gtin"
2292            aria-label="Mikmak 818 Añejo">
2293            BUY NOW
2294          </button><a href="/products/818-anejo" class="btn btn-outline btn-large btn--custom-size">ABOUT</a>
2295      </div>
2296      
2297    </div></div>
2298</product-card>
2299<product-card handle="eightreserve"  class="product-card  bg-custom"style="--background: 250 247 239;"><div class="product-card__figure">
2300      <a href="/products/eightreserve"><img src="//drink818.com/cdn/shop/files/8R_2025_1.5x.png?v=1748978493&amp;width=1080" alt="Eight Reserve by 818 Bottle" srcset="//drink818.com/cdn/shop/files/8R_2025_1.5x.png?v=1748978493&amp;width=200 200w, //drink818.com/cdn/shop/files/8R_2025_1.5x.png?v=1748978493&amp;width=300 300w, //drink818.com/cdn/shop/files/8R_2025_1.5x.png?v=1748978493&amp;width=400 400w, //drink818.com/cdn/shop/files/8R_2025_1.5x.png?v=1748978493&amp;width=500 500w, //drink818.com/cdn/shop/files/8R_2025_1.5x.png?v=1748978493&amp;width=600 600w, //drink818.com/cdn/shop/files/8R_2025_1.5x.png?v=1748978493&amp;width=700 700w, //drink818.com/cdn/shop/files/8R_2025_1.5x.png?v=1748978493&amp;width=800 800w, //drink818.com/cdn/shop/files/8R_2025_1.5x.png?v=1748978493&amp;width=1000 1000w" width="1080" height="1680" loading="lazy" sizes="(max-width: 699px) 74vw, (max-width: 999px) 38vw, calc(min(100vw - 96px, 1540px) / 4 - (24px / 4 * 3))" class="product-card__image product-card__image--primary object-fill-safe aspect-tall"></a></div><div class="product-card__info custom_card product-card__info--center"><div class="v-stack gap-0.5 w-full justify-items-center"><span class="product-card__title"><a href="/products/eightreserve" class="bold">Eight Reserve</a></span><div class="product-card__trigger"><button
2301            type="button"
2302            class="btn btn-primary btn-large btn--custom-size"
2303            data-mm-wtbid="66e8bbc26c68cb0f0fb7ee8a"
2304            
2305              data-mm-ids-us="0860006713454,0197716000063"
2306            
2307            
2308            
2309              data-mm-ids-gb="1230000163033"
2310            
2311            
2312              data-mm-ids-au="1230000163040"
2313            
2314            data-mm-id-type="gtin"
2315            aria-label="Mikmak Eight Reserve">
2316            BUY NOW
2317          </button><a href="/products/eightreserve" class="btn btn-outline btn-large btn--custom-size">ABOUT</a>
2318      </div>
2319      
2320    </div></div>
2321</product-card>
2322</product-list>
2323          </reveal-items>
2324        </scroll-carousel><button is="prev-button" class="circle-button circle-button--lg circle-button--fill border group" aria-controls="scroll-area-template--27979569070212__featured-collection" disabled>
2325              <span class="sr-only">Previous</span>
2326              <span class="animated-arrow animated-arrow--reverse"></span>
2327            </button>
2328
2329            <button is="next-button" class="circle-button circle-button--lg circle-button--fill border group" aria-controls="scroll-area-template--27979569070212__featured-collection">
2330              <span class="sr-only">Next</span>
2331              <span class="animated-arrow"></span>
2332            </button></div>
2333      <div class="bottom-button full mob-only">
2334  <section-header class="section-header "><a href="/collections/our-tequila" class="text-with-icon group">
2335        <span class="btn outline">See all</span>
2336      </a></section-header></div>
2337    </div>
2338    
2339  </div>
2340</div>
2341
2342<style> #shopify-section-template--27979569070212__featured-collection .bold {font-weight: 400; word-spacing: 4px;} @media (max-width: 1300px) {#shopify-section-template--27979569070212__featured-collection .product-card__title {font-size: 20px; line-height: 0.9; font-weight: 400; }} </style></section><section id="shopify-section-template--27979569070212__logo_list_H8Wwtr" class="shopify-section shopify-section--logo-list"><style>
2343  #shopify-section-template--27979569070212__logo_list_H8Wwtr {
2344    --section-background-hash: 004130350065006500900010607006069;
2345  }
2346
2347  #shopify-section-template--27979569070212__logo_list_H8Wwtr + * {
2348    --previous-section-background-hash: 004130350065006500900010607006069;
2349  }</style>
2350  <style>
2351    #shopify-section-template--27979569070212__logo_list_H8Wwtr {
2352      --logo-list-item-max-size: 280px;
2353      --logo-list-grid: 1fr / auto-flow 52vw;
2354      --logo-list-items-per-row: 2;
2355      --logo-list-items-border:  / ;
2356      --section-stack-spacing-block: var(--spacing-5);
2357    }
2358    #shopify-section-template--27979569070212__logo_list_H8Wwtr .section-stack.custom_gap{
2359      gap: 0px;
2360    }
2361    @media screen and (min-width: 700px) {
2362      #shopify-section-template--27979569070212__logo_list_H8Wwtr {
2363        --logo-list-grid: auto-flow 1fr / repeat(var(--logo-list-items-per-row), minmax(0, var(--logo-list-item-max-size)));
2364        --logo-list-items-per-row: 3;
2365        --section-stack-spacing-block: var(--spacing-5);
2366      }
2367      #shopify-section-template--27979569070212__logo_list_H8Wwtr .section-stack.custom_gap{
2368        gap: 0px;
2369      }
2370    }
2371
2372    @media screen and (min-width: 1000px) {
2373      #shopify-section-template--27979569070212__logo_list_H8Wwtr {
2374        --logo-list-items-per-row: 4;
2375        --section-stack-spacing-block: var(--spacing-5);
2376      }
2377    }
2378
2379    @media screen and (min-width: 700px) and (max-width: 1000px) {
2380      #shopify-section-template--27979569070212__logo_list_H8Wwtr.shopify-section--logo-list .section{
2381        padding-bottom: 50px;
2382      }
2383    }
2384
2385    @media screen and (min-width: 1150px) {
2386      #shopify-section-template--27979569070212__logo_list_H8Wwtr {
2387        --logo-list-items-per-row: 5;
2388        --section-stack-spacing-block: var(--spacing-5);
2389      }
2390      reveal-items.logo-list.scroll-area{
2391        gap:0;
2392      }
2393    }
2394    .logo-list .logo-list__item{
2395      flex: 0 0 20%;
2396      padding-left: 15px;
2397      padding-right: 15px;
2398    }
2399  </style>
2400
2401<div id="" class="display-contents">
2402  <div class="section   section-full bg-custom"style="--background: 190 188 101;">
2403    <div class="section-stack sm:justify-items-center custom_gap">
2404      <div class="prose text-center center-aligned-narrow"><p class="gravityh3 mob-font-gravityh5" style="line-height: 1 ;">OVER 50 TASTING AWARDS ACROSS 14 INTERNATIONAL COMPETITIONS</p><div class="subtitle_large mob-font-subtitle_small" style="line-height: 1.2 ;"></div>
2405      </div>
2406
2407      <reveal-items class="logo-list scroll-area bleed sm:unbleed"><div �class="logo-list__item bg-custom"style="--background: 190 188 101;" ><img src="//drink818.com/cdn/shop/files/Blanco_Agavos_2025_1.svg?v=1748989778&amp;width=699" alt="" srcset="//drink818.com/cdn/shop/files/Blanco_Agavos_2025_1.svg?v=1748989778&amp;width=300 300w, //drink818.com/cdn/shop/files/Blanco_Agavos_2025_1.svg?v=1748989778&amp;width=600 600w" width="699" height="304" loading="lazy" style="--logo-list-image-max-width: 300px" class="logo-list__image" sizes="300px"></div><div �class="logo-list__item bg-custom"style="--background: 190 188 101;" ><img src="//drink818.com/cdn/shop/files/Blanco_LSC_2025_1.svg?v=1748989807&amp;width=699" alt="" srcset="//drink818.com/cdn/shop/files/Blanco_LSC_2025_1.svg?v=1748989807&amp;width=300 300w, //drink818.com/cdn/shop/files/Blanco_LSC_2025_1.svg?v=1748989807&amp;width=600 600w" width="699" height="304" loading="lazy" style="--logo-list-image-max-width: 300px" class="logo-list__image" sizes="300px"></div><div �class="logo-list__item bg-custom"style="--background: 190 188 101;" ><img src="//drink818.com/cdn/shop/files/8R_SF_2024.svg?v=1752708499&amp;width=718" alt="" srcset="//drink818.com/cdn/shop/files/8R_SF_2024.svg?v=1752708499&amp;width=300 300w, //drink818.com/cdn/shop/files/8R_SF_2024.svg?v=1752708499&amp;width=600 600w" width="718" height="312" loading="lazy" style="--logo-list-image-max-width: 300px" class="logo-list__image" sizes="300px"></div><div �class="logo-list__item bg-custom"style="--background: 190 188 101;" ><img src="//drink818.com/cdn/shop/files/Blanco_SIP-Inno_2025.svg?v=1752707618&amp;width=699" alt="" srcset="//drink818.com/cdn/shop/files/Blanco_SIP-Inno_2025.svg?v=1752707618&amp;width=300 300w, //drink818.com/cdn/shop/files/Blanco_SIP-Inno_2025.svg?v=1752707618&amp;width=600 600w" width="699" height="304" loading="lazy" style="--logo-list-image-max-width: 300px" class="logo-list__image" sizes="300px"></div><div �class="logo-list__item bg-custom"style="--background: 190 188 101;" ><img src="//drink818.com/cdn/shop/files/Blanco_SIP_2025.svg?v=1752707618&amp;width=699" alt="" srcset="//drink818.com/cdn/shop/files/Blanco_SIP_2025.svg?v=1752707618&amp;width=300 300w, //drink818.com/cdn/shop/files/Blanco_SIP_2025.svg?v=1752707618&amp;width=600 600w" width="699" height="304" loading="lazy" style="--logo-list-image-max-width: 300px" class="logo-list__image" sizes="300px"></div><div �class="logo-list__item bg-custom"style="--background: 190 188 101;" ><img src="//drink818.com/cdn/shop/files/Anejo_SFWS_2024_1.svg?v=1748989967&amp;width=699" alt="" srcset="//drink818.com/cdn/shop/files/Anejo_SFWS_2024_1.svg?v=1748989967&amp;width=300 300w, //drink818.com/cdn/shop/files/Anejo_SFWS_2024_1.svg?v=1748989967&amp;width=600 600w" width="699" height="304" loading="lazy" style="--logo-list-image-max-width: 300px" class="logo-list__image" sizes="300px"></div><div �class="logo-list__item bg-custom"style="--background: 190 188 101;" ><img src="//drink818.com/cdn/shop/files/Repo_SFWS_2024_1.svg?v=1748989822&amp;width=699" alt="" srcset="//drink818.com/cdn/shop/files/Repo_SFWS_2024_1.svg?v=1748989822&amp;width=300 300w, //drink818.com/cdn/shop/files/Repo_SFWS_2024_1.svg?v=1748989822&amp;width=600 600w" width="699" height="304" loading="lazy" style="--logo-list-image-max-width: 300px" class="logo-list__image" sizes="300px"></div><div �class="logo-list__item bg-custom"style="--background: 190 188 101;" ><img src="//drink818.com/cdn/shop/files/8R_SF_2025.svg?v=1752708499&amp;width=718" alt="" srcset="//drink818.com/cdn/shop/files/8R_SF_2025.svg?v=1752708499&amp;width=300 300w, //drink818.com/cdn/shop/files/8R_SF_2025.svg?v=1752708499&amp;width=600 600w" width="718" height="312" loading="lazy" style="--logo-list-image-max-width: 300px" class="logo-list__image" sizes="300px"></div></reveal-items>
2408    </div>
2409  </div>
2410</div><style> #shopify-section-template--27979569070212__logo_list_H8Wwtr p.gravityh3.mob-font-gravityh5 {word-spacing: 8px;} </style></section><section id="shopify-section-template--27979569070212__image-with-text-overlay" class="shopify-section shopify-section--image-with-text-overlay"><style>
2411  #shopify-section-template--27979569070212__image-with-text-overlay .img-overlay-content.custom_spacing{
2412    margin-block-start: 40px !important;
2413  }
2414  @media screen and (max-width: 767px) {
2415    #shopify-section-template--27979569070212__image-with-text-overlay .img-overlay-content.custom_spacing{
2416      margin-block-start: 20px !important;
2417    }
2418  }
2419  #shopify-section-template--27979569070212__image-with-text-overlay {--section-outer-spacing-block: 0;--content-over-media-overlay: 0 0 0 / 0.0;background: var(--black);
2420  }
2421
2422  #shopify-section-template--27979569070212__image-with-text-overlay .content-over-media{
2423    grid-template: 0 1fr 0 / minmax(80px, 1fr) minmax(0,min(var(--container-max-width),100% - var(--content-over-media-gap, var(--content-over-media-column-gap, var(--container-gutter))) * 2)) 1fr
2424  }
2425
2426  @media screen and (max-width: 600px){
2427    #shopify-section-template--27979569070212__image-with-text-overlay .content-over-media{
2428      grid-template: 0 1fr 0 / 1fr minmax(0,min(var(--container-max-width),100% - var(--content-over-media-gap, var(--content-over-media-column-gap, var(--container-gutter))) * 2)) 1fr
2429    }
2430  }
2431
2432  
2433</style>
2434<div id="homepage-image-with-text" class="display-contents">
2435    <div class="section   section-blends section-full  text-custom"style="--text-color: 243 233 213;" ><image-banner reveal-on-scroll="true"  class="content-over-media content-over-media--auto full-bleed  text-custom"style="--text-color: 243 233 213;"><img src="//drink818.com/cdn/shop/files/Image_3x_ae291597-75a6-4e41-8fec-bc8db5c1d97d.png?v=1674485071&amp;width=5184" alt="" srcset="//drink818.com/cdn/shop/files/Image_3x_ae291597-75a6-4e41-8fec-bc8db5c1d97d.png?v=1674485071&amp;width=200 200w, //drink818.com/cdn/shop/files/Image_3x_ae291597-75a6-4e41-8fec-bc8db5c1d97d.png?v=1674485071&amp;width=300 300w, //drink818.com/cdn/shop/files/Image_3x_ae291597-75a6-4e41-8fec-bc8db5c1d97d.png?v=1674485071&amp;width=400 400w, //drink818.com/cdn/shop/files/Image_3x_ae291597-75a6-4e41-8fec-bc8db5c1d97d.png?v=1674485071&amp;width=500 500w, //drink818.com/cdn/shop/files/Image_3x_ae291597-75a6-4e41-8fec-bc8db5c1d97d.png?v=1674485071&amp;width=600 600w, //drink818.com/cdn/shop/files/Image_3x_ae291597-75a6-4e41-8fec-bc8db5c1d97d.png?v=1674485071&amp;width=700 700w, //drink818.com/cdn/shop/files/Image_3x_ae291597-75a6-4e41-8fec-bc8db5c1d97d.png?v=1674485071&amp;width=800 800w, //drink818.com/cdn/shop/files/Image_3x_ae291597-75a6-4e41-8fec-bc8db5c1d97d.png?v=1674485071&amp;width=900 900w, //drink818.com/cdn/shop/files/Image_3x_ae291597-75a6-4e41-8fec-bc8db5c1d97d.png?v=1674485071&amp;width=1000 1000w, //drink818.com/cdn/shop/files/Image_3x_ae291597-75a6-4e41-8fec-bc8db5c1d97d.png?v=1674485071&amp;width=1200 1200w, //drink818.com/cdn/shop/files/Image_3x_ae291597-75a6-4e41-8fec-bc8db5c1d97d.png?v=1674485071&amp;width=1400 1400w, //drink818.com/cdn/shop/files/Image_3x_ae291597-75a6-4e41-8fec-bc8db5c1d97d.png?v=1674485071&amp;width=1600 1600w, //drink818.com/cdn/shop/files/Image_3x_ae291597-75a6-4e41-8fec-bc8db5c1d97d.png?v=1674485071&amp;width=1800 1800w, //drink818.com/cdn/shop/files/Image_3x_ae291597-75a6-4e41-8fec-bc8db5c1d97d.png?v=1674485071&amp;width=2000 2000w, //drink818.com/cdn/shop/files/Image_3x_ae291597-75a6-4e41-8fec-bc8db5c1d97d.png?v=1674485071&amp;width=2200 2200w, //drink818.com/cdn/shop/files/Image_3x_ae291597-75a6-4e41-8fec-bc8db5c1d97d.png?v=1674485071&amp;width=2400 2400w, //drink818.com/cdn/shop/files/Image_3x_ae291597-75a6-4e41-8fec-bc8db5c1d97d.png?v=1674485071&amp;width=2600 2600w, //drink818.com/cdn/shop/files/Image_3x_ae291597-75a6-4e41-8fec-bc8db5c1d97d.png?v=1674485071&amp;width=2800 2800w, //drink818.com/cdn/shop/files/Image_3x_ae291597-75a6-4e41-8fec-bc8db5c1d97d.png?v=1674485071&amp;width=3000 3000w, //drink818.com/cdn/shop/files/Image_3x_ae291597-75a6-4e41-8fec-bc8db5c1d97d.png?v=1674485071&amp;width=3200 3200w" width="5184" height="2481" loading="lazy" sizes="100vw" class="hidden sm:block" style="object-position:76.3766% 11.8959%;"><img src="//drink818.com/cdn/shop/files/D4SE_Full_Width_MB_2af706f0-30f5-49e8-bad0-cb5ae34ca24a.jpg?v=1678129261&amp;width=750" alt="" srcset="//drink818.com/cdn/shop/files/D4SE_Full_Width_MB_2af706f0-30f5-49e8-bad0-cb5ae34ca24a.jpg?v=1678129261&amp;width=200 200w, //drink818.com/cdn/shop/files/D4SE_Full_Width_MB_2af706f0-30f5-49e8-bad0-cb5ae34ca24a.jpg?v=1678129261&amp;width=300 300w, //drink818.com/cdn/shop/files/D4SE_Full_Width_MB_2af706f0-30f5-49e8-bad0-cb5ae34ca24a.jpg?v=1678129261&amp;width=400 400w, //drink818.com/cdn/shop/files/D4SE_Full_Width_MB_2af706f0-30f5-49e8-bad0-cb5ae34ca24a.jpg?v=1678129261&amp;width=500 500w, //drink818.com/cdn/shop/files/D4SE_Full_Width_MB_2af706f0-30f5-49e8-bad0-cb5ae34ca24a.jpg?v=1678129261&amp;width=600 600w, //drink818.com/cdn/shop/files/D4SE_Full_Width_MB_2af706f0-30f5-49e8-bad0-cb5ae34ca24a.jpg?v=1678129261&amp;width=700 700w" width="750" height="1676" loading="lazy" sizes="100vw" class="sm:hidden"><div class="caslonpro large-mg place-self-start-center text-center sm:place-self-ce
2435nter-start sm:text-start">
2436            <div class="prose"><p class="gravityh2 mob-font-gravityh5 limited_length" reveal-on-scroll="true"  style="line-height: 0.9 ;"><split-lines>DISTILLED FOR SPIRITED  ENCOUNTERS</split-lines></p><div  class="img-overlay-content body_large mob-font-body_medium custom_spacing" style="line-height: 1.6;" ><p>Truly excellent tequila is something worth searching for, savoring, and celebrating. At 818, we bring you tequila from family-owned farms in Jalisco, using only the highest quality ingredients. We believe 818 tastes best when you can enjoy a glass with those you love - so cheers: here’s to the place you call home.</p></div> <!-- button type -->
2437                       <!--mobile button type -->
2438                       <!-- appending both values ino a single var -->
2439                      �<a class="button button-- mob-btn_primay_arrow btn_primay_arrow"
2440  style="--button-background: 243 233 213 / var(--button-background-opacity, 1);--button-outline-color: 243 233 213;--button-text-color: 36 36 36;--custom-button-background: 243 233 213 / var(--button-background-opacity, 1);--custom-button-text-color: 36 36 36;"
2441  
2442  
2443  
2444  
2445  href="/pages/our-story"
2446  
2447  � >
2448   <span class="button-content">Read Our Full Story</span>
2449  </a>�</div>
2450          </div></image-banner>
2451    </div>
2452</div>
2453
2454<style> #shopify-section-template--27979569070212__image-with-text-overlay p.gravityh2.mob-font-gravityh5.h2 {word-spacing: 8px;} </style></section><section id="shopify-section-template--27979569070212__c740ee0a-9187-4f47-abca-e233039cdcf1" class="shopify-section shopify-section--multi-column"><style>
2455  #shopify-section-template--27979569070212__c740ee0a-9187-4f47-abca-e233039cdcf1 {
2456    --section-background-hash: 0;
2457  }
2458
2459  #shopify-section-template--27979569070212__c740ee0a-9187-4f47-abca-e233039cdcf1 + * {
2460    --previous-section-background-hash: 0;
2461  }</style><style>
2462    #shopify-section-template--27979569070212__c740ee0a-9187-4f47-abca-e233039cdcf1 .multi-column.bleed.center-align{
2463      gap:80px;
2464    }
2465    #shopify-section-template--27979569070212__c740ee0a-9187-4f47-abca-e233039cdcf1 .multi-column .v-stack.text-start{
2466      gap:40px;
2467    }
2468    #shopify-section-template--27979569070212__c740ee0a-9187-4f47-abca-e233039cdcf1 .multi-column .btn-primary.full.custom, #shopify-section-template--27979569070212__c740ee0a-9187-4f47-abca-e233039cdcf1 .multi-column .button.button-- {
2469      margin-top:40px;
2470    }
2471    #shopify-section-template--27979569070212__c740ee0a-9187-4f47-abca-e233039cdcf1 .section{
2472      padding-block-end: 110px;
2473      padding-block-start: 110px;
2474    }
2475    #shopify-section-template--27979569070212__c740ee0a-9187-4f47-abca-e233039cdcf1 .mbs-0{
2476      margin-block-start: 0;
2477    }
2478    span.subtitle-medium+p {
2479      margin-bottom: -8px;
2480    }
2481
2482
2483    #shopify-section-template--27979569070212__c740ee0a-9187-4f47-abca-e233039cdcf1 {
2484      --multi-column-grid: none;
2485      --multi-column-list-gap: var(--spacing-12);
2486    }
2487
2488    #shopify-section-template--27979569070212__c740ee0a-9187-4f47-abca-e233039cdcf1 .section{
2489      max-width: 100%;
2490      margin: 0 auto;
2491      margin-bottom: -10px;
2492    }
2493
2494    @media (max-width: 1250px){
2495      #shopify-section-template--27979569070212__c740ee0a-9187-4f47-abca-e233039cdcf1 .multi-column.bleed.center-align{
2496      gap:30px;
2497      }
2498      #shopify-section-template--27979569070212__c740ee0a-9187-4f47-abca-e233039cdcf1 .multi-column .v-stack.text-start{
2499        gap:20px;
2500      }
2501      #shopify-section-template--27979569070212__c740ee0a-9187-4f47-abca-e233039cdcf1 .multi-column .btn-primary.full.custom, #shopify-section-template--27979569070212__c740ee0a-9187-4f47-abca-e233039cdcf1 .multi-column .button.button--{
2502        margin-top:20px;
2503      }
2504      #shopify-section-template--27979569070212__c740ee0a-9187-4f47-abca-e233039cdcf1 .section{
2505      padding-block-end: 50px;
2506      padding-block-start: 50px;
2507      }
2508      #shopify-section-template--27979569070212__c740ee0a-9187-4f47-abca-e233039cdcf1 .section .h2.gravityh1{
2509        line-height: ;
2510      }
2511      #shopify-section-template--27979569070212__c740ee0a-9187-4f47-abca-e233039cdcf1 .subtitle-medium p{
2512        line-height: 1.2;
2513      }
2514    }
2515    @media (max-width: 767px){
2516      #shopify-section-template--27979569070212__c740ee0a-9187-4f47-abca-e233039cdcf1 .multi-column.flex{
2517        padding-left: 0rem;
2518        padding-right: 0rem;
2519      }
2520      #shopify-section-template--27979569070212__c740ee0a-9187-4f47-abca-e233039cdcf1 .container {
2521        margin-inline-start: 0px;
2522        margin-inline-end: 0px;
2523      }
2524    }
2525
2526    #homepage-multi-image div.prose.caslonp1 p{
2527      font-size: 24px;
2528      line-height: 200%;
2529    }
2530  </style>
2531
2532<div id="homepage-multi-image" class="display-contents">
2533  <div class="section   section-blends  section-custom-boxed text-custom"style="--text-color: 36 36 36;">
2534    <div class="section-stack max-screen container "><div class="multi-column bleed md:unbleed center-align flex"><div class="multi-column__item snap-start main-flex-6" style="--multi-column-item-column-count: span 8" >
2535                  <div class="relative mob-padding"><div class="stack-image2"><img src="//drink818.com/cdn/shop/files/MIHWTE_1_DK_2x_6e92dcdf-2700-45bf-99a4-e9acf361265e.jpg?v=1677783348&amp;width=1250" alt="" srcset="//drink818.com/cdn/shop/files/MIHWTE_1_DK_2x_6e92dcdf-2700-45bf-99a4-e9acf361265e.jpg?v=1677783348&amp;width=300 300w, //drink818.com/cdn/shop/files/MIHWTE_1_DK_2x_6e92dcdf-2700-45bf-99a4-e9acf361265e.jpg?v=1677783348&amp;width=400 400w, //drink818.com/cdn/shop/files/MIHWTE_1_DK_2x_6e92dcdf-2700-45bf-99a4-e9acf361265e.jpg?v=1677783348&amp;width=500 500w, //drink818.com/cdn/shop/files/MIHWTE_1_DK_2x_6e92dcdf-2700-45bf-99a4-e9acf361265e.jpg?v=1677783348&amp;width=600 600w, //drink818.com/cdn/shop/files/MIHWTE_1_DK_2x_6e92dcdf-2700-45bf-99a4-e9acf361265e.jpg?v=1677783348&amp;width=800 800w, //drink818.com/cdn/shop/files/MIHWTE_1_DK_2x_6e92dcdf-2700-45bf-99a4-e9acf361265e.jpg?v=1677783348&amp;width=1000 1000w, //drink818.com/cdn/shop/files/MIHWTE_1_DK_2x_6e92dcdf-2700-45bf-99a4-e9acf361265e.jpg?v=1677783348&amp;width=1200 1200w" width="1250" height="1224" loading="lazy" sizes="(max-width: 699px) calc(73vw - 40px), (max-width: 999px) calc(38vw - 64px), calc(min(1540px, 100vw) / )" class="rounded"></div><div class="absolute stack-image-secondary"><img src="//drink818.com/cdn/shop/files/MIHWTE_2_DK_2x_75ac5067-02f4-4802-a239-355647820d48.jpg?v=1677783322&amp;width=840" alt="" srcset="//drink818.com/cdn/shop/files/MIHWTE_2_DK_2x_75ac5067-02f4-4802-a239-355647820d48.jpg?v=1677783322&amp;width=300 300w, //drink818.com/cdn/shop/files/MIHWTE_2_DK_2x_75ac5067-02f4-4802-a239-355647820d48.jpg?v=1677783322&amp;width=400 400w, //drink818.com/cdn/shop/files/MIHWTE_2_DK_2x_75ac5067-02f4-4802-a239-355647820d48.jpg?v=1677783322&amp;width=500 500w, //drink818.com/cdn/shop/files/MIHWTE_2_DK_2x_75ac5067-02f4-4802-a239-355647820d48.jpg?v=1677783322&amp;width=600 600w, //drink818.com/cdn/shop/files/MIHWTE_2_DK_2x_75ac5067-02f4-4802-a239-355647820d48.jpg?v=1677783322&amp;width=800 800w" width="840" height="950" loading="lazy" sizes="(max-width: 699px) calc(73vw - 40px), (max-width: 999px) calc(38vw - 64px), calc(min(1540px, 100vw) / )" class="rounded"></div></div>
2536                </div><div class="multi-column__item snap-start main-flex-4" style="--multi-column-item-column-count: span 4" ><div class="v-stack gap-8 text-start"><p class="gravityh2 mob-font-gravityh5 h2" style="line-height: 0.9;">MADE IN HARMONY  WITH THE EARTH</p><div class="prose body_large mob-font-body_medium" style="line-height: 1.6 ;">�<p>From the agaves we grow to the production of the bottle, sustainability and transparency of our supply chain is our core focus. We feel a great responsibility to have a positive impact on individuals, communities, and our shared environment.</p><div class="mbs-0">
2537                             <!-- button type -->
2538                               <!--mobile button type -->
2539                               <!-- appending both values ino a single var -->�<a class="button button-- mob-btn_green_arrow btn_green_arrow"
2540  
2541  
2542  
2543  
2544  
2545  href="/pages/our-sustainable-story"
2546  
2547  � >
2548   <span class="button-content">Learn More</span>
2549  </a></div></div></div></div></div>
2550    </div>
2551  </div>
2552</div><style> #shopify-section-template--27979569070212__c740ee0a-9187-4f47-abca-e233039cdcf1 p.gravityh2.mob-font-gravityh5.h2 {word-spacing: 8px;} </style></section><section id="shopify-section-template--27979569070212__blog_posts_7reWrh" class="shopify-section shopify-section--blog-posts"><style>
2553  #shopify-section-template--27979569070212__blog_posts_7reWrh {
2554    --section-background-hash: 0;
2555  }
2556
2557  #shopify-section-template--27979569070212__blog_posts_7reWrh + * {
2558    --previous-section-background-hash: 0;
2559  }</style><style>
2560  #shopify-section-template--27979569070212__blog_posts_7reWrh {
2561    --blog-posts-per-row: 3;
2562    --blog-posts-grid: auto / minmax(0, 1fr));
2563  }
2564
2565  @media screen and (min-width: 700px) {
2566    #shopify-section-template--27979569070212__blog_posts_7reWrh {
2567      --blog-posts-grid: auto / repeat(var(--blog-posts-per-row), minmax(0, 1fr));
2568    }
2569  }
2570
2571  @media screen and (min-width: 1000px) {
2572    #shopify-section-template--27979569070212__blog_posts_7reWrh {
2573      --blog-posts-grid: auto / repeat(var(--blog-posts-per-row), minmax(0, 1fr));
2574    }
2575  }
2576</style>
2577
2578<div class="section   section-blends section-full">
2579  <div class="section-stack">
2580  <section-header class="section-header "><div class="prose"><h2 class="h2  mob-font-   " reveal-on-scroll="true"><split-lines>Our Cocktails</split-lines></h2>
2581      </div><a href="/blogs/cocktails" class="text-with-icon group">
2582        <span class="btn outline">View all</span>
2583      </a></section-header><div class="blog-posts ">
2584
2585  <div class="multi-column__item snap-start" >
2586    <div class="flip-card" id="flip-card-">
2587      <div class="flip-card-inner">
2588        <div class="flip-card-front"><span class="cockatil_main_img_wrapper mobile_hide"><img src="//drink818.com/cdn/shop/articles/Kiwi_Basil_Marg_DK.jpg?v=1787603194&amp;width=1080" alt="Kiwi Basil Margarita" srcset="//drink818.com/cdn/shop/articles/Kiwi_Basil_Marg_DK.jpg?v=1787603194&amp;width=300 300w, //drink818.com/cdn/shop/articles/Kiwi_Basil_Marg_DK.jpg?v=1787603194&amp;width=400 400w, //drink818.com/cdn/shop/articles/Kiwi_Basil_Marg_DK.jpg?v=1787603194&amp;width=500 500w, //drink818.com/cdn/shop/articles/Kiwi_Basil_Marg_DK.jpg?v=1787603194&amp;width=600 600w, //drink818.com/cdn/shop/articles/Kiwi_Basil_Marg_DK.jpg?v=1787603194&amp;width=800 800w, //drink818.com/cdn/shop/articles/Kiwi_Basil_Marg_DK.jpg?v=1787603194&amp;width=1000 1000w" width="1080" height="1412" loading="lazy" class="rounded w-full h-full object-cover zoom-image" sizes="(max-width:700px) 100vw, min(770px, 50vw)"></span>
2589          
2590            <span class="cockatil_mob_img_wrapper"><img src="//drink818.com/cdn/shop/files/Kiwi_Basil_Marg_MB.jpg?v=1787602549" alt="" srcset="//drink818.com/cdn/shop/files/Kiwi_Basil_Marg_MB.jpg?v=1787602549&amp;width=300 300w, //drink818.com/cdn/shop/files/Kiwi_Basil_Marg_MB.jpg?v=1787602549&amp;width=400 400w, //drink818.com/cdn/shop/files/Kiwi_Basil_Marg_MB.jpg?v=1787602549&amp;width=500 500w, //drink818.com/cdn/shop/files/Kiwi_Basil_Marg_MB.jpg?v=1787602549&amp;width=600 600w, //drink818.com/cdn/shop/files/Kiwi_Basil_Marg_MB.jpg?v=1787602549&amp;width=800 800w, //drink818.com/cdn/shop/files/Kiwi_Basil_Marg_MB.jpg?v=1787602549&amp;width=1000 1000w" width="1080" height="1080" loading="lazy" class="rounded w-full h-full object-cover zoom-image" sizes="(max-width:700px) 100vw, min(770px, 50vw)"></span>
2591          
2592          
2593            <button class="flip-button">
2594              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2595              <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
2596              <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
2597              </svg>
2598            </button>
2599        </div>
2600      <div class="flip-card-back">
2601
2602        
2603        
2604        <button href="" class="btn cocktail_btn close btn-icon-left">
2605          <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2606          <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
2607          <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
2608          </svg>
2609          Close
2610        </button>
2611        
2612        <div class="teq-row 1">
2613             
2614            
2615              <span teq-name = "anejo">Añejo</span>
2616            
2617             
2618            
2619              <span class="active" teq-name = "blanco">Blanco</span>
2620            
2621             
2622            
2623              <span teq-name = "reposado">Reposado</span>
2624            
2625          
2626        </div>
2627
2628        
2629        
2630
2631        <div class="card recipie ingredients">
2632          <ul>
2633            <li>Ingredients:</li>
2634            
2635              
2636              
2637              
2638              
2639              
2640              
2641                <li data-pos="1">
2642                  <span>2.0 OZ - 818 Tequila Blanco</span>
2643                </li>
2644              
2645              
2646            
2647              
2648              
2649              
2650              
2651              
2652              
2653                <li data-pos="2">
2654                  <span>0.5 OZ - Cointreau</span>
2655                </li>
2656              
2657              
2658            
2659              
2660              
2661              
2662              
2663              
2664              
2665                <li data-pos="3">
2666                  <span>0.75 OZ - Agave</span>
2667                </li>
2668              
2669              
2670            
2671              
2672              
2673                
2674          </ul>
2675        </div> 
2676        <div class="card recipie preparation">
2677          <ul >
2678            <li>Prep:</li>
2679            
2680              
2681              
2682              <li data-pos="1">(1) In a cocktail shaker, muddle kiwi and basil to release the basil oils. </li>
2683              
2684            
2685              
2686              
2687              <li data-pos="2">(2) Add 818 Tequila Blanco, Cointreau, lime juice, and ice to the shaker and shake until cold and frosty. </li>
2688              
2689            
2690              
2691              
2692                  
2693                    <li class="dots">...</li>
2694                  
2695                
2696            
2697          </ul>
2698        </div>
2699        <a href="/blogs/cocktails/kiwi-basil-margarita" class="btn btn-small cocktail_btn absolute">SEE FULL RECIPE</a>
2700      </div>
2701    </div>
2702  </div>
2703  <div class="card-cocktail cocktail-name gravityh5 mob-font-gravityh6">Kiwi Basil Margarita</div>
2704  </div>
2705
2706  <div class="multi-column__item snap-start" >
2707    <div class="flip-card" id="flip-card-">
2708      <div class="flip-card-inner">
2709        <div class="flip-card-front"><span class="cockatil_main_img_wrapper mobile_hide"><img src="//drink818.com/cdn/shop/articles/Yuzu_Marg_DK.jpg?v=1787603185&amp;width=1080" alt="Yuzu Margarita" srcset="//drink818.com/cdn/shop/articles/Yuzu_Marg_DK.jpg?v=1787603185&amp;width=300 300w, //drink818.com/cdn/shop/articles/Yuzu_Marg_DK.jpg?v=1787603185&amp;width=400 400w, //drink818.com/cdn/shop/articles/Yuzu_Marg_DK.jpg?v=1787603185&amp;width=500 500w, //drink818.com/cdn/shop/articles/Yuzu_Marg_DK.jpg?v=1787603185&amp;width=600 600w, //drink818.com/cdn/shop/articles/Yuzu_Marg_DK.jpg?v=1787603185&amp;width=800 800w, //drink818.com/cdn/shop/articles/Yuzu_Marg_DK.jpg?v=1787603185&amp;width=1000 1000w" width="1080" height="1412" loading="lazy" class="rounded w-full h-full object-cover zoom
2709-image" sizes="(max-width:700px) 100vw, min(770px, 50vw)"></span>
2710          
2711            <span class="cockatil_mob_img_wrapper"><img src="//drink818.com/cdn/shop/files/Yuzu_Marg_MB.jpg?v=1787603113" alt="" srcset="//drink818.com/cdn/shop/files/Yuzu_Marg_MB.jpg?v=1787603113&amp;width=300 300w, //drink818.com/cdn/shop/files/Yuzu_Marg_MB.jpg?v=1787603113&amp;width=400 400w, //drink818.com/cdn/shop/files/Yuzu_Marg_MB.jpg?v=1787603113&amp;width=500 500w, //drink818.com/cdn/shop/files/Yuzu_Marg_MB.jpg?v=1787603113&amp;width=600 600w, //drink818.com/cdn/shop/files/Yuzu_Marg_MB.jpg?v=1787603113&amp;width=800 800w, //drink818.com/cdn/shop/files/Yuzu_Marg_MB.jpg?v=1787603113&amp;width=1000 1000w" width="1080" height="1080" loading="lazy" class="rounded w-full h-full object-cover zoom-image" sizes="(max-width:700px) 100vw, min(770px, 50vw)"></span>
2712          
2713          
2714            <button class="flip-button">
2715              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2716              <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
2717              <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
2718              </svg>
2719            </button>
2720        </div>
2721      <div class="flip-card-back">
2722
2723        
2724        
2725        <button href="" class="btn cocktail_btn close btn-icon-left">
2726          <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2727          <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
2728          <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
2729          </svg>
2730          Close
2731        </button>
2732        
2733        <div class="teq-row 1">
2734             
2735            
2736              <span teq-name = "anejo">Añejo</span>
2737            
2738             
2739            
2740              <span class="active" teq-name = "blanco">Blanco</span>
2741            
2742             
2743            
2744              <span teq-name = "reposado">Reposado</span>
2745            
2746          
2747        </div>
2748
2749        
2750        
2751
2752        <div class="card recipie ingredients">
2753          <ul>
2754            <li>Ingredients:</li>
2755            
2756              
2757              
2758              
2759              
2760              
2761              
2762                <li data-pos="1">
2763                  <span>1.5 OZ - 818 Tequila Blanco</span>
2764                </li>
2765              
2766              
2767            
2768              
2769              
2770              
2771              
2772              
2773              
2774                <li data-pos="2">
2775                  <span>1.0 OZ - Yuzu Juice</span>
2776                </li>
2777              
2778              
2779            
2780              
2781              
2782              
2783              
2784              
2785              
2786                <li data-pos="3">
2787                  <span>0.75 OZ - Cointreau</span>
2788                </li>
2789              
2790              
2791            
2792              
2793              
2794                
2795          </ul>
2796        </div> 
2797        <div class="card recipie preparation">
2798          <ul >
2799            <li>Prep:</li>
2800            
2801              
2802              
2803              <li data-pos="1">(1) Rim your glass with yuzu juice + kosher salt.</li>
2804              
2805            
2806              
2807              
2808              <li data-pos="2">(2) Combine ingredients in a cocktail shaker with ice and shake.</li>
2809              
2810            
2811              
2812              
2813                  
2814                    <li class="dots">...</li>
2815                  
2816                
2817            
2818          </ul>
2819        </div>
2820        <a href="/blogs/cocktails/yuzu-margarita" class="btn btn-small cocktail_btn absolute">SEE FULL RECIPE</a>
2821      </div>
2822    </div>
2823  </div>
2824  <div class="card-cocktail cocktail-name gravityh5 mob-font-gravityh6">Yuzu Margarita</div>
2825  </div>
2826
2827  <div class="multi-column__item snap-start" >
2828    <div class="flip-card" id="flip-card-">
2829      <div class="flip-card-inner">
2830        <div class="flip-card-front"><span class="cockatil_main_img_wrapper mobile_hide"><img src="//drink818.com/cdn/shop/articles/Peaches_Cream_Sour_DK.png?v=1786484974&amp;width=1080" alt="Peaches &amp; Cream Sour" srcset="//drink818.com/cdn/shop/articles/Peaches_Cream_Sour_DK.png?v=1786484974&amp;width=300 300w, //drink818.com/cdn/shop/articles/Peaches_Cream_Sour_DK.png?v=1786484974&amp;width=400 400w, //drink818.com/cdn/shop/articles/Peaches_Cream_Sour_DK.png?v=1786484974&amp;width=500 500w, //drink818.com/cdn/shop/articles/Peaches_Cream_Sour_DK.png?v=1786484974&amp;width=600 600w, //drink818.com/cdn/shop/articles/Peaches_Cream_Sour_DK.png?v=1786484974&amp;width=800 800w, //drink818.com/cdn/shop/articles/Peaches_Cream_Sour_DK.png?v=1786484974&amp;width=1000 1000w" width="1080" height="1412" loading="lazy" class="rounded w-full h-full object-cover zoom
2830-image" sizes="(max-width:700px) 100vw, min(770px, 50vw)"></span>
2831          
2832            <span class="cockatil_mob_img_wrapper"><img src="//drink818.com/cdn/shop/files/Peaches_Cream_Sour_MB.png?v=1786484797" alt="" srcset="//drink818.com/cdn/shop/files/Peaches_Cream_Sour_MB.png?v=1786484797&amp;width=300 300w, //drink818.com/cdn/shop/files/Peaches_Cream_Sour_MB.png?v=1786484797&amp;width=400 400w, //drink818.com/cdn/shop/files/Peaches_Cream_Sour_MB.png?v=1786484797&amp;width=500 500w, //drink818.com/cdn/shop/files/Peaches_Cream_Sour_MB.png?v=1786484797&amp;width=600 600w, //drink818.com/cdn/shop/files/Peaches_Cream_Sour_MB.png?v=1786484797&amp;width=800 800w, //drink818.com/cdn/shop/files/Peaches_Cream_Sour_MB.png?v=1786484797&amp;width=1000 1000w" width="1080" height="1080" loading="lazy" class="rounded w-full h-full object-cover zoom-image" sizes="(max-width:700px) 100vw, min(770px, 50vw)"></span>
2833          
2834          
2835            <button class="flip-button">
2836              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2837              <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
2838              <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
2839              </svg>
2840            </button>
2841        </div>
2842      <div class="flip-card-back">
2843
2844        
2845        
2846        <button href="" class="btn cocktail_btn close btn-icon-left">
2847          <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2848          <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
2849          <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
2850          </svg>
2851          Close
2852        </button>
2853        
2854        <div class="teq-row 1">
2855             
2856            
2857              <span teq-name = "anejo">Añejo</span>
2858            
2859             
2860            
2861              <span teq-name = "blanco">Blanco</span>
2862            
2863             
2864            
2865              <span class="active" teq-name = "reposado">Reposado</span>
2866            
2867          
2868        </div>
2869
2870        
2871        
2872
2873        <div class="card recipie ingredients">
2874          <ul>
2875            <li>Ingredients:</li>
2876            
2877              
2878              
2879              
2880              
2881              
2882              
2883                <li data-pos="1">
2884                  <span>2.0 OZ - 818 Tequila Reposado</span>
2885                </li>
2886              
2887              
2888            
2889              
2890              
2891              
2892              
2893              
2894              
2895                <li data-pos="2">
2896                  <span>1.0 OZ - Peach Syrup</span>
2897                </li>
2898              
2899              
2900            
2901              
2902              
2903              
2904              
2905              
2906              
2907                <li data-pos="3">
2908                  <span>0.75 OZ - Lemon Juice</span>
2909                </li>
2910              
2911              
2912            
2913              
2914              
2915                
2916          </ul>
2917        </div> 
2918        <div class="card recipie preparation">
2919          <ul >
2920            <li>Prep:</li>
2921            
2922              
2923              
2924              <li data-pos="1">(1) In a cocktail shaker with ice, combine tequila, peach syrup, lemon juice, and honey. Stir generously until honey is incorporated. </li>
2925              
2926            
2927              
2928              
2929              <li data-pos="2">(2) Add the egg white and dry shake to emulsify. Fill the shaker with ice and shake again until well-chilled.</li>
2930              
2931            
2932              
2933              
2934                  
2935                    <li class="dots">...</li>
2936                  
2937                
2938            
2939          </ul>
2940        </div>
2941        <a href="/blogs/cocktails/peaches-cream-sour" class="btn btn-small cocktail_btn absolute">SEE FULL RECIPE</a>
2942      </div>
2943    </div>
2944  </div>
2945  <div class="card-cocktail cocktail-name gravityh5 mob-font-gravityh6">Peaches & Cream Sour</div>
2946  </div></div>
2947  </div>
2948</div>
2949
2950</section><section id="shopify-section-template--27979569070212__6a20267c-a13c-4384-b55b-370cc2e12564" class="shopify-section shopify-section--rich-text"><style>
2951  #shopify-section-template--27979569070212__6a20267c-a13c-4384-b55b-370cc2e12564 {
2952    --section-background-hash: 009020985325400845763000900350200;
2953  }
2954
2955  #shopify-section-template--27979569070212__6a20267c-a13c-4384-b55b-370cc2e12564 + * {
2956    --previous-section-background-hash: 009020985325400845763000900350200;
2957  }</style><style>
2958    #shopify-section-template--27979569070212__6a20267c-a13c-4384-b55b-370cc2e12564 .spacer{
2959      margin-block:10px;
2960    }
2961    #instafeed-header .custom_margin{
2962      margin-block-start: 0px !important;
2963    }
2964    @media screen and (max-width: 767px) {
2965      #instafeed-header .custom_margin{
2966        margin-block-start: 0px !important;
2967      }
2968      #shopify-section-template--27979569070212__6a20267c-a13c-4384-b55b-370cc2e12564 .spacer{
2969        margin-block:0px;
2970      }
2971    }
2972    #shopify-section-template--27979569070212__6a20267c-a13c-4384-b55b-370cc2e12564 {
2973      --rich-text-max-width: 1000px
2974    }
2975    div#bricks-rich-text .abclink p{
2976      text-transform: uppercase;
2977      letter-spacing: 0.1em;
2978      line-height: 160%;
2979    }
2980    div#instafeed-header p.bold{
2981      font-family: var(--FontAbcFavoritMono);
2982      text-transform: uppercase;
2983      letter-spacing: 0.1em;
2984      line-height: 160%;
2985      text-align: left;
2986    }
2987    div#instafeed-header .rich-text.justify-center {
2988      justify-content: left;
2989      /*
2990      grid: auto / auto auto;
2991      max-width: 100%;
2992      margin-inline-start: 5%;
2993      margin-inline-end: 5%;
2994      */
2995    }
2996    div#instafeed-header .prose.justify-items-center.text-center {
2997      justify-items: left;
2998    }
2999    #instafeed-header div.abclink a {
3000      text-transform: uppercase;
3001      text-decoration: none !important;
3002      background-size: 0px;
3003      font-size: 24px;
3004      letter-spacing: 0.1em;
3005    }
3006    @media screen and (min-width: 1000px){
3007      div#eightreserve-blend div.section,
3008      div#eightreserve-bottle div.section {
3009          padding-inline-start: 15%;
3010          padding-inline-end: 15%;
3011      }
3012    }
3013
3014    div#instafeed-header p.h1.hyphenate {
3015      margin-top: 5px;
3016    }
3017    #instafeed-header .section.section-full.bg-custom {
3018      padding-bottom: 30px;
3019    }
3020    .shopify-section--apps .section.section-full.bg-custom.text-custom {
3021      padding-bottom: 50px;
3022    }
3023
3024    @media screen and (max-width: 900px){
3025      div#instafeed-header p.h1.hyphenate{
3026        font-size: 32px;
3027      }
3028
3029      #eightreserve-bottle p.h2 {
3030        font-size: 36px;
3031      }
3032    }@media screen and (min-width: 1050px) {
3033      #shopify-section-template--27979569070212__6a20267c-a13c-4384-b55b-370cc2e12564 .section {--context-section-spacing-block-start: 40px;}
3034     }
3035     @media screen and (max-width: 992px) {
3036      #shopify-section-template--27979569070212__6a20267c-a13c-4384-b55b-370cc2e12564 .section {--context-section-spacing-block-start: 20px;}
3037     }</style>
3038
3039<div id="instafeed-header" class="display-contents">
3040  <div class="section   section-full bg-custom text-custom"style="--background: 170 149 128; --text-color: 33 33 33;"><div class="rich-text  ">
3041      <div class="rich-text__wrapper">
3042        <div class="prose justify-items-start"><div class="spacer" >
3043                <div class="abclink" style="line-height: 1.6;"
3044                ><p><a href="https://www.instagram.com/drink818/" target="_blank" title="https://www.instagram.com/drink818/">@drink818</a></p></div>
3045              </div>
3045<p class="gravityh2 mob-font-gravityh5 hyphenate custom_margin"  style="line-height: 1;"><span class="text-custom " style="--text-color: 33 33 33;">Come Again Soon</span></p></div>
3046      </div>
3047    </div>
3048  </div>
3049</div><style> #shopify-section-template--27979569070212__6a20267c-a13c-4384-b55b-370cc2e12564 #instafeed-header div.abclink a {text-transform: uppercase; text-decoration: none !important; background-size: 0px; font-size: 16px; letter-spacing: 0.1em; word-spacing: 8px;} </style></section><section id="shopify-section-template--27979569070212__1677011205c0561e49" class="shopify-section shopify-section--apps"><style>
3050  #shopify-section-template--27979569070212__1677011205c0561e49 {
3051    --section-background-hash: 009020985325400845763000900350200;
3052  }
3053
3054  #shopify-section-template--27979569070212__1677011205c0561e49 + * {
3055    --previous-section-background-hash: 009020985325400845763000900350200;
3056  }</style><style>
3057    #shopify-section-template--27979569070212__1677011205c0561e49 {
3058      
3059      
3060    }
3061  </style>
3062
3063  <div class="section   section-full bg-custom"style="--background: 170 149 128;"><div id="shopify-block-AK3hrdXdxWWorUGpCb__277d6f10-c090-4484-aca8-b34254747ac1" class="shopify-block shopify-app-block">
3064
3065
3066
3067  
3068
3069
3070
3071
3072
3073
3074
3075
3076
3077
3078
3079<style>
3080      div[id*="instafeed_app_block"] {
3081        width: 100%;
3082      }
3083      div.shopify-section:has(> [id*="instafeed_app_block"]) {
3084      width: 100%;
3085      }
3086      
3087      body #insta-feed {
3088      
3089          
3090
3091          
3092          margin-bottom: 0px!important;
3093          
3094
3095          
3096
3097          
3098
3099          
3100      }
3101      
3102      body #insta-feed h2 {
3103      
3104        
3105        
3106         text-align: center;
3107      }
3108
3109      
3110      
3111</style>
3112
3113
3114
3115
3116
3117
3118
3119
3120
3121
3122
3123  <div id="insta-feed"></div>
3124  
3124<script>
3125    if (typeof instafeedLocalTitle === 'undefined') var instafeedLocalTitle = "";
3126    
3127  </script>
3127
3128
3129
3130<!-- BEGIN app snippet: storefront-script -->
3131
3132
3133  
3134    
3134<script>
3135      var instafeedScriptSrc = "https:\/\/cdn.nfcube.com\/instafeed-3dcdcc491bc6c4a63cf045cb85062675.js";
3136      var instafeedScriptMode = "defer";
3137      !function(e,n){if(!window.instafeedStorefrontScheduled&&(window.instafeedStorefrontScheduled=!0,e))if("defer"!==n){if("consent"===n){var t=!1;function o(){t||(t=!0,a())}function i(){window.Shopify&&window.Shopify.customerPrivacy&&window.Shopify.customerPrivacy.marketingAllowed()&&o()}function d(){document.addEventListener("visitorConsentCollected",function(e){e.detail&&e.detail.marketingAllowed&&o()}),window.Shopify&&window.Shopify.loadFeatures?window.Shopify.loadFeatures([{name:"consent-tracking-api",version:"0.1"}],i):i()}return void("loading"===document.readyState?document.addEventListener("DOMContentLoaded",d):d())}"complete"===document.readyState?a():window.addEventListener("load",function(){a()})}else"loading"===document.readyState?document.addEventListener("DOMContentLoaded",a):a();function r(e){return String(e).split("?")[0]}function a(){if(!function(){for(var n=document.getElementsByTagName("script"),t=r(e),o=0;o!==n.length;o++)if(r(n[o].src)===t)return!0;return!1}()){var n=document.createElement("script");n.async=!0,n.src=e,document.body.appendChild(n)}}}(instafeedScriptSrc,instafeedScriptMode);
3138    </script>
3138
3139  
3140
3141<!-- END app snippet -->
3142
3143
3144
3145
3146
3147
3148</div></div>
3149</section><div id="shopify-section-template--27979569070212__177455573586b44309" class="shopify-section">
3150
3151</div>
3152<section id="shopify-section-static-text-with-icons" class="shopify-section shopify-section--text-with-icons"></section></main><footer id="shopify-section-custom-footer" class="shopify-section shopify-section--footer"><style>
3153  @media screen and (min-width: 1000px) {
3154    #shopify-section-custom-footer {--footer-block-list-justify-content: space-between;
3155    }
3156  }
3157</style><div class="footer">
3158  <div class="container">
3159    <div class="footer__wrapper"><div class="footer__block-list empty:hidden"><div class="footer__block footer__block--menu footer_logo" >
3160                    <div class="custom-footer-image-wrapper e8r"><img src="//drink818.com/cdn/shop/files/8R_Logo_gray1_04fb54fb-611d-41b9-8cd9-8d42fa2e1fb4.svg?v=1702968163&amp;width=250" alt="" srcset="//drink818.com/cdn/shop/files/8R_Logo_gray1_04fb54fb-611d-41b9-8cd9-8d42fa2e1fb4.svg?v=1702968163&amp;width=250 250w" width="250" height="87" loading="lazy"></div><div class="custom-footer-image-wrapper"><a href="https://drink818.com/"><img src="//drink818.com/cdn/shop/files/818_LOGO_anejo_svg.svg?v=1684949220&amp;width=80" alt="818 Logo_añejo" srcset="//drink818.com/cdn/shop/files/818_LOGO_anejo_svg.svg?v=1684949220&amp;width=80 80w" width="80" height="49" loading="lazy"></a><p class="footer__copyright text-sm text-subdued footer__block footer__block--menu pt-25 desk-only">COPYRIGHT 2026,<br/> 818 Spirits Inc.</p>
3161                      </div></div><div class="footer__block footer__block--menu" ><ul class="v-stack gap-7" role="list"><li>
3162                          <a href="/collections/our-tequila" class="inline-block link-faded break-all ">818 TEQUILA</a>
3163                        </li><li>
3164                          <a href="/pages/eight-reserve" class="inline-block link-faded break-all ">EIGHT RESERVE</a>
3165                        </li><li>
3166                          <a href="/pages/our-story" class="inline-block link-faded break-all ">OUR STORY</a>
3167                        </li><li>
3168                          <a href="/pages/our-sustainable-story" class="inline-block link-faded break-all ">Sustainability</a>
3169                        </li><li>
3170                          <a href="https://shop.drink818.com/" class="inline-block link-faded break-all ">MERCH</a>
3171                        </li><li>
3172                          <a href="/pages/faqs" class="inline-block link-faded break-all ">FAQ</a>
3173                        </li><li>
3174                          <a href="/collections/all-products" class="inline-block link-faded break-all ">Buy Now</a>
3175                        </li></ul>
3176                  </div><div class="footer__block footer__block--menu" ><ul class="v-stack gap-7" role="list"><li>
3177                          <a href="/pages/store-locator" class="inline-block link-faded break-all ">STORE LOCATOR</a>
3178                        </li><li>
3179                          <a href="/pages/privacy-policy" class="inline-block link-faded break-all ">PRIVACY POLICY</a>
3180                        </li><li>
3181                          <a href="/pages/terms-of-use" class="inline-block link-faded break-all ">TERMS OF USE</a>
3182                        </li><li>
3183                          <a href="/pages/messaging-terms" class="inline-block link-faded break-all ">MESSAGING TERMS</a>
3184                        </li><li>
3185                          <a href="/pages/website-and-technology-accessibility-statement" class="inline-block link-faded break-all ">ACCESSIBILITY</a>
3186                        </li><li>
3187                          <a href="#cookie-settings" class="inline-block link-faded break-all ot-sdk-show-settings">COOKIE PREFERENCES</a>
3188                        </li><li>
3189                          <a href="/pages/cookie-list" class="inline-block link-faded break-all ">COOKIES LIST</a>
3190                        </li><li>
3191                          <a href="/pages/refund-policy" class="inline-block link-faded break-all ">REFUND POLICY</a>
3192                        </li></ul>
3193                  </div><div class="footer__block footer__block--inquiry inverse-class" >
3194                    
3195                        <div class="footer__block footer__block--newsletter" >
3196                          <div class="v-stack gap-c-15 custom-mini-newsletter">
3197                          <div class="mini-newsletter label">Sign up for our newsletter</div><form method="post" action="/contact#footer-newsletter" id="footer-newsletter" accept-charset="UTF-8" class="footer__newsletter-form form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter"><div class="form-control" ><input id="input-custom-footer-226240728" class="input is-floating" type="email" dir="ltr" name="contact[email]" placeholder=" " 
3198  
3199  
3200  
3201  autocomplete="email"
3202  
3203  enterkeyhint="send"
3204  required
3205><label for="input-custom-footer-226240728" class="floating-label">Email</label><div class="self-submit-button">
3206      <button type="submit" class="circle-chevron hover:colors">
3207        <span class="sr-only">Subscribe</span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3208    <path d="M8 0L6.59 1.41L12.17 7H0V9H12.17L6.59 14.59L8 16L16 8L8 0Z" fill="#000"/>
3209    </svg></button>
3210    </div></div></form></div>
3211                      </div>
3212                      
3212<script>
3213                        window.onload = function() {
3214                          var contactForm = document.getElementById("footer-newsletter");
3215                          contactForm.addEventListener("submit", function(event) {
3216                            event.preventDefault();
3217                            var formData = new FormData(contactForm);
3218                            fetch("/contact", {
3219                              method: "POST",
3220                              body: formData
3221                            })
3222                            .then(function(response) {
3223                              if (response.ok) {
3224                                window.location.href = "https://drink818.attn.tv/p/IQu/landing-page";
3225                              } else {
3226                                throw new Error("Network response was not ok.");
3227                              }
3228                            })
3229                            .catch(function(error) {
3230                              console.error("There was a problem with the form submission:", error);
3231                            });
3232                          });
3233                        };
3234                      </script>
3234
3235                    
3236<div class="footer__aside-top">
3237                                    <p>FOLLOW US</p><ul class="social-media " role="list"><li>
3238      <a href="https://www.facebook.com/Drink818/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Facebook"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3239        <path d="M21 5V19C21 20.1046 20.1046 21 19 21H15.25C14.9739 21 14.75 20.7761 14.75 20.5V14.5H17.09C17.3276 14.5 17.5325 14.3328 17.58 14.1L17.94 12.3C17.9549 12.2273 17.9366 12.1517 17.8903 12.0938C17.8439 12.0358 17.7742 12.0015 17.7 12H14.75V8.75C14.75 8.61193 14.8619 8.5 15 8.5H17.5C17.7761 8.5 18 8.27614 18 8V6.5C18 6.22386 17.7761 6 17.5 6H15C13.3431 6 12 7.34315 12 9V12H10.77C10.4939 12 10.27 12.2239 10.27 12.5V14C10.27 14.2761 10.4939 14.5 10.77 14.5H12V20.5C12 20.7761 11.7761 21 11.5 21H5C3.89543 21 3 20.1046 3 19V5C3 3.89543 3.89543 3 5 3H19C20.1046 3 21 3.89543 21 5Z" fill="#F3E9D5"/>
3240      </svg></a>
3241    </li><li>
3242      <a href="https://www.instagram.com/drink818/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Instagram"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3243        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 3H8C5.23858 3 3 5.23858 3 8V16C3 18.7614 5.23858 21 8 21H16C18.7614 21 21 18.7614 21 16V8C21 5.23858 18.7614 3 16 3ZM19.25 16C19.2445 17.7926 17.7926 19.2445 16 19.25H8C6.20735 19.2445 4.75549 17.7926 4.75 16V8C4.75549 6.20735 6.20735 4.75549 8 4.75H16C17.7926 4.75549 19.2445 6.20735 19.25 8V16ZM16.75 8.25C17.3023 8.25 17.75 7.80228 17.75 7.25C17.75 6.69772 17.3023 6.25 16.75 6.25C16.1977 6.25 15.75 6.69772 15.75 7.25C15.75 7.80228 16.1977 8.25 16.75 8.25ZM12 7.5C9.51472 7.5 7.5 9.51472 7.5 12C7.5 14.4853 9.51472 16.5 12 16.5C14.4853 16.5 16.5 14.4853 16.5 12C16.5027 10.8057 16.0294 9.65957 15.1849 8.81508C14.3404 7.97059 13.1943 7.49734 12 7.5ZM9.25 12C9.25 13.5188 10.4812 14.75 12 14.75C13.5188 14.75 14.75 13.5188 14.75 12C14.75 10.4812 13.5188 9.25 12 9.25C10.4812 9.25 9.25 10.4812 9.25 12Z" fill="#F3E9D5"/>
3244      </svg></a>
3245    </li><li>
3246      <a href="https://www.pinterest.com/drink_818/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Pinterest"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-pinterest" viewBox="0 0 24 24">
3247        <path fill-rule="evenodd" clip-rule="evenodd" d="M11.765 2.401c3.59-.054 5.837 1.4 6.895 3.95.349.842.722 2.39.442 3.675-.112.512-.144 1.048-.295 1.53-.308.983-.708 1.853-1.238 2.603-.72 1.02-1.81 1.706-3.182 2.052-1.212.305-2.328-.152-2.976-.643-.206-.156-.483-.36-.56-.643h-.029c-.046.515-.244 1.062-.383 1.531-.193.65-.23 1.321-.472 1.929a12.345 12.345 0 0 1-.942 1.868c-.184.302-.692 1.335-1.061 1.347-.04-.078-.057-.108-.06-.245-.118-.19-.035-.508-.087-.766-.082-.4-.145-1.123-.06-1.53v-.643c.096-.442.092-.894.207-1.317.25-.92.39-1.895.648-2.848.249-.915.477-1.916.678-2.847.045-.21-.21-.815-.265-1.041-.174-.713-.042-1.7.176-2.236.275-.674 1.08-1.703 2.122-1.439.838.212 1.371 1.118 1.09 2.266-.295 1.205-.677 2.284-.943 3.49-.068.311.05.641.118.827.248.672 1 1.324 2.004 1.072 1.52-.383 2.193-1.76 2.652-3.246.124-.402.109-.781.206-1.225.204-.935.118-2.331-.177-3.061-.472-1.17-1.353-1.92-2.563-2.328L12.707 4.3c-.56-.128-1.626.064-2.004.183-1.69.535-2.737 1.427-3.388 3.032-.222.546-.344 1.1-.383 1.868l-.03.276c.13.686.144 1.14.413 1.653.132.252.447.451.5.765.032.185-.104.464-.147.613-.065.224-.041.48-.147.673-.192.349-.714.087-.943-.061-1.192-.77-2.175-2.995-1.62-5.144.085-.332.09-.62.206-.919.723-1.844 1.802-2.978 3.359-3.95.583-.364 1.37-.544 2.092-.734l1.149-.154Z" fill="currentColor"/>
3248      </svg></a>
3249    </li><li>
3250      <a href="https://www.tiktok.com/@drink818" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on TikTok"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-tiktok" viewBox="0 0 24 24">
3251        <path d="M20.027 10.168a5.125 5.125 0 0 1-4.76-2.294v7.893a5.833 5.833 0 1 1-5.834-5.834c.122 0 .241.011.361.019v2.874c-.12-.014-.237-.036-.36-.036a2.977 2.977 0 0 0 0 5.954c1.644 0 3.096-1.295 3.096-2.94L12.56 2.4h2.75a5.122 5.122 0 0 0 4.72 4.573v3.195" fill="currentColor"/>
3252      </svg></a>
3253    </li><li>
3254      <a href="https://www.linkedin.com/company/drink818" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on LinkedIn"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3255          <path fill-rule="evenodd" clip-rule="evenodd" d="M5 3H19C20.1046 3 21 3.89543 21 5V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5C3 3.89543 3.89543 3 5 3ZM8 18C8.27614 18 8.5 17.7761 8.5 17.5V10.5C8.5 10.2239 8.27614 10 8 10H6.5C6.22386 10 6 10.2239 6 10.5V17.5C6 17.7761 6.22386 18 6.5 18H8ZM7.25 9C6.42157 9 5.75 8.32843 5.75 7.5C5.75 6.67157 6.42157 6 7.25 6C8.07843 6 8.75 6.67157 8.75 7.5C8.75 8.32843 8.07843 9 7.25 9ZM17.5 18C17.7761 18 18 17.7761 18 17.5V12.9C18.0325 11.3108 16.8576 9.95452 15.28 9.76C14.177 9.65925 13.1083 10.1744 12.5 11.1V10.5C12.5 10.2239 12.2761 10 12 10H10.5C10.2239 10 10 10.2239 10 10.5V17.5C10 17.7761 10.2239 18 10.5 18H12C12.2761 18 12.5 17.7761 12.5 17.5V13.75C12.5 12.9216 13.1716 12.25 14 12.25C14.8284 12.25 15.5 12.9216 15.5 13.75V17.5C15.5 17.7761 15.7239 18 16 18H17.5Z" fill="#F3E9D5"/>
3256        </svg></a>
3257    </li><li>
3258      <a href="https://www.youtube.com/@drink818tequila" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on YouTube"><svg width="24" height="24" class="icon icon-youtube" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3259        <path d="M10 15L15.19 12L10 9V15ZM21.56 7.17C21.69 7.64 21.78 8.27 21.84 9.07C21.91 9.87 21.94 10.56 21.94 11.16L22 12C22 14.19 21.84 15.8 21.56 16.83C21.31 17.73 20.73 18.31 19.83 18.56C19.36 18.69 18.5 18.78 17.18 18.84C15.88 18.91 14.69 18.94 13.59 18.94L12 19C7.81 19 5.2 18.84 4.17 18.56C3.27 18.31 2.69 17.73 2.44 16.83C2.31 16.36 2.22 15.73 2.16 14.93C2.09 14.13 2.06 13.44 2.06 12.84L2 12C2 9.81 2.16 8.2 2.44 7.17C2.69 6.27 3.27 5.
325969 4.17 5.44C4.64 5.31 5.5 5.22 6.82 5.16C8.12 5.09 9.31 5.06 10.41 5.06L12 5C16.19 5 18.8 5.16 19.83 5.44C20.73 5.69 21.31 6.27 21.56 7.17Z" fill="#F3E9D5"/>
3260       </svg></a>
3261    </li></ul></div><div class="footer-inquiry">
3262                        <div class="inquiry-title">
3263                          FOR PRESS INQUIRIES, PLEASE CONTACT
3264                        </div>
3265                        <div class="inquiry-content">
3266                          <a href="mailto:[email protected]">[email protected]</a> 
3267                        </div>
3268                      </div><div class="footer-inquiry">
3269                        <div class="inquiry-title">
3270                          FOR ALL OTHER INQUIRIES, PLEASE CONTACT
3271                        </div>
3272                        <div class="inquiry-content">
3273                          <a href="mailto:[email protected]">[email protected]</a>  
3274                        </div>
3275                      </div></div></div><div class="footer__aside empty:hidden"><div class="footer__aside-bottom flex-start">
3276            <div class="statutory-info">
3277              <p>PLEASE DO NOT SHARE WITH ANYONE UNDER THE LEGAL PURCHASE AGE FOR ALCOHOL. DRINK RESPONSIBLY. DON’T DRINK AND DRIVE.</p><p>PLEASE DRINK RESPONSIBLY. 818 TEQUILA, 40% ALC./VOL., SAZERAC COMPANY, LOUISVILLE, KY.</p><p>EIGHT RESERVE BY 818, 40% ALC./VOL., SAZERAC COMPANY, LOUISVILLE, KY.</p>
3278            </div>       
3279            
3280          <p class="footer__copyright text-sm text-subdued footer__block footer__block--menu mob-only pt-20">COPYRIGHT 2026, 818 Spirits Inc.</p>
3281        </div>
3282      </div>
3283    </div>
3284  </div>
3285</div></footer>
3286    
3287    
3287<script>
3288    document.addEventListener('DOMContentLoaded', () => {
3289
3290      //Promise to wait till the ReserveBar has loaded
3291      const waitForInit = new Promise((resolve, reject) => {
3292        liquidSDK.init({ clientId: "6ab735ec35ea611d411358846708bb3a", includeMerchandise: true })
3293          .then(() => {
3294            resolve();
3295          })
3296          .catch(error => {
3297            reject(error);
3298          });
3299      });
3300    });
3301  </script>
3301
3302
3303  <div liquid-error=""></div>
3304  
3305<script>(function(d){var s = d.createElement("script");s.setAttribute("data-account", "GMTkBqBJGZ");s.setAttribute("src", "https://cdn.userway.org/widget.js");(d.body || d.head).appendChild(s);})(document)</script>
3305<noscript>Please ensure Javascript is enabled for purposes of <a href="https://userway.org">website accessibility</a></noscript>
3306  <style> [aria-controls="cart-drawer"] {display: none;} </style>
3307<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
3307
3308</body>
3309
3310  <style>
3311    html{
3312      padding-bottom: 0px !important;
3313    }
3314    #preview-bar-iframe {
3315      display: none!important;
3316    }
3317  </style>
3318</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.