PageSourceSearch

https://drink818.com/blogs/cocktails

html drink818.com collected 2026-10-03 19:13:34 UTC 214,923 bytes, 4,094 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        Cocktails
30        
31      
32    </title><link rel="canonical" href="https://drink818.com/blogs/cocktails"><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="Cocktails"><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:url" content="https://drink818.com/blogs/cocktails">
133<meta property="og:site_name" content="drink818"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Cocktails">
134  <meta name="twitter:description" content="Cocktails"><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          "@type": "ListItem",
149          "position": 2,
150          "name": "Cocktails",
151          "item": "https://drink818.com/blogs/cocktails"
152        }]
153  }
154  </script>
154
155
156<script type="text/javascript">
157  (function(c,l,a,r,i,t,y){
158    c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
159    t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
160    y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
161  })(window, document, "clarity", "script", "ntv2yoryba");
162</script>
162<style>/* Typography (heading) */
163  @font-face {
164  font-family: Anton;
165  font-weight: 400;
166  font-style: normal;
167  font-display: fallback;
168  src: url("//drink818.com/cdn/fonts/anton/anton_n4.2ba6159dc1abf4f060e423ec24adc22041130b7f.woff2") format("woff2"),
169       url("//drink818.com/cdn/fonts/anton/anton_n4.4dfcf4cc9b33342f25e44f2b47f32840ec097e13.woff") format("woff");
170}
171�/* Typography (body) */
172  �:root {
173    /**
174     * ---------------------------------------------------------------------
175     * SPACING VARIABLES
176     *
177     * We are using a spacing inspired from frameworks like Tailwind CSS.
178     * ---------------------------------------------------------------------
179     */
180    --spacing-0-5: 0.125rem; /* 2px */
181    --spacing-1: 0.25rem; /* 4px */
182    --spacing-1-5: 0.375rem; /* 6px */
183    --spacing-2: 0.5rem; /* 8px */
184    --spacing-2-5: 0.625rem; /* 10px */
185    --spacing-3: 0.75rem; /* 12px */
186    --spacing-3-5: 0.875rem; /* 14px */
187    --spacing-4: 1rem; /* 16px */
188    --spacing-4-5: 1.125rem; /* 18px */
189    --spacing-5: 1.25rem; /* 20px */
190    --spacing-5-5: 1.375rem; /* 22px */
191    --spacing-6: 1.5rem; /* 24px */
192    --spacing-6-5: 1.625rem; /* 26px */
193    --spacing-7: 1.75rem; /* 28px */
194    --spacing-7-5: 1.875rem; /* 30px */
195    --spacing-8: 2rem; /* 32px */
196    --spacing-8-5: 2.125rem; /* 34px */
197    --spacing-9: 2.25rem; /* 36px */
198    --spacing-9-5: 2.375rem; /* 38px */
199    --spacing-10: 2.5rem; /* 40px */
200    --spacing-11: 2.75rem; /* 44px */
201    --spacing-12: 3rem; /* 48px */
202    --spacing-14: 3.5rem; /* 56px */
203    --spacing-16: 4rem; /* 64px */
204    --spacing-18: 4.5rem; /* 72px */
205    --spacing-20: 5rem; /* 80px */
206    --spacing-24: 6rem; /* 96px */
207    --spacing-28: 7rem; /* 112px */
208    --spacing-32: 8rem; /* 128px */
209    --spacing-36: 9rem; /* 144px */
210    --spacing-40: 10rem; /* 160px */
211    --spacing-44: 11rem; /* 176px */
212    --spacing-48: 12rem; /* 192px */
213    --spacing-52: 13rem; /* 208px */
214    --spacing-56: 14rem; /* 224px */
215    --spacing-60: 15rem; /* 240px */
216    --spacing-64: 16rem; /* 256px */
217    --spacing-72: 18rem; /* 288px */
218    --spacing-80: 20rem; /* 320px */
219    --spacing-96: 24rem; /* 384px */
220
221    /* Container */
222    --container-max-width: 1540px;
223    --container-narrow-max-width: 1290px;
224    --container-gutter: var(--spacing-5);
225    --section-outer-spacing-block: var(--spacing-12);
226    --section-inner-max-spacing-block: var(--spacing-10);
227    --section-inner-spacing-inline: var(--container-gutter);
228    --section-stack-spacing-block: var(--spacing-8);
229
230    /* Grid gutter */
231    --grid-gutter: var(--spacing-5);
232
233    /* Product list settings */
234    --product-list-row-gap: var(--spacing-8);
235    --product-list-column-gap: var(--grid-gutter);
236
237    /* Form settings */
238    --input-gap: var(--spacing-2);
239    --input-height: 2.625rem;
240    --input-padding-inline: var(--spacing-4);
241
242    /* Other sizes */
243    --sticky-area-height: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--sticky-header-enabled, 0) * var(--header-height, 0px));
244
245    /* RTL support */
246    --transform-logical-flip: 1;
247    --transform-origin-start: left;
248    --transform-origin-end: right;
249
250    /**
251     * ---------------------------------------------------------------------
252     * TYPOGRAPHY
253     * ---------------------------------------------------------------------
254     */
255
256    /* Font properties */
257    --heading-font-family: Anton, sans-serif;
258    --heading-font-weight: 400;
259    --heading-font-style: normal;
260    --heading-text-transform: uppercase;
261    --heading-letter-spacing: -0.01em;
262    --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;
263    --text-font-weight: 400;
264    --text-font-style: normal;
265    --text-letter-spacing: 0.01em;
266
267    /* Font sizes */
268    --text-h0: 3rem;
269    --text-h1: 2.625rem;
270    --text-h2: 2.625rem;
271    --text-h3: 1.5rem;
272    --text-h4: 1.375rem;
273    --text-h5: 1.125rem;
274    --text-h6: 1rem;
275    --text-xs: 0.6875rem;
276    --text-sm: 0.75rem;
277    --text-base: 0.875rem;
278    --text-lg: 1.125rem;
279
280    /* 818 Fonts */
281    --adobeCalsonPro: "Adobe Caslon Pro";
282    --gravityVariable: "GravityVariable";
283    --abcFavoritMono: "ABCFavoritMono";
284    --FontAdobeCalsonPro: "Adobe Caslon Pro";
285    --FontGravityVariable: "GravityVariable";
286    --FontAbcFavoritMono: "ABCFavoritMono";
287    --blanco: rgba(193, 183, 110, 1);
288    --coal: rgba(66, 69, 71, 1);
289    --nectar: rgba(255, 201, 153, 1);
290    --reposado: rgba(170, 149, 128, 1);
291    --pina: rgba(83, 100, 81, 1);
292
293    /**
294     * ---------------------------------------------------------------------
295     * COLORS
296     * ---------------------------------------------------------------------
297     */
298
299    /* Color settings */
300
301    /* 818 Colors */
302    --black: rgba(14, 17, 17, 1);
303    --anejo: rgba(243, 233, 213, 1);
304    --agave: rgba(223, 245, 173, 1);
305    --blanco: rgba(193, 183, 110, 1);
306    --coal: rgba(66, 69, 71, 1);
307    --nectar: rgba(255, 201, 153, 1);
308    --reposado: rgba(170, 149, 128, 1);
309    --pina: rgba(83, 100, 81, 1);
310    --eightReserveGrey: #F2F2F2;
311    --eightgrey: #F2F2F2;
312    --eightgrey11: #5A5A5A;--accent: 83 100 81;
313    --text-primary: 14 17 17;
314    --background-primary: 243 233 213;
315    --dialog-background: 243 233 213;
316    --border-color: var(--text-color, var(--text-primary)) / 0.12;
317
318    /* Button colors */
319    --button-background-primary: 83 100 81;
320    --button-text-primary: 255 255 255;
321    --button-background-secondary: 243 233 213;
322    --button-text-secondary: 14 17 17;
323
324    /* Status colors */
325    --success-background: 238 241 235;
326    --success-text: 112 138 92;
327    --warning-background: 252 240 227;
328    --warning-text: 227 126 22;
329    --error-background: 245 229 229;
330    --error-text: 170 40 38;
331
332    /* Product colors */
333    --on-sale-text: 227 79 79;
334    --on-sale-badge-background: 227 79 79;
335    --on-sale-badge-text: 255 255 255;
336    --sold-out-badge-background: 190 189 185;
337    --sold-out-badge-text: 0 0 0;
338    --primary-badge-background: 60 97 158;
339    --primary-badge-text: 255 255 255;
340    --star-color: 255 183 74;
341    --product-card-background: 250 247 239;
342    --product-card-text: 33 33 33;
343
344    /* Header colors */
345    --header-background: 250 247 239;
346    --header-text: 14 17 17;
347
348    /* Footer colors */
349    --footer-background: 66 69 71;
350    --footer-text: 243 233 213;
351
352    /* Rounded variables (used for border radius) */
353    --rounded-xs: 0.0rem;
354    --rounded-sm: 0.0rem;
355    --rounded: 0.0rem;
356    --rounded-lg: 0.0rem;
357    --rounded-full: 9999px;
358
359    --rounded-button: 0.25rem;
360    --rounded-input: 0.25rem;
361
362    /* Box shadow */
363    --shadow-sm: 0 2px 8px rgb(var(--text-primary) / 0.0);
364    --shadow: 0 5px 15px rgb(var(--text-primary) / 0.0);
365    --shadow-md: 0 5px 30px rgb(var(--text-primary) / 0.0);
366    --shadow-block: 0px 0px 50px rgb(var(--text-primary) / 0.0);
367
368    /**
369     * ---------------------------------------------------------------------
370     * OTHER
371     * ---------------------------------------------------------------------
372     */
373
374    --cursor-close-svg-url: url(//drink818.com/cdn/shop/t/106/assets/cursor-close.svg?v=147174565022153725511780083509);
375    --cursor-zoom-in-svg-url: url(//drink818.com/cdn/shop/t/106/assets/cursor-zoom-in.svg?v=87249728204714520231780083509);
376    --cursor-zoom-out-svg-url: url(//drink818.com/cdn/shop/t/106/assets/cursor-zoom-out.svg?v=135531272750494358541780083509);
377    --checkmark-svg-url: url(//drink818.com/cdn/shop/t/106/assets/checkmark.svg?v=77552481021870063511780083509);
378  }
379
380  [dir="rtl"]:root {
381    /* RTL support */
382    --transform-logical-flip: -1;
383    --transform-origin-start: right;
384    --transform-origin-end: left;
385  }
386
387  @media screen and (min-width: 700px) {
388    :root {
389      /* Typography (font size) */
390      --text-h0: 4rem;
391      --text-h1: 4.5rem;
392      --text-h2: 3.75rem;
393      --text-h3: 2rem;
394      --text-h4: 1.625rem;
395      --text-h5: 1.25rem;
396      --text-h6: 1.125rem;
397
398      --text-xs: 1.0rem;
399      --text-sm: 1.125rem;
400      --text-base: 1.25rem;
401      --text-lg: 1.5rem;
402
403      /* Spacing */
404      --container-gutter: 2rem;
405      --section-outer-spacing-block: var(--spacing-16);
406      --section-inner-max-spacing-block: var(--spacing-12);
407      --section-inner-spacing-inline: var(--spacing-14);
408      --section-stack-spacing-block: var(--spacing-12);
409
410      /* Grid gutter */
411      --grid-gutter: var(--spacing-6);
412
413      /* Product list settings */
414      --product-list-row-gap: var(--spacing-12);
415
416      /* Form settings */
417      --input-gap: 1rem;
418      --input-height: 3.125rem;
419      --input-padding-inline: var(--spacing-1);
420    }
421  }
422
423  @media screen and (min-width: 1000px) {
424    :root {
425      /* Spacing settings */
426      --container-gutter: var(--spacing-5);
427      --section-outer-spacing-block: var(--spacing-18);
428      --section-inner-max-spacing-block: var(--spacing-16);
429      --section-inner-spacing-inline: var(--spacing-18);
430      --section-stack-spacing-block: var(--spacing-12);
431    }
432  }
433
434  @media screen and (min-width: 1150px) {
435    :root {
436      /* Spacing settings */
437      --container-gutter: var(--spacing-5);
438      --section-outer-spacing-block: var(--spacing-20);
439      --section-inner-max-spacing-block: var(--spacing-16);
440      --section-inner-spacing-inline: var(--spacing-18);
441      --section-stack-spacing-block: var(--spacing-12);
442    }
443  }
444
445  @media screen and (min-width: 1400px) {
446    :root {
447      /* Typography (font size) */
448      --text-h0: 5rem;
449      --text-h1: 4.5rem;
450      --text-h2: 3.75rem;
451      --text-h3: 2.25rem;
452      --text-h4: 2rem;
453      --text-h5: 1.5rem;
454      --text-h6: 1.25rem;
455
456      --section-outer-spacing-block: var(--spacing-24);
457      --section-inner-max-spacing-block: var(--spacing-18);
458      --section-inner-spacing-inline: var(--spacing-20);
459    }
460  }
461
462  @media screen and (min-width: 1600px) {
463    :root {
464      --section-outer-spacing-block: var(--spacing-24);
465      --section-inner-max-spacing-block: var(--spacing-20);
466      --section-inner-spacing-inline: var(--spacing-24);
467    }
468  }
469
470  /**
471   * ---------------------------------------------------------------------
472   * LIQUID DEPENDANT CSS
473   *
474   * Our main CSS is Liquid free, but some very specific features depend on
475   * theme settings, so we have them here
476   * ---------------------------------------------------------------------
477   */</style>
477<script>
478  document.documentElement.classList.replace('no-js', 'js');
479
480  // This allows to expose several variables to the global scope, to be used in scripts
481  window.themeVariables = {
482    settings: {
483      showPageTransition: false,
484      headingApparition: "split_rotation",
485      pageType: "blog",
486      moneyFormat: "${{amount}}",
487      moneyWithCurrencyFormat: "${{amount}} USD",
488      currencyCodeEnabled: true,
489      cartType: "drawer",
490      showDiscount: true,
491      discountMode: "saving"
492    },
493
494    strings: {
495      accessibilityClose: "Close",
496      accessibilityNext: "Next",
497      accessibilityPrevious: "Previous",
498      addToCartButton: "Add to cart",
499      soldOutButton: "Sold out",
500      preOrderButton: "Pre-order",
501      unavailableButton: "Unavailable",
502      closeGallery: "Close gallery",
503      zoomGallery: "Zoom",
504      errorGallery: "Image cannot be loaded",
505      soldOutBadge: "Sold out",
506      discountBadge: "Save @@",
507      sku: "SKU:",
508      searchNoResults: "No results could be found.",
509      addOrderNote: "Add order note",
510      editOrderNote: "Edit order note",
511      shippingEstimatorNoResults: "Sorry, we do not ship to your address.",
512      shippingEstimatorOneResult: "There is one shipping rate for your address:",
513      shippingEstimatorMultipleResults: "There are several shipping rates for your address:",
514      shippingEstimatorError: "One or more error occurred while retrieving shipping rates:"
515    },
516
517    breakpoints: {
518      'sm': 'screen and (min-width: 700px)',
519      'md': 'screen and (min-width: 1000px)',
520      'lg': 'screen and (min-width: 1150px)',
521      'xl': 'screen and (min-width: 1400px)',
522
523      'sm-max': 'screen and (max-width: 699px)',
524      'md-max': 'screen and (max-width: 999px)',
525      'lg-max': 'screen and (max-width: 1149px)',
526      'xl-max': 'screen and (max-width: 1399px)'
527    }
528  };// For detecting native share
529  document.documentElement.classList.add(`native-share--${navigator.share ? 'enabled' : 'disabled'}`);</script>
529<script type="module" src="//drink818.com/cdn/shop/t/106/assets/vendor.min.js?v=56430842210900357591780083509"></script>
vendor: 1 bytes, line 529
529
530<script type="module" src="//drink818.com/cdn/shop/t/106/assets/theme.js?v=161755287525512785811780083734"></script>
vendor: 1 bytes, line 530
530
531<script type="module" src="//drink818.com/cdn/shop/t/106/assets/sections.js?v=112280758486884277731780084453"></script>
531
532
533
534<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" />
535<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" />
535<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
535<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/60348956804/digital_wallets/dialog">
536<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/blogs/cocktails.atom" />
537<link rel="next" href="/blogs/cocktails?page=2">
538<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=2785412"></script>
538
539<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
540<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 540
540
541<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 541
541
542<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 542
542
543<script>var Shopify = Shopify || {};
544Shopify.shop = "drink818.myshopify.com";
545Shopify.locale = "en";
546Shopify.currency = {"active":"USD","rate":"1.0"};
547Shopify.country = "US";
548Shopify.theme = {"name":"drink818\/Saz BM Live","id":192462815364,"schema_name":"Impact","schema_version":"1.2.5","theme_store_id":null,"role":"main"};
549Shopify.theme.handle = "null";
550Shopify.theme.style = {"id":null,"handle":null};
551Shopify.cdnHost = "drink818.com/cdn";
552Shopify.routes = Shopify.routes || {};
553Shopify.routes.root = "/";
554Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
555Shopify.SignInWithShop = Shopify.SignInWithShop || {};
556Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
557Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 557
557
558<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 558
558
559<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 559
559
560<script>
561  window.ShopifyPay = window.ShopifyPay || {};
562  window.ShopifyPay.apiHost = "shop.app\/pay";
563  window.ShopifyPay.redirectState = null;
564</script>
vendor: 1 bytes, line 564
564
565<script>
566  window.Shopify = window.Shopify || {};
567  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
568  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
569  window.Shopify.SignInWithShop.eligible = true;
570</script>
vendor: 1 bytes, line 570
570
571<script id="shop-js-analytics" type="application/json">{"pageType":"blog"}</script>
vendor: 1 bytes, line 571
571
572<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 572
572
573<script type="module">
574  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
575
576  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
577
578</script>
vendor: 1 bytes, line 578
578
579<script>
580  window.Shopify = window.Shopify || {};
581  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
582  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"]};
583</script>
vendor: 1 bytes, line 583
583
584<script>(function() {
585  var isLoaded = false;
586  function asyncLoad() {
587    if (isLoaded) return;
588    isLoaded = true;
589    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"];
590    for (var i = 0; i < urls.length; i++) {
591      var s = document.createElement('script');
592      s.type = 'text/javascript';
593      s.async = true;
594      s.src = urls[i];
595      var x = document.getElementsByTagName('script')[0];
596      x.parentNode.insertBefore(s, x);
597    }
598  };
599  if(window.attachEvent) {
600    window.attachEvent('onload', asyncLoad);
601  } else {
602    window.addEventListener('load', asyncLoad, false);
603  }
604})();</script>
vendor: 1 bytes, line 604
604
605<script id="__st">var __st={"a":60348956804,"offset":-14400,"reqid":"e75d2a99-a134-4aea-bb73-7f9e5c0c5ad1-1791054813","pageurl":"drink818.com\/blogs\/cocktails","s":"blogs-82983157892","u":"2ac804a4b2e6","p":"blog","rtyp":"blog","rid":82983157892};</script>
vendor: 1 bytes, line 605
605
606<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 606
606
607<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 607
607
608<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 608
608
609<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>
609<script crossorigin="anonymous" defer="defer" src="//drink818.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 609
609
610<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 610
610
611<script>
612  window.Shopify = window.Shopify || {};
613  window.Shopify.MCP = window.Shopify.MCP || {};
614  window.Shopify.MCP.enabled = true;
615  window.Shopify.MCP.shop = "drink818.myshopify.com";
616  window.Shopify.MCP.mcpEndpoint = "https:\/\/drink818.com\/api\/mcp";
617  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"]}}];
618</script>
vendor: 1 bytes, line 618
618
619<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=");})();
620</script>
vendor: 1 bytes, line 620
620
621<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)}};
622</script>
vendor: 1 bytes, line 622
622
623<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
624  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);
625</script>
vendor: 1 bytes, line 625
625
626<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})}}));
627</script>
627
628<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">
629<style id="shopify-accelerated-checkout-cart">
630        #shopify-buyer-consent {
631  margin-top: 1em;
632  display: inline-block;
633  width: 100%;
634}
635
636#shopify-buyer-consent.hidden {
637  display: none;
638}
639
640#shopify-subscription-policy-button {
641  background: none;
642  border: none;
643  padding: 0;
644  text-decoration: underline;
645  font-size: inherit;
646  cursor: pointer;
647}
648
649#shopify-subscription-policy-button::before {
650  box-shadow: none;
651}
652
653      </style>
654
655<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
655
656
657    
658    
659    
660    
661
662    <!-- ReserveBar -->
663    <link rel="stylesheet" href="https://cdn.liquidcheckout.com/liquid-sdk-6ab735ec35ea611d411358846708bb3a.css"/>
664    
664<script type="text/javascript" src="https://cdn.liquidcheckout.com/liquid-sdk-6ab735ec35ea611d411358846708bb3a.js"></script>
664
665
666    
666<script type="text/javascript" src="https://player.vimeo.com/api/player.js"></script>
666
667    
667<script type="text/javascript" src="https://www.youtube.com/iframe_api"></script>
667<script>
668        /* Start of MikMak tag */
669        (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));
670        /* End of MikMak tag */
671      </script>
671
672
673      
673<script>
674        if (!window.swnDataLayer) window.swnDataLayer = {};
675        window.swnDataLayer.locale = 'en';
676      </script>
676<!-- BEGIN app block: shopify://apps/attentive/blocks/attn-tag/8df62c72-8fe4-407e-a5b3-72132be30a0d -->
676<script type="text/javascript" src="https://cdn.attn.tv/drink818/dtag.js?source=app-embed" defer="defer"></script>
676
677
678
679<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/brandAgents_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
680
681
682
683
684
685<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
686<script type="text/javascript">
687  (function (c, l, a, r, i, t, y) {
688    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
689    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
690    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
691
692    c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
693      if (error) {
694        console.error("Error loading Shopify features:", error);
695        return;
696      }
697
698      c[a]('consentv2', {
699        ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
700        analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
701        source: 101,
702      });
703    });
704
705    l.addEventListener("visitorConsentCollected", function (e) {
706      c[a]('consentv2', {
707        ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
708        analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
709        source: 101,
710      });
711    });
712  })(window, document, "clarity", "script", "u945lbr52u");
713</script>
713
714
715
716
717<!-- END app block --><!-- BEGIN app block: shopify://apps/userway-website-accessibility/blocks/uw-widget-extension/bc2d8a34-1a37-451b-ab1a-271bc4e9daa7 -->
718
719
720
721
722<script type="text/javascript" async="" src="https://cdn.userway.org/widget.js?account=qeTDAhvUkN&amp;platfAppInstalledSiteId=3527532&amp;shop=drink818.com"></script>
722
723
724<!-- END app block --><!-- BEGIN app block: shopify://apps/instafeed/blocks/head-block/c447db20-095d-4a10-9725-b5977662c9d5 --><!-- BEGIN app snippet: storefront-script -->
725
726
727  
728    
728<script src="https://cdn.nfcube.com/instafeed-3dcdcc491bc6c4a63cf045cb85062675.js" defer></script>
728
729  
730
731<!-- END app snippet -->
732
733
734
735
736<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
737<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: "blog"};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 737
737
738<script>
739  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
740</script>
vendor: 1 bytes, line 740
740
741<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}
741).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"]}
741,"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":[],"purchasingCompany":null},},"https://drink818.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"192462815364","themePublished":"true","eventMetadataId":"ceaab7bf-0b22-4d06-859b-5c3cb68296db","pageType":"blog","resourceId":"82983157892","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>
741<script>
742  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
743  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
744  window.ShopifyAnalytics.meta.currency = 'USD';
745  var meta = {"page":{"pageType":"blog","resourceType":"blog","resourceId":82983157892,"requestId":"e75d2a99-a134-4aea-bb73-7f9e5c0c5ad1-1791054813"}};
746  for (var attr in meta) {
747    window.ShopifyAnalytics.meta[attr] = meta[attr];
748  }
749</script>
vendor: 1 bytes, line 749
749
750<script class="analytics">
751  (function () {
752    var customDocumentWrite = function(content) {
753      var jquery = null;
754
755      if (window.jQuery) {
756        jquery = window.jQuery;
757      } else if (window.Checkout && window.Checkout.$) {
758        jquery = window.Checkout.$;
759      }
760
761      if (jquery) {
762        jquery('body').append(content);
763      }
764    };
765
766    var hasLoggedConversion = function(token) {
767      if (token) {
768        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
769      }
770      return false;
771    }
772
773    var setCookieIfConversion = function(token) {
774      if (token) {
775        var twoMonthsFromNow = new Date(Date.now());
776        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
777
778        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
779      }
780    }
781
782    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
783    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
784    if (trekkie.integrations) {
785      return;
786    }
787    trekkie.methods = [
788      'identify',
789      'page',
790      'ready',
791      'track',
792      'trackForm',
793      'trackLink'
794    ];
795    trekkie.factory = function(method) {
796      return function() {
797        var args = Array.prototype.slice.call(arguments);
798        args.unshift(method);
799        trekkie.push(args);
800        if (method == 'track' || method == 'page') {
801          var pageUrl;
802          try {
803            pageUrl = window.location.href;
804          } catch (e) {}
805          var pageReferrer;
806          try {
807            pageReferrer = document.referrer;
808          } catch (e) {}
809          try {
810            if (window.__TREKKIE_SHIM_QUEUE == null) {
811              window.__TREKKIE_SHIM_QUEUE = [];
812            }
813            window.__TREKKIE_SHIM_QUEUE.push({
814              from: 'trekkie-stub',
815              method: method,
816              args: args.slice(1),
817              pageContext: {
818                url: pageUrl,
819                referrer: pageReferrer
820              }
821            });
822          } catch (e) {
823            // no-op
824          }
825        }
826        return trekkie;
827      };
828    };
829    for (var i = 0; i < trekkie.methods.length; i++) {
830      var key = trekkie.methods[i];
831      trekkie[key] = trekkie.factory(key);
832    }
833    trekkie.load = function(config) {
834      trekkie.config = config || {};
835      trekkie.config.initialDocumentCookie = document.cookie;
836      var first = document.getElementsByTagName('script')[0];
837var script = document.createElement('script');
838script.type = 'text/javascript';
839script.onerror = function(e) {
840  var scriptFallback = document.createElement('script');
841  scriptFallback.type = 'text/javascript';
842  scriptFallback.onerror = function(error) {
843          var Monorail = {
844      produce: function produce(monorailDomain, schemaId, payload) {
845        var currentMs = new Date().getTime();
846        var event = {
847          schema_id: schemaId,
848          payload: payload,
849          metadata: {
850            event_created_at_ms: currentMs,
851            event_sent_at_ms: currentMs
852          }
853        };
854        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
855      },
856      sendRequest: function sendRequest(endpointUrl, payload) {
857        // Try the sendBeacon API
858        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
859          var blobData = new window.Blob([payload], {
860            type: 'text/plain'
861          });
862
863          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
864            return true;
865          } // sendBeacon was not successful
866
867        } // XHR beacon
868
869        var xhr = new XMLHttpRequest();
870
871        try {
872          xhr.open('POST', endpointUrl);
873          xhr.setRequestHeader('Content-Type', 'text/plain');
874          xhr.send(payload);
875        } catch (e) {
876          console.log(e);
877        }
878
879        return false;
880      },
881      isIos12: function isIos12() {
882        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
883      }
884    };
885    Monorail.produce('monorail-edge.shopifysvc.com',
886      'trekkie_storefront_load_errors/1.1',
887      {shop_id: 60348956804,
888      theme_id: 192462815364,
889      app_name: "storefront",
890      context_url: window.location.href,
891      source_url: "//drink818.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
892
893  };
894  scriptFallback.async = true;
895  scriptFallback.src = '//drink818.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
896  first.parentNode.insertBefore(scriptFallback, first);
897};
898script.async = true;
899script.src = '//drink818.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
900first.parentNode.insertBefore(script, first);
901
902    };
903    trekkie.load(
904      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":60348956804,"isMerchantRequest":null,"themeId":192462815364,"themeCityHash":"10335767703179361696","contentLanguage":"en","currency":"USD","eventMetadataId":"ceaab7bf-0b22-4d06-859b-5c3cb68296db"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
905    );
906
907    var loaded = false;
908    trekkie.ready(function() {
909      if (loaded) return;
910      loaded = true;
911
912      window.ShopifyAnalytics.lib = window.trekkie;
913
914      var originalDocumentWrite = document.write;
915      document.write = customDocumentWrite;
916      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
917      document.write = originalDocumentWrite;
918
919      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
920      var token = match? match[1]: undefined;
921      if (!hasLoggedConversion(token)) {
922        setCookieIfConversion(token);
923        
924      }
925    });
926
927    window.ShopifyAnalytics.lib.page(null,{"pageType":"blog","resourceType":"blog","resourceId":82983157892,"requestId":"e75d2a99-a134-4aea-bb73-7f9e5c0c5ad1-1791054813","shopifyEmitted":true});
928
929    var eventsListenerScript = document.createElement('script');
930    eventsListenerScript.async = true;
931    eventsListenerScript.src = "//drink818.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
932    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
933})();</script>
933
934  
934<script>
935  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
936    window.ga = function ga() {
937      (window.ga.q = window.ga.q || []).push(arguments);
938      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
939        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
940      }
941      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.");
942    };
943    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
944      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
945    }
946  }
947</script>
vendor: 1 bytes, line 947
947
948<script
949  defer
950  src="https://drink818.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
951  data-application="storefront-renderer"
952  data-shop-id="60348956804"
953  data-render-region="gcp-us-central1"
954  data-page-type="blog"
955  data-theme-instance-id="192462815364"
956  data-theme-name="Impact"
957  data-theme-version="1.2.5"
958  data-monorail-region="shop_domain"
959  data-resource-timing-sampling-rate="10"
960  data-shs="true"
961  data-shs-beacon="true"
962  data-shs-export-with-fetch="true"
963  data-shs-logs-sample-rate="1"
964  data-shs-beacon-endpoint="https://drink818.com/api/collect"
965></script>
965
966<meta name="shopify-y" content="a0afa582-3f81-49a9-ad75-674ec588548f" data-expiration="1822612413000"><meta name="shopify-s" content="fd02316c-ce3a-4a11-9bb6-7b4cdd54aa4f" data-expiration="1791056613000"><meta name="new-cookie-storage-activated" content="t">
967</head>
968
969  <body class=" zoom-image--enabled  ">
970    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 970-971
970
971    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
971GTM-MFPMJWH
vendor: 91 bytes, lines 971-973
971"
972    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
973    
973<!-- End Google Tag Manager (noscript) --><!-- DRAWER -->
974<template id="drawer-default-template">
975  <style>
976    [hidden] {
977      display: none !important;
978    }
979  </style>
980
981    <button part="outside-close-button" is="close-button" aria-label="Close">
982      <svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close-x" viewBox="0 0 24 24">
983        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
984      </svg></button>
985
986  <div part="overlay"></div>
987
988  <div part="content">
989    <header part="header">
990      <slot name="header"></slot>
991
992      
993    </header>
994
995    <div part="body">
996      <slot></slot>
997    </div>
998
999    <footer part="footer">
1000      <slot name="footer"></slot>
1001    </footer>
1002  </div>
1003</template>
1004
1005<!-- POPOVER -->
1006<template id="popover-default-template">
1007  
1008
1009  <div part="overlay"></div>
1010
1011  <div part="content">
1012    <header part="title">
1013      <slot name="title"></slot>
1014    </header>
1015
1016    <div part="body">
1017      <slot></slot>
1018    </div>
1019  </div>
1020</template><a href="#main" class="skip-to-content sr-only">Skip to content
1021    </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>
1022  :root {
1023    --sticky-header-enabled:1;
1024  }
1025
1026  #shopify-section-header {
1027    --header-grid-template: "main-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr);
1028    --header-padding-block: var(--spacing-4-5);
1029    --header-background-opacity: 0.0;
1030    --header-background-blur-radius: 0px;
1031    --header-transparent-text-color: 255 255 255;--header-logo-width: 50px;
1032      --header-logo-height: 30px;position: sticky;
1033    top: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px));
1034    z-index: 10;
1035  }@media screen and (min-width: 700px) {
1036    #shopify-section-header {--header-logo-width: 70px;
1037        --header-logo-height: 41px;--header-padding-block: var(--spacing-8-5);
1038    }
1039  }@media screen and (min-width: 1150px) {#shopify-section-header {
1040        --header-grid-template: "logo main-nav secondary-nav" / auto minmax(0, 1fr) minmax(0, max-content);
1041      }
1042    }</style>
1043
1044<height-observer variable="header">
1045  <store-header class="header"  sticky>
1046    <div class="header__wrapper"><div class="header__main-nav">
1047        <div class="header__icon-list">
1048          <button type="button" class="tap-area lg:hidden" aria-controls="header-sidebar-menu">
1049            <span class="sr-only">Open navigation menu</span>
1050            <span class="menu-btn">MENU</span>
1051          </button>
1052
1053          <a href="/search" class="tap-area sm:hidden" aria-controls="search-drawer">
1054            <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">
1055        <circle cx="11" cy="10" r="7" fill="none" stroke="currentColor"></circle>
1056        <path d="m16 15 3 3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
1057      </svg></a><nav class="header__link-list  wrap" role="navigation">
1058              <ul class="contents" role="list">
1059
1060
1061                  
1062
1063                  <li><details is="mega-menu-disclosure" trigger="hover" >
1064                            <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">
1065        <path d="m1 1 4 4 4-4" fill="none" stroke="currentColor" stroke-width="2"></path>
1066      </svg></summary><style>
1067    @media screen and (min-width: 1150px) {
1068      #mega-menu-4881f3a3-ac2f-42be-ab32-35f0f5054a97 {
1069        --mega-menu-nav-column-max-width: 300px;
1070        --mega-menu-justify-content: space-between;
1071        --mega-menu-nav-gap: var(--spacing-12);
1072      }
1073    }
1074
1075    @media screen and (min-width: 1400px) {
1076      #mega-menu-4881f3a3-ac2f-42be-ab32-35f0f5054a97 {
1077        --mega-menu-nav-column-max-width: 100% ; 
1078        --mega-menu-nav-gap: var(--spacing-12);
1079      }
1080    }
1081
1082    @media screen and (min-width: 1600px) {
1083      #mega-menu-4881f3a3-ac2f-42be-ab32-35f0f5054a97 {
1084        --mega-menu-nav-gap: var(--spacing-16);
1085      }
1086    }
1087
1088    @media screen and (min-width: 1800px) {
1089      #mega-menu-4881f3a3-ac2f-42be-ab32-35f0f5054a97 {
1090        --mega-menu-nav-gap: var(--spacing-20);
1091      }
1092    }
1093  </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">
1094          <a href="/collections/our-tequila" class="h5" >
1095            <span class="reversed-link hover:show">Our Tequila</span>
1096          </a></li><li class="v-stack gap-4 justify-items-start">
1097          <a href="/products/818-blanco" class="h5" >
1098            <span class="reversed-link hover:show">Blanco</span>
1099          </a></li><li class="v-stack gap-4 justify-items-start">
1100          <a href="/products/818-reposado" class="h5" >
1101            <span class="reversed-link hover:show">Reposado</span>
1102          </a></li><li class="v-stack gap-4 justify-items-start">
1103          <a href="/products/818-anejo" class="h5" >
1104            <span class="reversed-link hover:show">Añejo</span>
1105          </a></li><li class="v-stack gap-4 justify-items-start">
1106          <a href="/products/eightreserve" class="h5" >
1107            <span class="reversed-link hover:show"> Eight Reserve</span>
1108          </a></li></ul>
1109
1110 
1111
1112
1113
1114<style>
1115  .navigation-promo.navigation-promo--grid{
1116    text-transform: uppercase;
1117  }
1118
1119  #navigation-promo-212565371 {
1120    --navigation-promo-grid: 
1121  
1122    auto / repeat(1, minmax(var(--mega-menu-promo-grid-image-min-width), var(--mega-menu-promo-grid-image-max-width)))
1123
1124  
1125;
1126    --mega-menu-promo-grid-image-max-width: 300px;
1127    --mega-menu-promo-grid-image-min-width: 172px;
1128    --promo-heading-font-size: var(--text-h5);
1129    --content-over-media-row-gap: var(--spacing-3);
1130    --content-over-media-column-gap: var(--spacing-4);--navigation-promo-gap: var(--spacing-2);
1131      --panel-wrapper-justify-content: flex-start;}
1132
1133  @media screen and (min-width:700px) {
1134    #navigation-promo-212565371 {--promo-heading-font-size: var(--text-h3);--mega-menu-promo-grid-image-min-width: 192px;
1135      --content-over-media-row-gap: var(--spacing-4);
1136      --content-over-media-column-gap: var(--spacing-5);
1137    }
1138  }@media screen and (min-width: 1150px) {
1139      .header__link-list li a.content-over-media.rounded-sm.group{
1140        gap: 0;
1141        display: block;
1142        height: 100%;
1143      }
1144      .header__link-list li a.content-over-media .desk-only img{
1145        height: 100%;
1146        object-fit: cover;
1147      }
1148      #navigation-promo-212565371 {
1149        --promo-heading-font-size: var(--text-h4);
1150        --promo-heading-line-height: 1.3;
1151        --navigation-promo-gap: var(--spacing-0-5);
1152        --mega-menu-promo-grid-image-min-width: 720px;
1153        margin: -2.5rem;
1154
1155        
1156
1157        
1158          margin-block-start: calc(-1 * var(--mega-menu-block-padding));
1159          margin-block-end: calc(-1 * var(--mega-menu-block-padding));
1160          margin-inline-end: calc(-1 * (100vw - min(100vw - var(--container-gutter) * 2, var(--container-max-width))) / 2);
1161
1162          
1163        
1164      }
1165
1166      
1167        #navigation-promo-212565371 {
1168          --content-over-media-row-gap: var(--spacing-6);
1169          --content-over-media-column-gap: var(--spacing-8);
1170        }
1171
1172      
1173    }
1174
1175    @media screen and (min-width: 1400px) {
1176      #navigation-promo-212565371 {
1177        /*
1178        --mega-menu-promo-grid-image-max-width: 650px;
1179      */
1180      --mega-menu-promo-grid-image-max-width: 100%;
1181      
1182        
1183          --promo-heading-font-size: var(--text-h4);
1184          --promo-heading-line-height: 1.4;
1185        
1186      }
1187
1188      
1189        #navigation-promo-212565371 {
1190          --content-over-media-row-gap: var(--spacing-4);
1191          --content-over-media-column-gap: var(--spacing-5);
1192        }
1193      
1194    }</style><div class="navigation-promo__wrapper  " id="navigation-promo-212565371"><div class="navigation-promo navigation-promo--grid scroll-area bleed">
1195      <a href="/collections/all-products"
1196         class="content-over-media  group "
1197         style="--text-color: 243 233 213; grid-area: ;">
1198          
1199        
1200          <span class="desk-only">
1201        �<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">
1202          </span>
1203        
1204        �<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">
1204�<div class="place-self-end-start text-custom nav-promo-text">
1205            <p style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">SHOP ALL</p>
1206          </div></a>
1207    </div></div></div></details></li>
1208
1209
1210                  
1211
1212                  <li><a href="/pages/eight-reserve" class="link-faded-reverse " >EIGHT RESERVE</a></li>
1213
1214
1215                  
1216
1217                  <li><details is="mega-menu-disclosure" trigger="hover" >
1218                            <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">
1219        <path d="m1 1 4 4 4-4" fill="none" stroke="currentColor" stroke-width="2"></path>
1220      </svg></summary><style>
1221    @media screen and (min-width: 1150px) {
1222      #mega-menu-mega_menu_hzMQbQ {
1223        --mega-menu-nav-column-max-width: 200px;
1224        --mega-menu-justify-content: space-between;
1225        --mega-menu-nav-gap: var(--spacing-8);
1226      }
1227    }
1228
1229    @media screen and (min-width: 1400px) {
1230      #mega-menu-mega_menu_hzMQbQ {
1231        --mega-menu-nav-column-max-width: 100% ; 
1232        --mega-menu-nav-gap: var(--spacing-16);
1233      }
1234    }
1235
1236    @media screen and (min-width: 1600px) {
1237      #mega-menu-mega_menu_hzMQbQ {
1238        --mega-menu-nav-gap: var(--spacing-16);
1239      }
1240    }
1241
1242    @media screen and (min-width: 1800px) {
1243      #mega-menu-mega_menu_hzMQbQ {
1244        --mega-menu-nav-gap: var(--spacing-20);
1245      }
1246    }
1247  </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">
1248          <a href="/pages/our-story" class="h5" >
1249            <span class="reversed-link hover:show">Our Story</span>
1250          </a></li><li class="v-stack gap-4 justify-items-start">
1251          <a href="/pages/our-evolved-taste" class="h5" >
1252            <span class="reversed-link hover:show">Our Evolved Taste</span>
1253          </a></li></ul>
1254
1255 
1256
1257
1258
1259<style>
1260  .navigation-promo.navigation-promo--grid{
1261    text-transform: uppercase;
1262  }
1263
1264  #navigation-promo-213522494 {
1265    --navigation-promo-grid: 
1266  
1267    auto / repeat(0, minmax(var(--mega-menu-promo-grid-image-min-width), var(--mega-menu-promo-grid-image-max-width)))
1268
1269  
1270;
1271    --mega-menu-promo-grid-image-max-width: 300px;
1272    --mega-menu-promo-grid-image-min-width: 172px;
1273    --promo-heading-font-size: var(--text-h5);
1274    --content-over-media-row-gap: var(--spacing-3);
1275    --content-over-media-column-gap: var(--spacing-4);--navigation-promo-gap: var(--spacing-2);
1276      --panel-wrapper-justify-content: flex-start;}
1277
1278  @media screen and (min-width:700px) {
1279    #navigation-promo-213522494 {--promo-heading-font-size: var(--text-h3);--mega-menu-promo-grid-image-min-width: 192px;
1280      --content-over-media-row-gap: var(--spacing-4);
1281      --content-over-media-column-gap: var(--spacing-5);
1282    }
1283  }@media screen and (min-width: 1150px) {
1284      .header__link-list li a.content-over-media.rounded-sm.group{
1285        gap: 0;
1286        display: block;
1287        height: 100%;
1288      }
1289      .header__link-list li a.content-over-media .desk-only img{
1290        height: 100%;
1291        object-fit: cover;
1292      }
1293      #navigation-promo-213522494 {
1294        --promo-heading-font-size: var(--text-h4);
1295        --promo-heading-line-height: 1.3;
1296        --navigation-promo-gap: var(--spacing-4);
1297        --mega-menu-promo-grid-image-min-width: 720px;
1298        margin: -2.5rem;
1299
1300        
1301
1302        
1303      }
1304
1305      
1306        #navigation-promo-213522494 {
1307          --content-over-media-row-gap: var(--spacing-6);
1308          --content-over-media-column-gap: var(--spacing-8);
1309        }
1310
1311      
1312    }
1313
1314    @media screen and (min-width: 1400px) {
1315      #navigation-promo-213522494 {
1316        /*
1317        --mega-menu-promo-grid-image-max-width: 360px;
1318      */
1319      --mega-menu-promo-grid-image-max-width: 100%;
1320      
1321        
1322      }
1323
1324      
1325    }</style><div class="navigation-promo__wrapper  " id="navigation-promo-213522494"><div class="navigation-promo navigation-promo--grid scroll-area bleed">
1326      
1327    </div></div></div></details></li>
1328
1329
1330                  
1331
1332                  <li>
1332<details is="mega-menu-disclosure" trigger="hover" >
1333                            <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">
1334        <path d="m1 1 4 4 4-4" fill="none" stroke="currentColor" stroke-width="2"></path>
1335      </svg></summary><style>
1336    @media screen and (min-width: 1150px) {
1337      #mega-menu-1b395aaa-edf1-42bb-a4fc-ad518f37c441 {
1338        --mega-menu-nav-column-max-width: 200px;
1339        --mega-menu-justify-content: space-between;
1340        --mega-menu-nav-gap: var(--spacing-12);
1341      }
1342    }
1343
1344    @media screen and (min-width: 1400px) {
1345      #mega-menu-1b395aaa-edf1-42bb-a4fc-ad518f37c441 {
1346        --mega-menu-nav-column-max-width: 100% ; 
1347        --mega-menu-nav-gap: var(--spacing-16);
1348      }
1349    }
1350
1351    @media screen and (min-width: 1600px) {
1352      #mega-menu-1b395aaa-edf1-42bb-a4fc-ad518f37c441 {
1353        --mega-menu-nav-gap: var(--spacing-16);
1354      }
1355    }
1356
1357    @media screen and (min-width: 1800px) {
1358      #mega-menu-1b395aaa-edf1-42bb-a4fc-ad518f37c441 {
1359        --mega-menu-nav-gap: var(--spacing-20);
1360      }
1361    }
1362  </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">
1363          <a href="/pages/our-sustainable-story" class="h5" >
1364            <span class="reversed-link hover:show">Our Sustainable Story</span>
1365          </a></li><li class="v-stack gap-4 justify-items-start">
1366          <a href="/pages/818-bricks" class="h5" >
1367            <span class="reversed-link hover:show">818 Bricks Program</span>
1368          </a></li></ul>
1369
1370 
1371
1372
1373
1374<style>
1375  .navigation-promo.navigation-promo--grid{
1376    text-transform: uppercase;
1377  }
1378
1379  #navigation-promo-213813447 {
1380    --navigation-promo-grid: 
1381  
1382    auto / repeat(0, minmax(var(--mega-menu-promo-grid-image-min-width), var(--mega-menu-promo-grid-image-max-width)))
1383
1384  
1385;
1386    --mega-menu-promo-grid-image-max-width: 300px;
1387    --mega-menu-promo-grid-image-min-width: 172px;
1388    --promo-heading-font-size: var(--text-h5);
1389    --content-over-media-row-gap: var(--spacing-3);
1390    --content-over-media-column-gap: var(--spacing-4);--navigation-promo-gap: var(--spacing-2);
1391      --panel-wrapper-justify-content: flex-start;}
1392
1393  @media screen and (min-width:700px) {
1394    #navigation-promo-213813447 {--promo-heading-font-size: var(--text-h3);--mega-menu-promo-grid-image-min-width: 192px;
1395      --content-over-media-row-gap: var(--spacing-4);
1396      --content-over-media-column-gap: var(--spacing-5);
1397    }
1398  }@media screen and (min-width: 1150px) {
1399      .header__link-list li a.content-over-media.rounded-sm.group{
1400        gap: 0;
1401        display: block;
1402        height: 100%;
1403      }
1404      .header__link-list li a.content-over-media .desk-only img{
1405        height: 100%;
1406        object-fit: cover;
1407      }
1408      #navigation-promo-213813447 {
1409        --promo-heading-font-size: var(--text-h4);
1410        --promo-heading-line-height: 1.3;
1411        --navigation-promo-gap: var(--spacing-0-5);
1412        --mega-menu-promo-grid-image-min-width: 720px;
1413        margin: -2.5rem;
1414
1415        
1416
1417        
1418          margin-block-start: calc(-1 * var(--mega-menu-block-padding));
1419          margin-block-end: calc(-1 * var(--mega-menu-block-padding));
1420          margin-inline-end: calc(-1 * (100vw - min(100vw - var(--container-gutter) * 2, var(--container-max-width))) / 2);
1421
1422          
1423        
1424      }
1425
1426      
1427        #navigation-promo-213813447 {
1428          --content-over-media-row-gap: var(--spacing-6);
1429          --content-over-media-column-gap: var(--spacing-8);
1430        }
1431
1432      
1433    }
1434
1435    @media screen and (min-width: 1400px) {
1436      #navigation-promo-213813447 {
1437        /*
1438        --mega-menu-promo-grid-image-max-width: 650px;
1439      */
1440      --mega-menu-promo-grid-image-max-width: 100%;
1441      
1442        
1443      }
1444
1445      
1446    }</style><div class="navigation-promo__wrapper  " id="navigation-promo-213813447"><div class="navigation-promo navigation-promo--grid scroll-area bleed">
1447      
1448    </div></div></div></details></li>
1449
1450
1451                  
1452
1453                  <li><a href="/blogs/cocktails" class="link-faded-reverse  active-page " aria-current="page">COCKTAILS</a></li>
1454
1455
1456                  
1457
1458                  <li><a href="https://shop.drink818.com" class="link-faded-reverse " >MERCH</a></li></ul>
1459            </nav></div>
1460      </div>
1461        <a href="/" class="header__logo">
1462<span class="sr-only">drink818</span>
1463              
1464<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">
1465<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">
1466</a>
1467      
1468<div class="header__secondary-nav"><nav class="header__link-list" role="navigation">
1469            <ul class="contents"><li>
1470                  <a href="/pages/store-locator" class="link-faded-reverse btn-primary">Find Us</a>
1471                </li><li>
1472                  <a href="/collections/all-products" class="link-faded-reverse btn-primary">Buy Now</a>
1473                </li></ul>
1474          </nav><div class="header__icon-list"><a href="/search" class="hidden tap-area sm:block" aria-controls="search-drawer">
1475            <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">
1476        <circle cx="11" cy="10" r="7" fill="none" stroke="currentColor"></circle>
1477        <path d="m16 15 3 3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
1478      </svg></a>
1479
1480          <a href="/cart" data-no-instant class="relative block tap-area" aria-controls="cart-drawer">
1481            <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">
1482        <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"/>
1483      </svg><div class="header__cart-count">
1484              <cart-count class="count-bubble opacity-0">
1485                <span class="sr-only">Translation missing: en.cart.general.item_count</span>
1486                <span aria-hidden="true" class="cart-count">0</span>
1487              </cart-count>
1488            </div>
1489          </a>
1490        </div>
1491      </div>
1492    </div>
1493  </store-header>
1494</height-observer><navigation-drawer mobile-opening="bottom" open-from="left" id="header-sidebar-menu" class="navigation-drawer drawer lg:hidden" >
1495    <button is="close-button" aria-label="Close" class="close-button btn btn-primary">
1496      Close
1497    </button><div class="panel-list__wrapper">
1498  <div class="panel">
1499    <div class="panel__wrapper" >
1500      <div class="panel__scroller v-stack gap-12"><ul class="v-stack gap-4">
1501<li class="h3 sm:h4"><button class="text-with-icon w-full group justify-between" aria-expanded="false" data-panel="1-0">
1502                  <span>818 TEQUILA</span>
1503                  <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">
1504    <path d="M8 0L6.59 1.41L12.17 7H0V9H12.17L6.59 14.59L8 16L16 8L8 0Z" fill="#000"/>
1505    </svg></span>
1506                </button></li>
1507<li class="h3 sm:h4"><a href="/pages/eight-reserve" class="group block w-full">
1508                  <span><span class="reversed-link">EIGHT RESERVE</span></span>
1509                </a></li>
1510<li class="h3 sm:h4"><button class="text-with-icon w-full group justify-between" aria-expanded="false" data-panel="1-1">
1511                  <span>OUR STORY</span>
1512                  <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">
1513    <path d="M8 0L6.59 1.41L12.17 7H0V9H12.17L6.59 14.59L8 16L16 8L8 0Z" fill="#000"/>
1514    </svg></span>
1515                </button></li>
1516<li class="h3 sm:h4"><button class="text-with-icon w-full group justify-between" aria-expanded="false" data-panel="1-2">
1517                  <span>SUSTAINABILITY</span>
1518                  <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">
1519    <path d="M8 0L6.59 1.41L12.17 7H0V9H12.17L6.59 14.59L8 16L16 8L8 0Z" fill="#000"/>
1520    </svg></span>
1521                </button></li>
1522<li class="h3 sm:h4"><a href="/blogs/cocktails" class="group block w-full">
1523                  <span><span class="reversed-link">COCKTAILS</span></span>
1524                </a></li>
1525<li class="h3 sm:h4"><a href="https://shop.drink818.com" class="group block w-full">
1526                  <span><span class="reversed-link">MERCH</span></span>
1527                </a></li></ul><ul class="v-stack gap-3"><li>
1528                <a href="/pages/store-locator" class="h6 group"><span><span class="reversed-link">Find Us</span></span></a>
1529              </li><li>
1530                <a href="/collections/all-products" class="h6 group"><span><span class="reversed-link">Buy Now</span></span></a>
1531              </li></ul></div></div>
1532  </div><div class="panel gap-8">
1533      <div class="panel__wrapper" style="--panel-wrapper-justify-content: flex-start" hidden>
1534                  <ul class="v-stack gap-4">
1535                    <li class="lg:hidden">
1536                      <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">
1537      <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)" />
1538      </svg>BACK
1539                      </button>
1540                    </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>
1541                            </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>
1542                            </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>
1543                            </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>
1544                            </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>
1545                            </a></li></ul> 
1546
1547
1548
1549<style>
1550  .navigation-promo.navigation-promo--grid{
1551    text-transform: uppercase;
1552  }
1553
1554  #navigation-promo-214880054 {
1555    --navigation-promo-grid: 
1556  
1557    auto / repeat(1, minmax(var(--mega-menu-promo-grid-image-min-width), var(--mega-menu-promo-grid-image-max-width)))
1558
1559  
1560;
1561    --mega-menu-promo-grid-image-max-width: 300px;
1562    --mega-menu-promo-grid-image-min-width: 172px;
1563    --promo-heading-font-size: var(--text-h5);
1564    --content-over-media-row-gap: var(--spacing-3);
1565    --content-over-media-column-gap: var(--spacing-4);--navigation-promo-gap: var(--spacing-2);
1566      --panel-wrapper-justify-content: flex-start;}
1567
1568  @media screen and (min-width:700px) {
1569    #navigation-promo-214880054 {--promo-heading-font-size: var(--text-h3);--mega-menu-promo-grid-image-min-width: 192px;
1570      --content-over-media-row-gap: var(--spacing-4);
1571      --content-over-media-column-gap: var(--spacing-5);
1572    }
1573  }@media screen and (min-width: 1150px) {
1574      #navigation-promo-214880054 {
1575        --promo-heading-font-size: var(--text-h5);
1576        --content-over-media-row-gap: var(--spacing-5);
1577        --content-over-media-column-gap: var(--spacing-7);
1578        --mega-menu-promo-grid-image-min-width: 720px;
1579        margin: -2.5rem;
1580
1581        
1582      }
1583
1584    }</style><div class="navigation-promo__wrapper  " id="navigation-promo-214880054"><div class="navigation-promo navigation-promo--grid scroll-area bleed">
1585      <a href="/collections/all-products"
1586         class="content-over-media  group "
1587         style="--text-color: 243 233 213; grid-area: ;">
1588          
1589        
1590          <span class="desk-only">
1591        �<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">
1592          </span>
1593        
1594        �<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">
1595            <p style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">SHOP ALL</p>
1596          </div></a>
1597    </div></div></div><div class="panel__wrapper" style="--panel-wrapper-justify-content: flex-start" hidden>
1598                  <ul class="v-stack gap-4">
1599                    <li class="lg:hidden">
1600                      <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">
1601      <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)" />
1602      </svg>BACK
1603                      </button>
1604                    </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>
1605                            </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>
1606                            </a></li></ul> 
1607
1608
1609
1610<style>
1611  .navigation-promo.navigation-promo--grid{
1612    text-transform: uppercase;
1613  }
1614
1615  #navigation-promo-215291482 {
1616    --navigation-promo-grid: 
1617  
1618    auto / repeat(0, minmax(var(--mega-menu-promo-grid-image-min-width), var(--mega-menu-promo-grid-image-max-width)))
1619
1620  
1621;
1622    --mega-menu-promo-grid-image-max-width: 300px;
1623    --mega-menu-promo-grid-image-min-width: 172px;
1624    --promo-heading-font-size: var(--text-h5);
1625    --content-over-media-row-gap: var(--spacing-3);
1626    --content-over-media-column-gap: var(--spacing-4);--navigation-promo-gap: var(--spacing-2);
1627      --panel-wrapper-justify-content: flex-start;}
1628
1629  @media screen and (min-width:700px) {
1630    #navigation-promo-215291482 {--promo-heading-font-size: var(--text-h3);--mega-menu-promo-grid-image-min-width: 192px;
1631      --content-over-media-row-gap: var(--spacing-4);
1632      --content-over-media-column-gap: var(--spacing-5);
1633    }
1634  }@media screen and (min-width: 1150px) {
1635      #navigation-promo-215291482 {
1636        --promo-heading-font-size: var(--text-h5);
1637        --content-over-media-row-gap: var(--spacing-5);
1638        --content-over-media-column-gap: var(--spacing-7);
1639        --mega-menu-promo-grid-image-min-width: 720px;
1640        margin: -2.5rem;
1641
1642        
1643      }
1644
1645    }</style><div class="navigation-promo__wrapper  " id="navigation-promo-215291482"><div class="navigation-promo navigation-promo--grid scroll-area bleed">
1646      
1647    </div></div></div><div class="panel__wrapper" style="--panel-wrapper-justify-content: flex-start" hidden>
1648                  <ul class="v-stack gap-4">
1649                    <li class="lg:hidden">
1650                      <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">
1651      <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)" />
1652      </svg>BACK
1653                      </button>
1654                    </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>
1655                            </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>
1656                            </a></li></ul> 
1657
1658
1659
1660<style>
1661  .navigation-promo.navigation-promo--grid{
1662    text-transform: uppercase;
1663  }
1664
1665  #navigation-promo-215431672 {
1666    --navigation-promo-grid: 
1667  
1668    auto / repeat(0, minmax(var(--mega-menu-promo-grid-image-min-width), var(--mega-menu-promo-grid-image-max-width)))
1669
1670  
1671;
1672    --mega-menu-promo-grid-image-max-width: 300px;
1673    --mega-menu-promo-grid-image-min-width: 172px;
1674    --promo-heading-font-size: var(--text-h5);
1675    --content-over-media-row-gap: var(--spacing-3);
1676    --content-over-media-column-gap: var(--spacing-4);--navigation-promo-gap: var(--spacing-2);
1677      --panel-wrapper-justify-content: flex-start;}
1678
1679  @media screen and (min-width:700px) {
1680    #navigation-promo-215431672 {--promo-heading-font-size: var(--text-h3);--mega-menu-promo-grid-image-min-width: 192px;
1681      --content-over-media-row-gap: var(--spacing-4);
1682      --content-over-media-column-gap: var(--spacing-5);
1683    }
1684  }@media screen and (min-width: 1150px) {
1685      #navigation-promo-215431672 {
1686        --promo-heading-font-size: var(--text-h5);
1687        --content-over-media-row-gap: var(--spacing-5);
1688        --content-over-media-column-gap: var(--spacing-7);
1689        --mega-menu-promo-grid-image-min-width: 720px;
1690        margin: -2.5rem;
1691
1692        
1693      }
1694
1695    }</style><div class="navigation-promo__wrapper  " id="navigation-promo-215431672"><div class="navigation-promo navigation-promo--grid scroll-area bleed">
1696      
1697    </div></div></div>
1698    </div></div></navigation-drawer>
1698<script>
1699  (() => {
1700    document.documentElement.style.setProperty(`--header-height`, `${document.getElementById('shopify-section-header').getBoundingClientRect().height.toFixed(1)}px`);
1701  })();
1702</script>
1702
1703
1704
1705<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>
1706  #shopify-section-age-popup {--content-over-media-overlay:  / 0.0;}
1707  input.age-gate-input{
1708    color:#F3E9D5;
1709    border: 1px solid #F3E9D5;
1710  }
1711  .btm-content{
1712    color: #F3E9D5;
1713  }
1714  .h2.age-gate-title{
1715    color: #F3E9D5;
1716  }
1717  input.age-gate-input::placeholder {
1718  color: #F3E9D5;
1719  }
1720  #age-gate button#submit{
1721    background-color: #F3E9D5 !important;
1722    color: var(--pina);
1723  }
1724  #age-gate button#submit:hover{
1725    background-color: #000000 !important;
1726    color: var(--anejo);
1727
1728  }
1729  .err_msg {
1730    background:#aa2826
1731  }
1732  #age-gate .input-group {
1733    display: grid;
1734    gap: 20px;
1735    grid-template: auto / auto auto auto;
1736  }
1737  .btm-content {
1738    margin-top: 5%;
1739  }
1740  h2.age-gate-title{
1741    font-size: 3.125rem;
1742  }
1743  .btm-content{
1744    font-size: 1rem;
1745    letter-spacing: 1px;
1746    line-height: 160%;
1747  }
1748  .btm-content a {
1749    text-decoration: underline;
1750  }
1751  
1752  @media screen and (max-width: 1000px){
1753    .h2.age-gate-title{
1754      margin-bottom: 5%;
1755      font-size: 2rem;
1756    }
1757    #age-gate button#submit{
1758      grid-column: 1/3;
1759    }
1760    #age-gate .input-group {
1761      gap: 10px;
1762    }
1763    #age-gate .input-group {
1764      grid-template: auto / auto auto;
1765    }
1766  }
1767</style>
1768
1769
1770<div id="myModal" class="modal" style="display:none;">
1771  <div id="err_msg" class="err_msg" style="display:none;">
1772      <p id="result-message"></p>
1773  </div>
1774  <div class="modal-content" style="background: #536451">
1775    <div class="age-gate-overlay">
1776        <div id="age-gate" class="age-gate">        
1777          <h2 class="h2 age-gate-title">PLEASE ENTER YOUR DATE OF BIRTH</h2>
1778          <div class="input-group flex">
1779            <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);">
1780            <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);">
1781            <button id="submit" class="btn primary light">Submit</button>
1782          </div>
1783          <div class="btm-content">
1784            <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>
1785          </div>
1786        </div>
1787    </div>
1788  </div>
1789</div>
1790
1791<script>
1792
1793 document.getElementById("month").value == "";
1794 document.getElementById("year").value =="";
1795 const ageVerified = localStorage.getItem("ageVerified");
1796
1797  if (!ageVerified) {
1798    function openModal () {
1799      modal.style.display = "block";
1800      body.style.overflow = "hidden";
1801    }
1802  }
1803
1804  const submitButton = document.getElementById("submit");
1805  submitButton.addEventListener("click", function() {
1806  const birthMonth = document.getElementById("month").value;
1807  const birthYear = document.getElementById("year").value;
1808  const currentDate = new Date();
1809  const currentMonth = currentDate.getMonth() + 1;
1810  const currentYear = currentDate.getFullYear();
1811  var resultMessage = document.getElementById("result-message");
1812
1813  if (birthMonth < 1 || birthMonth > 12) {
1814    resultMessage.innerHTML = "PLEASE ENTER A VALID DATE OF BIRTH.";
1815    document.getElementById("err_msg").style.display = "block";
1816    window.setTimeout(function() { document.getElementById("err_msg").style.display = "none"; }, 3000);
1817  }
1818  else if (birthYear < 1900 || birthYear > 2023) {   
1819    resultMessage.innerHTML = "PLEASE ENTER A VALID DATE OF BIRTH.";
1820    document.getElementById("err_msg").style.display = "block";
1821    window.setTimeout(function() { document.getElementById("err_msg").style.display = "none"; }, 3000);
1822  }
1823  else{
1824      var age = currentDate.getFullYear() - document.getElementById("year").value; 
1825      if (age < 21) {
1826          resultMessage.innerHTML = "YOU MUST BE OF LEGAL DRINKING AGE FOR ENTRY.";
1827          document.getElementById("err_msg").style.display = "block";
1828          window.setTimeout(function() { document.getElementById("err_msg").style.display = "none"; }, 3000);
1829      }
1830      else if (age == 21) {
1831          if (currentMonth <= birthMonth) {
1832              //console.log('current month is less than or equal to birth month');
1833              resultMessage.innerHTML = "YOU MUST BE OF LEGAL DRINKING AGE FOR ENTRY.";
1834              document.getElementById("err_msg").style.display = "block";
1835              window.setTimeout(function() { document.getElementById("err_msg").style.display = "none"; }, 3000);
1836          }
1837          else{
1838            localStorage.setItem("ageVerified", "true");
1839            document.getElementById("myModal").style.display = "none";
1840            modal.style.display = "none";
1841            //console.log("age verified");
1842            body.style.overflow = "auto";
1843          }
1844      }
1845      else{
1846          localStorage.setItem("ageVerified", "true");
1847          document.getElementById("myModal").style.display = "none";
1848          modal.style.display = "none";
1849          //console.log("age verified");
1850          body.style.overflow = "auto";
1851      }
1852  }
1853});
1854
1855
1856// Get the modal
1857var modal = document.getElementById("myModal");
1858
1859// Get the button that opens the modal
1860var btn = document.getElementById("myBtn");
1861
1862// When the user loads screen, open the modal 
1863var body = document.getElementsByClassName("zoom-image--enabled")[0];
1864
1865if (!ageVerified) {
1866  document.addEventListener('DOMContentLoaded', openModal, false);
1867}
1868
1869</script>
1869
1870
1871
1872</section><div id="shopify-section-cart-drawer" class="shopify-section"><cart-drawer  class="cart-drawer drawer" id="cart-drawer"><div class="cart-drawer__inner">
1873      <div class="cart-drawer__top">
1874        <div class="h-stack items-center justify-between">
1875          <div class="h-stack gap-2 sm:gap-2.5">
1876            <p class="h5">Cart</p>
1877          </div>
1878
1879          <button is="close-button" aria-label="Close">
1880      <svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close-x" viewBox="0 0 24 24">
1881        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
1882      </svg></button>
1883        </div></div>
1884
1885      <div class="empty-state align-self-center">
1886        <div class="prose">
1887          <p class="h5">Your cart is empty</p>�<a class="button button--xl btn-primary"
1888  
1889  
1890  
1891  
1892  
1893  href="/collections/all"
1894  
1895  � >
1896   <span class="button-content">Continue shopping</span>
1897  </a></div>
1898      </div>
1899    </div></cart-drawer>
1900
1901
1902</div><div id="shopify-section-search-drawer" class="shopify-section"><search-drawer  class="search-drawer  drawer drawer--lg" id="search-drawer">
1903  <form action="/search" method="get" class="v-stack gap-5 sm:gap-8" role="search">
1904    <div class="search-input">
1905      <input type="search" name="q" placeholder="Search for..." autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" aria-label="Search">
1906      <button type="reset" class="text-subdued">Clear</button>
1907      <button type="button" is="close-button">
1908        <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">
1909      <rect width="351" height="42" rx="4" fill="#536451"/>
1910      <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"/>
1911      </svg>
1912
1913    </button>
1914    </div>
1915
1916    
1917<input type="hidden" name="type" value="product">
1918    <input type="hidden" name="options[prefix]" value="last">
1919    <input type="hidden" name="options[unavailable_products]" value="last">
1920
1921    <predictive-search class="predictive-search" section-id="search-drawer" resources="product,article,collection" unavailable-products="last"><div slot="results"></div>
1922
1923      <div slot="loading">
1924        <div class="v-stack gap-5 sm:gap-6 ">
1925          <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>
1926
1927          <div class="v-stack gap-4 sm:gap-6"><div class="h-stack align-center gap-5 sm:gap-6">
1928                <span class="skeleton skeleton--thumbnail"></span>
1929
1930                <div class="v-stack gap-3 w-full">
1931                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
1932                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
1933                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
1934                </div>
1935              </div><div class="h-stack align-center gap-5 sm:gap-6">
1936                <span class="skeleton skeleton--thumbnail"></span>
1937
1938                <div class="v-stack gap-3 w-full">
1939                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
1940                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
1941                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
1942                </div>
1943              </div><div class="h-stack align-center gap-5 sm:gap-6">
1944                <span class="skeleton skeleton--thumbnail"></span>
1945
1946                <div class="v-stack gap-3 w-full">
1947                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
1948                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
1949                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
1950                </div>
1951              </div><div class="h-stack align-center gap-5 sm:gap-6">
1952                <span class="skeleton skeleton--thumbnail"></span>
1953
1954                <div class="v-stack gap-3 w-full">
1955                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
1956                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
1957                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
1958                </div>
1959              </div></div>
1960        </div></div>
1961    </predictive-search>
1962  </form>
1963</search-drawer>
1964
1965</div><main role="main" id="main" class="anchor ">
1966      <section id="shopify-section-template--27979568611460__de7efda7-6b7f-42bc-adf9-00635d28d54f" class="shopify-section shopify-section--slideshow"><style>#shopify-section-template--27979568611460__de7efda7-6b7f-42bc-adf9-00635d28d54f .custom_spacing{
1967    margin-block-start: 32px !important;
1968  }
1969  @media screen and (max-width: 767px) {
1970    #shopify-section-template--27979568611460__de7efda7-6b7f-42bc-adf9-00635d28d54f .custom_spacing{
1971      margin-block-start: 20px !important;
1972    }
1973  }
1974  #shopify-section-template--27979568611460__de7efda7-6b7f-42bc-adf9-00635d28d54f {
1975    --slideshow-background: #f2f2f2;
1976    --slideshow-controls-background: ;
1977    --slideshow-controls-color: 243 233 213;}#block-template--15473463230596__de7efda7-6b7f-42bc-adf9-00635d28d54f-167700497813ccdf1c-0 {--slideshow-slide-background: #f2f2f2;
1978      --slideshow-slide-controls-background: ;
1979      --slideshow-slide-controls-color: 243 233 213;
1980    }</style><div id="" class="display-contents">
1981  <x-slideshow class="slideshow  " ><slideshow-carousel id="slideshow-template--27979568611460__de7efda7-6b7f-42bc-adf9-00635d28d54f" class="slideshow__carousel" reveal-on-scroll="true" selector=".slideshow__slide" transition="fade_with_text"  role="region"><a id="block-template--15473463230596__de7efda7-6b7f-42bc-adf9-00635d28d54f-167700497813ccdf1c-0" href="/blogs/cocktails/818-owen-s-espresso-martini" class="slideshow__slide is-selected" role="group" ><div class="content-over-media content-over-media--auto " style="--content-over-media-content-max-width: 660px; --content-over-media-overlay: 0 0 0 / 0.0"><img src="//drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&amp;width=2800" alt="" srcset="//drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&amp;width=200 200w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&amp;width=300 300w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&amp;width=400 400w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&amp;width=500 500w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&amp;width=600 600w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&amp;width=700 700w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&amp;width=800 800w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&amp;width=900 900w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&amp;width=1000 1000w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&amp;width=1200 1200w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&amp;width=1400 1400w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&amp;width=1600 1600w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&amp;width=1800 1800w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&amp;width=2000 2000w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&amp;width=2200 2200w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&amp;width=2400 2400w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&amp;width=2600 2600w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&amp;width=2800 2800w" width="2800" height="1200" loading="eager" fetchpriority="high" sizes="100vw">
1981<div class="place-self-center text-center sm:place-self-center sm:text-center  text-custom"style="--text-color: 243 233 213;">
1982              <div class="prose"></div>
1983            </div>
1984          </div></a></slideshow-carousel>
1985  </x-slideshow>
1986</div>
1987</section><section id="shopify-section-template--27979568611460__main" class="shopify-section shopify-section--main-blog"><style>
1988  #shopify-section-template--27979568611460__main {
1989    --section-background-hash: 0;
1990  }
1991
1992  #shopify-section-template--27979568611460__main + * {
1993    --previous-section-background-hash: 0;
1994  }</style><style>
1995  #shopify-section-template--27979568611460__main {--banner-content-padding-block-start:var(--spacing-16);
1996  }
1997
1998  .blog-static-card {
1999    background: var(--blanco);
2000    color: var(--black);
2001    padding: 30px;
2002    width: 100%;
2003    height: 100%;
2004    border-radius: 20px;
2005    font-family: var(--FontGravityVariable);
2006    font-size: 37px;
2007    line-height: 1.1em;
2008    letter-spacing: 1px;
2009    text-transform: uppercase;
2010    height: 575px;
2011  }
2012  .blog-filter-list li {
2013    font-family: var(--FontAbcFavoritMono);
2014    text-transform: uppercase;
2015    font-size: 18px;
2016    line-height: 160%;
2017    letter-spacing: 0.1em;
2018    color: var(--black);
2019    opacity: 1 !important;
2020    
2021  }
2022  .blog-filter-list li a {
2023    padding: 12px 20px;
2024    border: 1px solid var(--anejo);
2025    color: var(--black);
2026  }
2027  .blog-filter-list li.selected a {
2028    border: 1px solid var(--pina);
2029    border-radius: 7px;
2030    color: var(--pina);
2031  } 
2032  header.blog-banner {
2033    margin-block-start: var(--spacing-20);
2034  }
2035  span.pagination__current {
2036    font-family: 'ABCFavoritMono';
2037  }
2038
2039  .multi-column__item {
2040    grid-column: auto;
2041    gap: 1em;
2042  }
2043
2044  @media screen and (min-width: 1000px){  
2045    .blog-posts{
2046      --blog-articles-gap: var(--spacing-6-5);
2047    }
2048    .blog-posts__container {
2049      padding-inline-start: 2em;
2050      padding-inline-end: 2em;
2051    }
2052  }
2053   @media screen and (min-width: 1400px){  
2054    .blog-posts{
2055      row-gap: var(--spacing-28);
2056    }
2057   }
2058  @media screen and (min-width: 700px) {
2059    #shopify-section-template--27979568611460__main {
2060      --banner-content-padding-block-start:var(--spacing-28);
2061    }
2062  }
2063  @media screen and (max-width: 700px){
2064    header.blog-banner {
2065      margin-left: 5%;
2066    }
2067  }
2068</style>
2069
2070<div class="blog" >
2071  �<header class="blog-banner">
2072
2073      
2074
2075        �<div class="scroll-area bleed sm:unbleed justify-items-center">
2076            <div class="blog-filter-list">
2077              <ul class="h-stack bold text-base" role="tablist">
2078                <li role="tab" aria-selected="true" class=" selected ">
2079                  <a href="/blogs/cocktails" class=" selected ">All</a>
2080                </li><li role="tab" class="" aria-selected="false"><a href="/blogs/cocktails/tagged/anejo" title="Show articles tagged Añejo">Añejo</a></li><li role="tab" class="" aria-selected="false"><a href="/blogs/cocktails/tagged/blanco" title="Show articles tagged Blanco">Blanco</a></li><li role="tab" class="" aria-selected="false"><a href="/blogs/cocktails/tagged/reposado" title="Show articles tagged Reposado">Reposado</a></li></ul>
2081            </div>
2082          </div></div>
2083    </header>
2084
2085    <div class="blog-posts__container"><div class="blog-posts">
2086        �
2087
2088  <div class="multi-column__item snap-start" >
2089    <div class="flip-card" id="flip-card-1">
2090      <div class="flip-card-inner">
2091        <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
2091-image" sizes="(max-width:700px) 100vw, min(770px, 50vw)"></span>
2092          
2093            <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>
2094          
2095          
2096            <button class="flip-button">
2097              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2098              <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
2099              <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
2100              </svg>
2101            </button>
2102        </div>
2103      <div class="flip-card-back">
2104
2105        
2106        
2107        <button href="" class="btn cocktail_btn close btn-icon-left">
2108          <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2109          <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
2110          <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
2111          </svg>
2112          Close
2113        </button>
2114        
2115        <div class="teq-row 1">
2116             
2117            
2118              <span teq-name = "anejo">Añejo</span>
2119            
2120             
2121            
2122              <span class="active" teq-name = "blanco">Blanco</span>
2123            
2124             
2125            
2126              <span teq-name = "reposado">Reposado</span>
2127            
2128          
2129        </div>
2130
2131        
2132        
2133
2134        <div class="card recipie ingredients">
2135          <ul>
2136            <li>Ingredients:</li>
2137            
2138              
2139              
2140              
2141              
2142              
2143              
2144                <li data-pos="1">
2145                  <span>2.0 OZ - 818 Tequila Blanco</span>
2146                </li>
2147              
2148              
2149            
2150              
2151              
2152              
2153              
2154              
2155              
2156                <li data-pos="2">
2157                  <span>0.5 OZ - Cointreau</span>
2158                </li>
2159              
2160              
2161            
2162              
2163              
2164              
2165              
2166              
2167              
2168                <li data-pos="3">
2169                  <span>0.75 OZ - Agave</span>
2170                </li>
2171              
2172              
2173            
2174              
2175              
2176                
2177          </ul>
2178        </div> 
2179        <div class="card recipie preparation">
2180          <ul >
2181            <li>Prep:</li>
2182            
2183              
2184              
2185              <li data-pos="1">(1) In a cocktail shaker, muddle kiwi and basil to release the basil oils. </li>
2186              
2187            
2188              
2189              
2190              <li data-pos="2">(2) Add 818 Tequila Blanco, Cointreau, lime juice, and ice to the shaker and shake until cold and frosty. </li>
2191              
2192            
2193              
2194              
2195                  
2196                    <li class="dots">...</li>
2197                  
2198                
2199            
2200          </ul>
2201        </div>
2202        <a href="/blogs/cocktails/kiwi-basil-margarita" class="btn btn-small cocktail_btn absolute">SEE FULL RECIPE</a>
2203      </div>
2204    </div>
2205  </div>
2206  <div class="card-cocktail cocktail-name gravityh5 mob-font-gravityh6">Kiwi Basil Margarita</div>
2207  </div>�
2208
2209  <div class="multi-column__item snap-start" >
2210    <div class="flip-card" id="flip-card-2">
2211      <div class="flip-card-inner">
2212        <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
2212-image" sizes="(max-width:700px) 100vw, min(770px, 50vw)"></span>
2213          
2214            <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>
2215          
2216          
2217            <button class="flip-button">
2218              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2219              <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
2220              <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
2221              </svg>
2222            </button>
2223        </div>
2224      <div class="flip-card-back">
2225
2226        
2227        
2228        <button href="" class="btn cocktail_btn close btn-icon-left">
2229          <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2230          <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
2231          <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
2232          </svg>
2233          Close
2234        </button>
2235        
2236        <div class="teq-row 1">
2237             
2238            
2239              <span teq-name = "anejo">Añejo</span>
2240            
2241             
2242            
2243              <span class="active" teq-name = "blanco">Blanco</span>
2244            
2245             
2246            
2247              <span teq-name = "reposado">Reposado</span>
2248            
2249          
2250        </div>
2251
2252        
2253        
2254
2255        <div class="card recipie ingredients">
2256          <ul>
2257            <li>Ingredients:</li>
2258            
2259              
2260              
2261              
2262              
2263              
2264              
2265                <li data-pos="1">
2266                  <span>1.5 OZ - 818 Tequila Blanco</span>
2267                </li>
2268              
2269              
2270            
2271              
2272              
2273              
2274              
2275              
2276              
2277                <li data-pos="2">
2278                  <span>1.0 OZ - Yuzu Juice</span>
2279                </li>
2280              
2281              
2282            
2283              
2284              
2285              
2286              
2287              
2288              
2289                <li data-pos="3">
2290                  <span>0.75 OZ - Cointreau</span>
2291                </li>
2292              
2293              
2294            
2295              
2296              
2297                
2298          </ul>
2299        </div> 
2300        <div class="card recipie preparation">
2301          <ul >
2302            <li>Prep:</li>
2303            
2304              
2305              
2306              <li data-pos="1">(1) Rim your glass with yuzu juice + kosher salt.</li>
2307              
2308            
2309              
2310              
2311              <li data-pos="2">(2) Combine ingredients in a cocktail shaker with ice and shake.</li>
2312              
2313            
2314              
2315              
2316                  
2317                    <li class="dots">...</li>
2318                  
2319                
2320            
2321          </ul>
2322        </div>
2323        <a href="/blogs/cocktails/yuzu-margarita" class="btn btn-small cocktail_btn absolute">SEE FULL RECIPE</a>
2324      </div>
2325    </div>
2326  </div>
2327  <div class="card-cocktail cocktail-name gravityh5 mob-font-gravityh6">Yuzu Margarita</div>
2328  </div>�
2329
2330  <div class="multi-column__item snap-start" >
2331    <div class="flip-card" id="flip-card-3">
2332      <div class="flip-card-inner">
2333        <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
2333-image" sizes="(max-width:700px) 100vw, min(770px, 50vw)"></span>
2334          
2335            <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>
2336          
2337          
2338            <button class="flip-button">
2339              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2340              <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
2341              <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
2342              </svg>
2343            </button>
2344        </div>
2345      <div class="flip-card-back">
2346
2347        
2348        
2349        <button href="" class="btn cocktail_btn close btn-icon-left">
2350          <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2351          <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
2352          <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
2353          </svg>
2354          Close
2355        </button>
2356        
2357        <div class="teq-row 1">
2358             
2359            
2360              <span teq-name = "anejo">Añejo</span>
2361            
2362             
2363            
2364              <span teq-name = "blanco">Blanco</span>
2365            
2366             
2367            
2368              <span class="active" teq-name = "reposado">Reposado</span>
2369            
2370          
2371        </div>
2372
2373        
2374        
2375
2376        <div class="card recipie ingredients">
2377          <ul>
2378            <li>Ingredients:</li>
2379            
2380              
2381              
2382              
2383              
2384              
2385              
2386                <li data-pos="1">
2387                  <span>2.0 OZ - 818 Tequila Reposado</span>
2388                </li>
2389              
2390              
2391            
2392              
2393              
2394              
2395              
2396              
2397              
2398                <li data-pos="2">
2399                  <span>1.0 OZ - Peach Syrup</span>
2400                </li>
2401              
2402              
2403            
2404              
2405              
2406              
2407              
2408              
2409              
2410                <li data-pos="3">
2411                  <span>0.75 OZ - Lemon Juice</span>
2412                </li>
2413              
2414              
2415            
2416              
2417              
2418                
2419          </ul>
2420        </div> 
2421        <div class="card recipie preparation">
2422          <ul >
2423            <li>Prep:</li>
2424            
2425              
2426              
2427              <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>
2428              
2429            
2430              
2431              
2432              <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>
2433              
2434            
2435              
2436              
2437                  
2438                    <li class="dots">...</li>
2439                  
2440                
2441            
2442          </ul>
2443        </div>
2444        <a href="/blogs/cocktails/peaches-cream-sour" class="btn btn-small cocktail_btn absolute">SEE FULL RECIPE</a>
2445      </div>
2446    </div>
2447  </div>
2448  <div class="card-cocktail cocktail-name gravityh5 mob-font-gravityh6">Peaches & Cream Sour</div>
2449  </div>�
2450
2451  <div class="multi-column__item snap-start" >
2452    <div class="flip-card" id="flip-card-4">
2453      <div class="flip-card-inner">
2454        <div class="flip-card-front"><span class="cockatil_main_img_wrapper mobile_hide"><img src="//drink818.com/cdn/shop/articles/Dirty_Pepperoncini_Marg_DK_02ad97e4-1be6-4f81-ae45-8ab19c4377d7.jpg?v=1778766076&amp;width=1080" alt="Dirty pepperoncini Margarita" srcset="//drink818.com/cdn/shop/articles/Dirty_Pepperoncini_Marg_DK_02ad97e4-1be6-4f81-ae45-8ab19c4377d7.jpg?v=1778766076&amp;width=300 300w, //drink818.com/cdn/shop/articles/Dirty_Pepperoncini_Marg_DK_02ad97e4-1be6-4f81-ae45-8ab19c4377d7.jpg?v=1778766076&amp;width=400 400w, //drink818.com/cdn/shop/articles/Dirty_Pepperoncini_Marg_DK_02ad97e4-1be6-4f81-ae45-8ab19c4377d7.jpg?v=1778766076&amp;width=500 500w, //drink818.com/cdn/shop/articles/Dirty_Pepperoncini_Marg_DK_02ad97e4-1be6-4f81-ae45-8ab19c4377d7.jpg?v=1778766076&amp;width=600 600w, //drink818.com/cdn/shop/articles/Dirty_Pepperoncini_Marg_DK_02ad97e4-1be6-4f81-ae45-8ab19c4377d7.jpg?v=1778766076&amp;width=800 800w, //drink818.com/cdn/shop/articles/Dirty_Pepperoncini_Marg_DK_02ad97e4-1be6-4f81-ae45-8ab19c4377d7.jpg?v=1778766076&amp;width=1000 1000w" width="1080" height="1412" loading="lazy" class="rounded w-full h-full object-cover zoom
2454-image" sizes="(max-width:700px) 100vw, min(770px, 50vw)"></span>
2455          
2456            <span class="cockatil_mob_img_wrapper"><img src="//drink818.com/cdn/shop/files/Dirty_Pepperoncini_Marg_MB.jpg?v=1778765811" alt="" srcset="//drink818.com/cdn/shop/files/Dirty_Pepperoncini_Marg_MB.jpg?v=1778765811&amp;width=300 300w, //drink818.com/cdn/shop/files/Dirty_Pepperoncini_Marg_MB.jpg?v=1778765811&amp;width=400 400w, //drink818.com/cdn/shop/files/Dirty_Pepperoncini_Marg_MB.jpg?v=1778765811&amp;width=500 500w, //drink818.com/cdn/shop/files/Dirty_Pepperoncini_Marg_MB.jpg?v=1778765811&amp;width=600 600w, //drink818.com/cdn/shop/files/Dirty_Pepperoncini_Marg_MB.jpg?v=1778765811&amp;width=800 800w, //drink818.com/cdn/shop/files/Dirty_Pepperoncini_Marg_MB.jpg?v=1778765811&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>
2457          
2458          
2459            <button class="flip-button">
2460              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2461              <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
2462              <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
2463              </svg>
2464            </button>
2465        </div>
2466      <div class="flip-card-back">
2467
2468        
2469        
2470        <button href="" class="btn cocktail_btn close btn-icon-left">
2471          <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2472          <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
2473          <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
2474          </svg>
2475          Close
2476        </button>
2477        
2478        <div class="teq-row 1">
2479             
2480            
2481              <span teq-name = "anejo">Añejo</span>
2482            
2483             
2484            
2485              <span class="active" teq-name = "blanco">Blanco</span>
2486            
2487             
2488            
2489              <span teq-name = "reposado">Reposado</span>
2490            
2491          
2492        </div>
2493
2494        
2495        
2496
2497        <div class="card recipie ingredients">
2498          <ul>
2499            <li>Ingredients:</li>
2500            
2501              
2502              
2503              
2504              
2505              
2506              
2507                <li data-pos="1">
2508                  <span>2.0 OZ - 818 Tequila Blanco </span>
2509                </li>
2510              
2511              
2512            
2513              
2514              
2515              
2516              
2517              
2518              
2519                <li data-pos="2">
2520                  <span>1.0 OZ - Cointreau </span>
2521                </li>
2522              
2523              
2524            
2525              
2526              
2527              
2528              
2529              
2530              
2531                <li data-pos="3">
2532                  <span>0.75 OZ - Lime Juice </span>
2533                </li>
2534              
2535              
2536            
2537              
2538              
2539                
2540          </ul>
2541        </div> 
2542        <div class="card recipie preparation">
2543          <ul >
2544            <li>Prep:</li>
2545            
2546              
2547              
2548              <li data-pos="1">(1) In a shaker with ice, combine all and ingredients and shake.</li>
2549              
2550            
2551              
2552              
2553              <li data-pos="2">(2) Strain and serve over fresh ice. </li>
2554              
2555            
2556              
2557              
2558                  
2559                    <li class="dots">...</li>
2560                  
2561                
2562            
2563          </ul>
2564        </div>
2565        <a href="/blogs/cocktails/dirty-peperoncino-margarita" class="btn btn-small cocktail_btn absolute">SEE FULL RECIPE</a>
2566      </div>
2567    </div>
2568  </div>
2569  <div class="card-cocktail cocktail-name gravityh5 mob-font-gravityh6">Dirty pepperoncini Margarita</div>
2570  </div>�
2571
2572  <div class="multi-column__item snap-start" >
2573    <div class="flip-card" id="flip-card-5">
2574      <div class="flip-card-inner">
2575        <div class="flip-card-front"><span class="cockatil_main_img_wrapper mobile_hide"><img src="//drink818.com/cdn/shop/articles/Cherry_Marg_DK.jpg?v=1778682854&amp;width=1080" alt="Cherry Margarita" srcset="//drink818.com/cdn/shop/articles/Cherry_Marg_DK.jpg?v=1778682854&amp;width=300 300w, //drink818.com/cdn/shop/articles/Cherry_Marg_DK.jpg?v=1778682854&amp;width=400 400w, //drink818.com/cdn/shop/articles/Cherry_Marg_DK.jpg?v=1778682854&amp;width=500 500w, //drink818.com/cdn/shop/articles/Cherry_Marg_DK.jpg?v=1778682854&amp;width=600 600w, //drink818.com/cdn/shop/articles/Cherry_Marg_DK.jpg?v=1778682854&amp;width=800 800w, //drink818.com/cdn/shop/articles/Cherry_Marg_DK.jpg?v=1778682854&amp;width=1000 1000w" width="1080" height="1412" loading="lazy" class="rounded w-full h-full object-cover zoom
2575-image" sizes="(max-width:700px) 100vw, min(770px, 50vw)"></span>
2576          
2577            <span class="cockatil_mob_img_wrapper"><img src="//drink818.com/cdn/shop/files/Cherry_Marg_MB.jpg?v=1778682637" alt="" srcset="//drink818.com/cdn/shop/files/Cherry_Marg_MB.jpg?v=1778682637&amp;width=300 300w, //drink818.com/cdn/shop/files/Cherry_Marg_MB.jpg?v=1778682637&amp;width=400 400w, //drink818.com/cdn/shop/files/Cherry_Marg_MB.jpg?v=1778682637&amp;width=500 500w, //drink818.com/cdn/shop/files/Cherry_Marg_MB.jpg?v=1778682637&amp;width=600 600w, //drink818.com/cdn/shop/files/Cherry_Marg_MB.jpg?v=1778682637&amp;width=800 800w, //drink818.com/cdn/shop/files/Cherry_Marg_MB.jpg?v=1778682637&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>
2578          
2579          
2580            <button class="flip-button">
2581              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2582              <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
2583              <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
2584              </svg>
2585            </button>
2586        </div>
2587      <div class="flip-card-back">
2588
2589        
2590        
2591        <button href="" class="btn cocktail_btn close btn-icon-left">
2592          <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2593          <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
2594          <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
2595          </svg>
2596          Close
2597        </button>
2598        
2599        <div class="teq-row 1">
2600             
2601            
2602              <span teq-name = "anejo">Añejo</span>
2603            
2604             
2605            
2606              <span teq-name = "blanco">Blanco</span>
2607            
2608             
2609            
2610              <span class="active" teq-name = "reposado">Reposado</span>
2611            
2612          
2613        </div>
2614
2615        
2616        
2617
2618        <div class="card recipie ingredients">
2619          <ul>
2620            <li>Ingredients:</li>
2621            
2622              
2623              
2624              
2625              
2626              
2627              
2628                <li data-pos="1">
2629                  <span>2.0 OZ - 818 Tequila Reposado</span>
2630                </li>
2631              
2632              
2633            
2634              
2635              
2636              
2637              
2638              
2639              
2640                <li data-pos="2">
2641                  <span>1.0 OZ - cherry juice</span>
2642                </li>
2643              
2644              
2645            
2646              
2647              
2648              
2649              
2650              
2651              
2652                <li data-pos="3">
2653                  <span>0.5 OZ - Cointreau </span>
2654                </li>
2655              
2656              
2657            
2658              
2659              
2660                
2661          </ul>
2662        </div> 
2663        <div class="card recipie preparation">
2664          <ul >
2665            <li>Prep:</li>
2666            
2667              
2668              
2669              <li data-pos="1">(1) In a cocktail shaker with ice, combine ingredients and shake until frosty and cold. </li>
2670              
2671            
2672              
2673              
2674              <li data-pos="2">(2) Strain over a large ice cube and serve.</li>
2675              
2676            
2677            
2678          </ul>
2679        </div>
2680        <a href="/blogs/cocktails/cherry-margarita" class="btn btn-small cocktail_btn absolute">SEE FULL RECIPE</a>
2681      </div>
2682    </div>
2683  </div>
2684  <div class="card-cocktail cocktail-name gravityh5 mob-font-gravityh6">Cherry Margarita</div>
2685  </div>�
2686
2687  <div class="multi-column__item snap-start" >
2688    <div class="flip-card" id="flip-card-6">
2689      <div class="flip-card-inner">
2690        <div class="flip-card-front"><span class="cockatil_main_img_wrapper mobile_hide"><img src="//drink818.com/cdn/shop/articles/Hibiscus_Rosemary_Marg_DK_2026.jpg?v=1778681976&amp;width=1080" alt="Hibiscus Rosemary Margarita" srcset="//drink818.com/cdn/shop/articles/Hibiscus_Rosemary_Marg_DK_2026.jpg?v=1778681976&amp;width=300 300w, //drink818.com/cdn/shop/articles/Hibiscus_Rosemary_Marg_DK_2026.jpg?v=1778681976&amp;width=400 400w, //drink818.com/cdn/shop/articles/Hibiscus_Rosemary_Marg_DK_2026.jpg?v=1778681976&amp;width=500 500w, //drink818.com/cdn/shop/articles/Hibiscus_Rosemary_Marg_DK_2026.jpg?v=1778681976&amp;width=600 600w, //drink818.com/cdn/shop/articles/Hibiscus_Rosemary_Marg_DK_2026.jpg?v=1778681976&amp;width=800 800w, //drink818.com/cdn/shop/articles/Hibiscus_Rosemary_Marg_DK_2026.jpg?v=1778681976&amp;width=1000 1000w" width="1080" height="1412" loading="lazy" class="rounded w-full h-full object-cover zoom
2690-image" sizes="(max-width:700px) 100vw, min(770px, 50vw)"></span>
2691          
2692            <span class="cockatil_mob_img_wrapper"><img src="//drink818.com/cdn/shop/files/Hibiscus_Rosemary_Marg_MB_2026.jpg?v=1778681830" alt="" srcset="//drink818.com/cdn/shop/files/Hibiscus_Rosemary_Marg_MB_2026.jpg?v=1778681830&amp;width=300 300w, //drink818.com/cdn/shop/files/Hibiscus_Rosemary_Marg_MB_2026.jpg?v=1778681830&amp;width=400 400w, //drink818.com/cdn/shop/files/Hibiscus_Rosemary_Marg_MB_2026.jpg?v=1778681830&amp;width=500 500w, //drink818.com/cdn/shop/files/Hibiscus_Rosemary_Marg_MB_2026.jpg?v=1778681830&amp;width=600 600w, //drink818.com/cdn/shop/files/Hibiscus_Rosemary_Marg_MB_2026.jpg?v=1778681830&amp;width=800 800w, //drink818.com/cdn/shop/files/Hibiscus_Rosemary_Marg_MB_2026.jpg?v=1778681830&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>
2693          
2694          
2695            <button class="flip-button">
2696              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2697              <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
2698              <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
2699              </svg>
2700            </button>
2701        </div>
2702      <div class="flip-card-back">
2703
2704        
2705        
2706        <button href="" class="btn cocktail_btn close btn-icon-left">
2707          <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2708          <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
2709          <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
2710          </svg>
2711          Close
2712        </button>
2713        
2714        <div class="teq-row 1">
2715             
2716            
2717              <span teq-name = "anejo">Añejo</span>
2718            
2719             
2720            
2721              <span class="active" teq-name = "blanco">Blanco</span>
2722            
2723             
2724            
2725              <span teq-name = "reposado">Reposado</span>
2726            
2727          
2728        </div>
2729
2730        
2731        
2732
2733        <div class="card recipie ingredients">
2734          <ul>
2735            <li>Ingredients:</li>
2736            
2737              
2738              
2739              
2740              
2741              
2742              
2743                <li data-pos="1">
2744                  <span>1.5 OZ - 818 Tequila Blanco</span>
2745                </li>
2746              
2747              
2748            
2749              
2750              
2751              
2752              
2753              
2754              
2755                <li data-pos="2">
2756                  <span>0.75 OZ - Hibiscus Tea</span>
2757                </li>
2758              
2759              
2760            
2761              
2762              
2763              
2764              
2765              
2766              
2767                <li data-pos="3">
2768                  <span>0.75 OZ - Lime Juice</span>
2769                </li>
2770              
2771              
2772            
2773              
2774              
2775                
2776          </ul>
2777        </div> 
2778        <div class="card recipie preparation">
2779          <ul >
2780            <li>Prep:</li>
2781            
2782              
2783              
2784              <li data-pos="1">(1) In a cocktail shaker with ice, combine ingredients except for salt and shake.</li>
2785              
2786            
2787              
2788              
2789              <li data-pos="2">(2) Strain and serve in a coupe glass with ice and top with a pinch of flaky sea salt.  </li>
2790              
2791            
2792            
2793          </ul>
2794        </div>
2795        <a href="/blogs/cocktails/hibiscus-rosemary-margarita" class="btn btn-small cocktail_btn absolute">SEE FULL RECIPE</a>
2796      </div>
2797    </div>
2798  </div>
2799  <div class="card-cocktail cocktail-name gravityh5 mob-font-gravityh6">Hibiscus Rosemary Margarita</div>
2800  </div>�
2801
2802  <div class="multi-column__item snap-start" >
2803    <div class="flip-card" id="flip-card-7">
2804      <div class="flip-card-inner">
2805        <div class="flip-card-front"><span class="cockatil_main_img_wrapper mobile_hide"><img src="//drink818.com/cdn/shop/articles/Spicy_Peach_Marg_DK_2026.jpg?v=1778680445&amp;width=1080" alt="Spicy Peach Margarita" srcset="//drink818.com/cdn/shop/articles/Spicy_Peach_Marg_DK_2026.jpg?v=1778680445&amp;width=300 300w, //drink818.com/cdn/shop/articles/Spicy_Peach_Marg_DK_2026.jpg?v=1778680445&amp;width=400 400w, //drink818.com/cdn/shop/articles/Spicy_Peach_Marg_DK_2026.jpg?v=1778680445&amp;width=500 500w, //drink818.com/cdn/shop/articles/Spicy_Peach_Marg_DK_2026.jpg?v=1778680445&amp;width=600 600w, //drink818.com/cdn/shop/articles/Spicy_Peach_Marg_DK_2026.jpg?v=1778680445&amp;width=800 800w, //drink818.com/cdn/shop/articles/Spicy_Peach_Marg_DK_2026.jpg?v=1778680445&amp;width=1000 1000w" width="1080" height="1412" loading="lazy" class="rounded w-full h-full object-cover zoom
2805-image" sizes="(max-width:700px) 100vw, min(770px, 50vw)"></span>
2806          
2807            <span class="cockatil_mob_img_wrapper"><img src="//drink818.com/cdn/shop/files/Spicy_Peach_Marg_MB_2026.jpg?v=1778680347" alt="" srcset="//drink818.com/cdn/shop/files/Spicy_Peach_Marg_MB_2026.jpg?v=1778680347&amp;width=300 300w, //drink818.com/cdn/shop/files/Spicy_Peach_Marg_MB_2026.jpg?v=1778680347&amp;width=400 400w, //drink818.com/cdn/shop/files/Spicy_Peach_Marg_MB_2026.jpg?v=1778680347&amp;width=500 500w, //drink818.com/cdn/shop/files/Spicy_Peach_Marg_MB_2026.jpg?v=1778680347&amp;width=600 600w, //drink818.com/cdn/shop/files/Spicy_Peach_Marg_MB_2026.jpg?v=1778680347&amp;width=800 800w, //drink818.com/cdn/shop/files/Spicy_Peach_Marg_MB_2026.jpg?v=1778680347&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>
2808          
2809          
2810            <button class="flip-button">
2811              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2812              <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
2813              <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
2814              </svg>
2815            </button>
2816        </div>
2817      <div class="flip-card-back">
2818
2819        
2820        
2821        <button href="" class="btn cocktail_btn close btn-icon-left">
2822          <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2823          <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
2824          <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
2825          </svg>
2826          Close
2827        </button>
2828        
2829        <div class="teq-row 1">
2830             
2831            
2832              <span teq-name = "anejo">Añejo</span>
2833            
2834             
2835            
2836              <span class="active" teq-name = "blanco">Blanco</span>
2837            
2838             
2839            
2840              <span teq-name = "reposado">Reposado</span>
2841            
2842          
2843        </div>
2844
2845        
2846        
2847
2848        <div class="card recipie ingredients">
2849          <ul>
2850            <li>Ingredients:</li>
2851            
2852              
2853              
2854              
2855              
2856              
2857              
2858                <li data-pos="1">
2859                  <span>2.0 OZ - 818 Tequila Reposado</span>
2860                </li>
2861              
2862              
2863            
2864              
2865              
2866              
2867              
2868              
2869              
2870                <li data-pos="2">
2871                  <span>0.5 OZ - Ancho Reyes</span>
2872                </li>
2873              
2874              
2875            
2876              
2877              
2878              
2879              
2880              
2881              
2882                <li data-pos="3">
2883                  <span>0.25 OZ - Peach Liqueur</span>
2884                </li>
2885              
2886              
2887            
2888              
2889              
2890                
2891          </ul>
2892        </div> 
2893        <div class="card recipie preparation">
2894          <ul >
2895            <li>Prep:</li>
2896            
2897              
2898              
2899              <li data-pos="1">(1) In a cocktail shaker with ice, combine all ingredients.</li>
2900              
2901            
2902              
2903              
2904              <li data-pos="2">(2) Strain and serve over fresh ice in a glass rimmed with chili salt.</li>
2905              
2906            
2907            
2908          </ul>
2909        </div>
2910        <a href="/blogs/cocktails/spicy-peach-margarita" class="btn btn-small cocktail_btn absolute">SEE FULL RECIPE</a>
2911      </div>
2912    </div>
2913  </div>
2914  <div class="card-cocktail cocktail-name gravityh5 mob-font-gravityh6">Spicy Peach Margarita</div>
2915  </div>�
2916
2917  <div class="multi-column__item snap-start" >
2918    <div class="flip-card" id="flip-card-8">
2919      <div class="flip-card-inner">
2920        <div class="flip-card-front"><span class="cockatil_main_img_wrapper mobile_hide"><img src="//drink818.com/cdn/shop/articles/Portable_Charger_2024_9x16_5c34a9fd-08f9-4ced-acde-1f12f45b9de1.jpg?v=1774969763&amp;width=1080" alt="Portable Charger" srcset="//drink818.com/cdn/shop/articles/Portable_Charger_2024_9x16_5c34a9fd-08f9-4ced-acde-1f12f45b9de1.jpg?v=1774969763&amp;width=300 300w, //drink818.com/cdn/shop/articles/Portable_Charger_2024_9x16_5c34a9fd-08f9-4ced-acde-1f12f45b9de1.jpg?v=1774969763&amp;width=400 400w, //drink818.com/cdn/shop/articles/Portable_Charger_2024_9x16_5c34a9fd-08f9-4ced-acde-1f12f45b9de1.jpg?v=1774969763&amp;width=500 500w, //drink818.com/cdn/shop/articles/Portable_Charger_2024_9x16_5c34a9fd-08f9-4ced-acde-1f12f45b9de1.jpg?v=1774969763&amp;width=600 600w, //drink818.com/cdn/shop/articles/Portable_Charger_2024_9x16_5c34a9fd-08f9-4ced-acde-1f12f45b9de1.jpg?v=1774969763&amp;width=800 800w, //drink818.com/cdn/shop/articles/Portable_Charger_2024_9x16_5c34a9fd-08f9-4ced-acde-1f12f45b9de1.jpg?v=1774969763&amp;width=1000 1000w" width="1080" height="1920" loading="lazy" class="rounded w-full h-full object-cover zoom
2920-image" sizes="(max-width:700px) 100vw, min(770px, 50vw)"></span>
2921          
2922            <span class="cockatil_mob_img_wrapper"><img src="//drink818.com/cdn/shop/files/Portable_Charger_2024_1x1_92076bf3-ebc8-481d-978d-debe2f38ff99.jpg?v=1774810572" alt="" srcset="//drink818.com/cdn/shop/files/Portable_Charger_2024_1x1_92076bf3-ebc8-481d-978d-debe2f38ff99.jpg?v=1774810572&amp;width=300 300w, //drink818.com/cdn/shop/files/Portable_Charger_2024_1x1_92076bf3-ebc8-481d-978d-debe2f38ff99.jpg?v=1774810572&amp;width=400 400w, //drink818.com/cdn/shop/files/Portable_Charger_2024_1x1_92076bf3-ebc8-481d-978d-debe2f38ff99.jpg?v=1774810572&amp;width=500 500w, //drink818.com/cdn/shop/files/Portable_Charger_2024_1x1_92076bf3-ebc8-481d-978d-debe2f38ff99.jpg?v=1774810572&amp;width=600 600w, //drink818.com/cdn/shop/files/Portable_Charger_2024_1x1_92076bf3-ebc8-481d-978d-debe2f38ff99.jpg?v=1774810572&amp;width=800 800w, //drink818.com/cdn/shop/files/Portable_Charger_2024_1x1_92076bf3-ebc8-481d-978d-debe2f38ff99.jpg?v=1774810572&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>
2923          
2924          
2925            <button class="flip-button">
2926              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2927              <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
2928              <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
2929              </svg>
2930            </button>
2931        </div>
2932      <div class="flip-card-back">
2933
2934        
2935        
2936        <button href="" class="btn cocktail_btn close btn-icon-left">
2937          <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2938          <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
2939          <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
2940          </svg>
2941          Close
2942        </button>
2943        
2944        <div class="teq-row 1">
2945             
2946            
2947              <span teq-name = "anejo">Añejo</span>
2948            
2949             
2950            
2951              <span teq-name = "blanco">Blanco</span>
2952            
2953             
2954            
2955              <span class="active" teq-name = "reposado">Reposado</span>
2956            
2957          
2958        </div>
2959
2960        
2961        
2962
2963        <div class="card recipie ingredients">
2964          <ul>
2965            <li>Ingredients:</li>
2966            
2967              
2968              
2969              
2970              
2971              
2972              
2973                <li data-pos="1">
2974                  <span>1.5 OZ - 818 Tequila Reposado</span>
2975                </li>
2976              
2977              
2978            
2979              
2980              
2981              
2982              
2983              
2984              
2985                <li data-pos="2">
2986                  <span>2.5 OZ - Cold Brew</span>
2987                </li>
2988              
2989              
2990            
2991              
2992              
2993              
2994              
2995              
2996              
2997                <li data-pos="3">
2998                  <span>2.0 OZ - Tonic</span>
2999                </li>
3000              
3001              
3002            
3003              
3004              
3005                
3006          </ul>
3007        </div> 
3008        <div class="card recipie preparation">
3009          <ul  class="long-recipe" >
3010            <li>Prep:</li>
3011            
3012              
3013              
3014              <li data-pos="1">(1) Fill a glass with ice and add all ingredients. </li>
3015              
3016                
3017            
3018              <li class="dots">...</li>
3019            
3020          </ul>
3021        </div>
3022        <a href="/blogs/cocktails/portable-charger" class="btn btn-small cocktail_btn absolute">SEE FULL RECIPE</a>
3023      </div>
3024    </div>
3025  </div>
3026  <div class="card-cocktail cocktail-name gravityh5 mob-font-gravityh6">Portable Charger</div>
3027  </div>�
3028
3029  <div class="multi-column__item snap-start" >
3030    <div class="flip-card" id="flip-card-9">
3031      <div class="flip-card-inner">
3032        <div class="flip-card-front"><span class="cockatil_main_img_wrapper mobile_hide"><img src="//drink818.com/cdn/shop/articles/Desert_Spritz_2025_DK_47d83afd-92f8-471b-a0be-04c711e88069.jpg?v=1774970697&amp;width=1080" alt="818 DESERT SPRITZ" srcset="//drink818.com/cdn/shop/articles/Desert_Spritz_2025_DK_47d83afd-92f8-471b-a0be-04c711e88069.jpg?v=1774970697&amp;width=300 300w, //drink818.com/cdn/shop/articles/Desert_Spritz_2025_DK_47d83afd-92f8-471b-a0be-04c711e88069.jpg?v=1774970697&amp;width=400 400w, //drink818.com/cdn/shop/articles/Desert_Spritz_2025_DK_47d83afd-92f8-471b-a0be-04c711e88069.jpg?v=1774970697&amp;width=500 500w, //drink818.com/cdn/shop/articles/Desert_Spritz_2025_DK_47d83afd-92f8-471b-a0be-04c711e88069.jpg?v=1774970697&amp;width=600 600w, //drink818.com/cdn/shop/articles/Desert_Spritz_2025_DK_47d83afd-92f8-471b-a0be-04c711e88069.jpg?v=1774970697&amp;width=800 800w, //drink818.com/cdn/shop/articles/Desert_Spritz_2025_DK_47d83afd-92f8-471b-a0be-04c711e88069.jpg?v=1774970697&amp;width=1000 1000w" width="1080" height="1412" loading="lazy" class="rounded w-full h-full object-cover zoom
3032-image" sizes="(max-width:700px) 100vw, min(770px, 50vw)"></span>
3033          
3034            <span class="cockatil_mob_img_wrapper"><img src="//drink818.com/cdn/shop/files/Desert_Spritz_2025_1x1_cfa8ec3a-3163-4671-b2d0-5757c9fdf3d7.jpg?v=1743715916" alt="" srcset="//drink818.com/cdn/shop/files/Desert_Spritz_2025_1x1_cfa8ec3a-3163-4671-b2d0-5757c9fdf3d7.jpg?v=1743715916&amp;width=300 300w, //drink818.com/cdn/shop/files/Desert_Spritz_2025_1x1_cfa8ec3a-3163-4671-b2d0-5757c9fdf3d7.jpg?v=1743715916&amp;width=400 400w, //drink818.com/cdn/shop/files/Desert_Spritz_2025_1x1_cfa8ec3a-3163-4671-b2d0-5757c9fdf3d7.jpg?v=1743715916&amp;width=500 500w, //drink818.com/cdn/shop/files/Desert_Spritz_2025_1x1_cfa8ec3a-3163-4671-b2d0-5757c9fdf3d7.jpg?v=1743715916&amp;width=600 600w, //drink818.com/cdn/shop/files/Desert_Spritz_2025_1x1_cfa8ec3a-3163-4671-b2d0-5757c9fdf3d7.jpg?v=1743715916&amp;width=800 800w, //drink818.com/cdn/shop/files/Desert_Spritz_2025_1x1_cfa8ec3a-3163-4671-b2d0-5757c9fdf3d7.jpg?v=1743715916&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>
3035          
3036          
3037            <button class="flip-button">
3038              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
3039              <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
3040              <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
3041              </svg>
3042            </button>
3043        </div>
3044      <div class="flip-card-back">
3045
3046        
3047        
3048        <button href="" class="btn cocktail_btn close btn-icon-left">
3049          <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
3050          <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
3051          <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
3052          </svg>
3053          Close
3054        </button>
3055        
3056        <div class="teq-row 1">
3057             
3058            
3059              <span teq-name = "anejo">Añejo</span>
3060            
3061             
3062            
3063              <span class="active" teq-name = "blanco">Blanco</span>
3064            
3065             
3066            
3067              <span teq-name = "reposado">Reposado</span>
3068            
3069          
3070        </div>
3071
3072        
3073        
3074
3075        <div class="card recipie ingredients">
3076          <ul>
3077            <li>Ingredients:</li>
3078            
3079              
3080              
3081              
3082              
3083              
3084              
3085                <li data-pos="1">
3086                  <span>1.5 OZ - 818 Tequila Blanco</span>
3087                </li>
3088              
3089              
3090            
3091              
3092              
3093              
3094              
3095              
3096              
3097                <li data-pos="2">
3098                  <span>0.75 OZ - Aperol</span>
3099                </li>
3100              
3101              
3102            
3103              
3104              
3105              
3106              
3107              
3108              
3109                <li data-pos="3">
3110                  <span>0.5 OZ - Passionfruit Juice / purée</span>
3111                </li>
3112              
3113              
3114            
3115              
3116              
3117                
3118          </ul>
3119        </div> 
3120        <div class="card recipie preparation">
3121          <ul  class="long-recipe" >
3122            <li>Prep:</li>
3123            
3124              
3125              
3126              <li data-pos="1">(1) Combine ingredients and shake with ice.</li>
3127              
3128                
3129            
3130              <li class="dots">...</li>
3131            
3132          </ul>
3133        </div>
3134        <a href="/blogs/cocktails/desert-spritz" class="btn btn-small cocktail_btn absolute">SEE FULL RECIPE</a>
3135      </div>
3136    </div>
3137  </div>
3138  <div class="card-cocktail cocktail-name gravityh5 mob-font-gravityh6">818 DESERT SPRITZ</div>
3139  </div>�
3140
3141  <div class="multi-column__item snap-start" >
3142    <div class="flip-card" id="flip-card-10">
3143      <div class="flip-card-inner">
3144        <div class="flip-card-front"><span class="cockatil_main_img_wrapper mobile_hide"><img src="//drink818.com/cdn/shop/articles/818_Ranch_Water_72c19110-fb0f-48c0-9605-00a20b4cc00a.jpg?v=1774971196&amp;width=1296" alt="818 Ranch Water" srcset="//drink818.com/cdn/shop/articles/818_Ranch_Water_72c19110-fb0f-48c0-9605-00a20b4cc00a.jpg?v=1774971196&amp;width=300 300w, //drink818.com/cdn/shop/articles/818_Ranch_Water_72c19110-fb0f-48c0-9605-00a20b4cc00a.jpg?v=1774971196&amp;width=400 400w, //drink818.com/cdn/shop/articles/818_Ranch_Water_72c19110-fb0f-48c0-9605-00a20b4cc00a.jpg?v=1774971196&amp;width=500 500w, //drink818.com/cdn/shop/articles/818_Ranch_Water_72c19110-fb0f-48c0-9605-00a20b4cc00a.jpg?v=1774971196&amp;width=600 600w, //drink818.com/cdn/shop/articles/818_Ranch_Water_72c19110-fb0f-48c0-9605-00a20b4cc00a.jpg?v=1774971196&amp;width=800 800w, //drink818.com/cdn/shop/articles/818_Ranch_Water_72c19110-fb0f-48c0-9605-00a20b4cc00a.jpg?v=1774971196&amp;width=1000 1000w" width="1296" height="1400" loading="lazy" class="rounded w-full h-full object-cover zoom
3144-image" sizes="(max-width:700px) 100vw, min(770px, 50vw)"></span>
3145          
3146            <span class="cockatil_mob_img_wrapper"><img src="//drink818.com/cdn/shop/files/818_Ranch_Water_MB.jpg?v=1774970893" alt="" srcset="//drink818.com/cdn/shop/files/818_Ranch_Water_MB.jpg?v=1774970893&amp;width=300 300w, //drink818.com/cdn/shop/files/818_Ranch_Water_MB.jpg?v=1774970893&amp;width=400 400w, //drink818.com/cdn/shop/files/818_Ranch_Water_MB.jpg?v=1774970893&amp;width=500 500w, //drink818.com/cdn/shop/files/818_Ranch_Water_MB.jpg?v=1774970893&amp;width=600 600w, //drink818.com/cdn/shop/files/818_Ranch_Water_MB.jpg?v=1774970893&amp;width=800 800w, //drink818.com/cdn/shop/files/818_Ranch_Water_MB.jpg?v=1774970893&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>
3147          
3148          
3149            <button class="flip-button">
3150              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
3151              <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
3152              <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
3153              </svg>
3154            </button>
3155        </div>
3156      <div class="flip-card-back">
3157
3158        
3159        
3160        <button href="" class="btn cocktail_btn close btn-icon-left">
3161          <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
3162          <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
3163          <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
3164          </svg>
3165          Close
3166        </button>
3167        
3168        <div class="teq-row 1">
3169             
3170            
3171              <span teq-name = "anejo">Añejo</span>
3172            
3173             
3174            
3175              <span class="active" teq-name = "blanco">Blanco</span>
3176            
3177             
3178            
3179              <span teq-name = "reposado">Reposado</span>
3180            
3181          
3182        </div>
3183
3184        
3185        
3186
3187        <div class="card recipie ingredients">
3188          <ul>
3189            <li>Ingredients:</li>
3190            
3191              
3192              
3193              
3194              
3195              
3196              
3197                <li data-pos="1">
3198                  <span>3.0 OZ - 818 Tequila Blanco</span>
3199                </li>
3200              
3201              
3202            
3203              
3204              
3205              
3206              
3207              
3208              
3209                <li data-pos="2">
3210                  <span>1.5 OZ - Fresh Lime Juice</span>
3211                </li>
3212              
3213              
3214            
3215              
3216              
3217              
3218              
3219              
3220              
3221                <li data-pos="3">
3222                  <span>+ Sparkling Water</span>
3223                </li>
3224              
3225              
3226            
3227              
3228              
3229                
3230          </ul>
3231        </div> 
3232        <div class="card recipie preparation">
3233          <ul >
3234            <li>Prep:</li>
3235            
3236              
3237              
3238              <li data-pos="1">(1) Combine tequila and lime juice in a glass with ice.</li>
3239              
3240            
3241              
3242              
3243              <li data-pos="2">(2) Top with sparkling water. </li>
3244              
3245            
3246              
3247              
3248                  
3249                    <li class="dots">...</li>
3250                  
3251                
3252            
3253          </ul>
3254        </div>
3255        <a href="/blogs/cocktails/818-ranch-water" class="btn btn-small cocktail_btn absolute">SEE FULL RECIPE</a>
3256      </div>
3257    </div>
3258  </div>
3259  <div class="card-cocktail cocktail-name gravityh5 mob-font-gravityh6">818 Ranch Water</div>
3260  </div>�
3261
3262  <div class="multi-column__item snap-start" >
3263    <div class="flip-card" id="flip-card-11">
3264      <div class="flip-card-inner">
3265        <div class="flip-card-front"><span class="cockatil_main_img_wrapper "><img src="//drink818.com/cdn/shop/articles/Capri_Sunset_e122b449-2361-4ece-9d59-6b7d1603b208.jpg?v=1774810400&amp;width=1296" alt="Capri Sunset" srcset="//drink818.com/cdn/shop/articles/Capri_Sunset_e122b449-2361-4ece-9d59-6b7d1603b208.jpg?v=1774810400&amp;width=300 300w, //drink818.com/cdn/shop/articles/Capri_Sunset_e122b449-2361-4ece-9d59-6b7d1603b208.jpg?v=1774810400&amp;width=400 400w, //drink818.com/cdn/shop/articles/Capri_Sunset_e122b449-2361-4ece-9d59-6b7d1603b208.jpg?v=1774810400&amp;width=500 500w, //drink818.com/cdn/shop/articles/Capri_Sunset_e122b449-2361-4ece-9d59-6b7d1603b208.jpg?v=1774810400&amp;width=600 600w, //drink818.com/cdn/shop/articles/Capri_Sunset_e122b449-2361-4ece-9d59-6b7d1603b208.jpg?v=1774810400&amp;width=800 800w, //drink818.com/cdn/shop/articles/Capri_Sunset_e122b449-2361-4ece-9d59-6b7d1603b208.jpg?v=1774810400&amp;width=1000 1000w" width="1296" height="1400" loading="lazy" class="rounded w-full h-full object-cover zoom
3265-image" sizes="(max-width:700px) 100vw, min(770px, 50vw)"></span>
3266          
3267          
3268            <button class="flip-button">
3269              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
3270              <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
3271              <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
3272              </svg>
3273            </button>
3274        </div>
3275      <div class="flip-card-back">
3276
3277        
3278        
3279        <button href="" class="btn cocktail_btn close btn-icon-left">
3280          <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
3281          <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
3282          <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
3283          </svg>
3284          Close
3285        </button>
3286        
3287        <div class="teq-row 1">
3288             
3289            
3290              <span teq-name = "anejo">Añejo</span>
3291            
3292             
3293            
3294              <span teq-name = "blanco">Blanco</span>
3295            
3296             
3297            
3298              <span class="active" teq-name = "reposado">Reposado</span>
3299            
3300          
3301        </div>
3302
3303        
3304        
3305
3306        <div class="card recipie ingredients">
3307          <ul>
3308            <li>Ingredients:</li>
3309            
3310              
3311              
3312              
3313              
3314              
3315              
3316                <li data-pos="1">
3317                  <span>2.0 OZ - 818 Tequila Reposado</span>
3318                </li>
3319              
3320              
3321            
3322              
3323              
3324              
3325              
3326              
3327              
3328                <li data-pos="2">
3329                  <span>0.5 OZ - Ancho Reyes</span>
3330                </li>
3331              
3332              
3333            
3334              
3335              
3336              
3337              
3338              
3339              
3340                <li data-pos="3">
3341                  <span>0.25 OZ - Peach Liqueur</span>
3342                </li>
3343              
3344              
3345            
3346              
3347              
3348                
3349          </ul>
3350        </div> 
3351        <div class="card recipie preparation">
3352          <ul >
3353            <li>Prep:</li>
3354            
3355              
3356              
3357              <li data-pos="1">(1) Combine all ingredients into a shaker and shake to combine.</li>
3358              
3359            
3360              
3361              
3362              <li data-pos="2">(2) Line a glass with chili salt.</li>
3363              
3364            
3365              
3366              
3367                  
3368                    <li class="dots">...</li>
3369                  
3370                
3371            
3372          </ul>
3373        </div>
3374        <a href="/blogs/cocktails/capri-sunset" class="btn btn-small cocktail_btn absolute">SEE FULL RECIPE</a>
3375      </div>
3376    </div>
3377  </div>
3378  <div class="card-cocktail cocktail-name gravityh5 mob-font-gravityh6">Capri Sunset</div>
3379  </div>�
3380
3381  <div class="multi-column__item snap-start" >
3382    <div class="flip-card" id="flip-card-12">
3383      <div class="flip-card-inner">
3384        <div class="flip-card-front"><span class="cockatil_main_img_wrapper "><img src="//drink818.com/cdn/shop/articles/Berry-Mint_Kenny.jpg?v=1678232307&amp;width=1296" alt="Berry-Mint Kenny" srcset="//drink818.com/cdn/shop/articles/Berry-Mint_Kenny.jpg?v=1678232307&amp;width=300 300w, //drink818.com/cdn/shop/articles/Berry-Mint_Kenny.jpg?v=1678232307&amp;width=400 400w, //drink818.com/cdn/shop/articles/Berry-Mint_Kenny.jpg?v=1678232307&amp;width=500 500w, //drink818.com/cdn/shop/articles/Berry-Mint_Kenny.jpg?v=1678232307&amp;width=600 600w, //drink818.com/cdn/shop/articles/Berry-Mint_Kenny.jpg?v=1678232307&amp;width=800 800w, //drink818.com/cdn/shop/articles/Berry-Mint_Kenny.jpg?v=1678232307&amp;width=1000 1000w" width="1296" height="1400" loading="lazy" class="rounded w-full h-full object-cover zoom-image" sizes="(max-width:700px) 100vw, min(770px, 50vw)"></span>
3385          
3386          
3387            <button class="flip-button">
3388              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
3389              <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
3390              <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
3391              </svg>
3392            </button>
3393        </div>
3394      <div class="flip-card-back">
3395
3396        
3397        
3398        <button href="" class="btn cocktail_btn close btn-icon-left">
3399          <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
3400          <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
3401          <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
3402          </svg>
3403          Close
3404        </button>
3405        
3406        <div class="teq-row 1">
3407             
3408            
3409              <span teq-name = "anejo">Añejo</span>
3410            
3411             
3412            
3413              <span class="active" teq-name = "blanco">Blanco</span>
3414            
3415             
3416            
3417              <span teq-name = "reposado">Reposado</span>
3418            
3419          
3420        </div>
3421
3422        
3423        
3424
3425        <div class="card recipie ingredients">
3426          <ul>
3427            <li>Ingredients:</li>
3428            
3429              
3430              
3431              
3432              
3433              
3434              
3435                <li data-pos="1">
3436                  <span>1.5 OZ 818 Tequila Blanco</span>
3437                </li>
3438              
3439              
3440            
3441              
3442              
3443              
3444              
3445              
3446              
3447                <li data-pos="2">
3448                  <span>1.0 OZ Strawberry Purée</span>
3449                </li>
3450              
3451              
3452            
3453              
3454              
3455              
3456              
3457              
3458              
3459                <li data-pos="3">
3460                  <span>0.5 OZ Fresh Lime Juice</span>
3461                </li>
3462              
3463              
3464            
3465              
3466              
3467                
3468          </ul>
3469        </div> 
3470        <div class="card recipie preparation">
3471          <ul  class="long-recipe" >
3472            <li>Prep:</li>
3473            
3474              
3475              
3476              <li data-pos="1">(1) Put all ingredients into a shaker and shake with ice.</li>
3477              
3478                
3479            
3480              <li class="dots">...</li>
3481            
3482          </ul>
3483        </div>
3484        <a href="/blogs/cocktails/berry-mint-kenny" class="btn btn-small cocktail_btn absolute">SEE FULL RECIPE</a>
3485      </div>
3486    </div>
3487  </div>
3488  <div class="card-cocktail cocktail-name gravityh5 mob-font-gravityh6">Berry-Mint Kenny</div>
3489  </div>�
3490
3491  <div class="multi-column__item snap-start" >
3492    <div class="flip-card" id="flip-card-13">
3493      <div class="flip-card-inner">
3494        <div class="flip-card-front"><span class="cockatil_main_img_wrapper mobile_hide"><img src="//drink818.com/cdn/shop/articles/818_Lemonade_DK.jpg?v=1684952879&amp;width=1080" alt="818 Lemonade" srcset="//drink818.com/cdn/shop/articles/818_Lemonade_DK.jpg?v=1684952879&amp;width=300 300w, //drink818.com/cdn/shop/articles/818_Lemonade_DK.jpg?v=1684952879&amp;width=400 400w, //drink818.com/cdn/shop/articles/818_Lemonade_DK.jpg?v=1684952879&amp;width=500 500w, //drink818.com/cdn/shop/articles/818_Lemonade_DK.jpg?v=1684952879&amp;width=600 600w, //drink818.com/cdn/shop/articles/818_Lemonade_DK.jpg?v=1684952879&amp;width=800 800w, //drink818.com/cdn/shop/articles/818_Lemonade_DK.jpg?v=1684952879&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>
3495          
3496            <span class="cockatil_mob_img_wrapper"><img src="//drink818.com/cdn/shop/files/818_Lemonade_MB.jpg?v=1684952898" alt="" srcset="//drink818.com/cdn/shop/files/818_Lemonade_MB.jpg?v=1684952898&amp;width=300 300w, //drink818.com/cdn/shop/files/818_Lemonade_MB.jpg?v=1684952898&amp;width=400 400w, //drink818.com/cdn/shop/files/818_Lemonade_MB.jpg?v=1684952898&amp;width=500 500w, //drink818.com/cdn/shop/files/818_Lemonade_MB.jpg?v=1684952898&amp;width=600 600w, //drink818.com/cdn/shop/files/818_Lemonade_MB.jpg?v=1684952898&amp;width=800 800w, //drink818.com/cdn/shop/files/818_Lemonade_MB.jpg?v=1684952898&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>
3497          
3498          
3499            <button class="flip-button">
3500              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
3501              <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
3502              <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
3503              </svg>
3504            </button>
3505        </div>
3506      <div class="flip-card-back">
3507
3508        
3509        
3510        <button href="" class="btn cocktail_btn close btn-icon-left">
3511          <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
3512          <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
3513          <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
3514          </svg>
3515          Close
3516        </button>
3517        
3518        <div class="teq-row 1">
3519             
3520            
3521              <span teq-name = "anejo">Añejo</span>
3522            
3523             
3524            
3525              <span class="active" teq-name = "blanco">Blanco</span>
3526            
3527             
3528            
3529              <span teq-name = "reposado">Reposado</span>
3530            
3531          
3532        </div>
3533
3534        
3535        
3536
3537        <div class="card recipie ingredients">
3538          <ul>
3539            <li>Ingredients:</li>
3540            
3541              
3542              
3543              
3544              
3545              
3546              
3547                <li data-pos="1">
3548                  <span>1.5 OZ 818 Tequila Blanco</span>
3549                </li>
3550              
3551              
3552            
3553              
3554              
3555              
3556              
3557              
3558              
3559                <li data-pos="2">
3560                  <span>5.0 OZ Fever-Tree Sparkling Sicilian Lemonade</span>
3561                </li>
3562              
3563              
3564            
3565              
3566              
3567              
3568              
3569              
3570              
3571                <li data-pos="3">
3572                  <span>+ Mint Leaves</span>
3573                </li>
3574              
3575              
3576            
3577              
3578              
3579                
3580          </ul>
3581        </div> 
3582        <div class="card recipie preparation">
3583          <ul  class="long-recipe" >
3584            <li>Prep:</li>
3585            
3586              
3587              
3588              <li data-pos="1">(1) Muddle mint at the bottom of a highball glass.</li>
3589              
3590                
3591            
3592              <li class="dots">...</li>
3593            
3594          </ul>
3595        </div>
3596        <a href="/blogs/cocktails/818-lemonade" class="btn btn-small cocktail_btn absolute">SEE FULL RECIPE</a>
3597      </div>
3598    </div>
3599  </div>
3600  <div class="card-cocktail cocktail-name gravityh5 mob-font-gravityh6">818 Lemonade</div>
3601  </div>�
3602
3603  <div class="multi-column__item snap-start" >
3604    <div class="flip-card" id="flip-card-14">
3605      <div class="flip-card-inner">
3606        <div class="flip-card-front"><span class="cockatil_main_img_wrapper "><img src="//drink818.com/cdn/shop/articles/The_Main_Squeeze_FT.jpg?v=1678229423&amp;width=1296" alt="The Main Squeeze" srcset="//drink818.com/cdn/shop/articles/The_Main_Squeeze_FT.jpg?v=1678229423&amp;width=300 300w, //drink818.com/cdn/shop/articles/The_Main_Squeeze_FT.jpg?v=1678229423&amp;width=400 400w, //drink818.com/cdn/shop/articles/The_Main_Squeeze_FT.jpg?v=1678229423&amp;width=500 500w, //drink818.com/cdn/shop/articles/The_Main_Squeeze_FT.jpg?v=1678229423&amp;width=600 600w, //drink818.com/cdn/shop/articles/The_Main_Squeeze_FT.jpg?v=1678229423&amp;width=800 800w, //drink818.com/cdn/shop/articles/The_Main_Squeeze_FT.jpg?v=1678229423&amp;width=1000 1000w" width="1296" height="1400" loading="lazy" class="rounded w-full h-full object-cover zoom-image" sizes="(max-width:700px) 100vw, min(770px, 50vw)"></span>
3607          
3608          
3609            <button class="flip-button">
3610              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
3611              <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
3612              <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
3613              </svg>
3614            </button>
3615        </div>
3616      <div class="flip-card-back">
3617
3618        
3619        
3620        <button href="" class="btn cocktail_btn close btn-icon-left">
3621          <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
3622          <path d="M9 0.25V17.75" stroke="#0E1111" stroke-width="2"/>
3623          <path d="M0.25 9L17.75 9" stroke="#0E1111" stroke-width="2"/>
3624          </svg>
3625          Close
3626        </button>
3627        
3628        <div class="teq-row 1">
3629             
3630            
3631              <span teq-name = "anejo">Añejo</span>
3632            
3633             
3634            
3635              <span teq-name = "blanco">Blanco</span>
3636            
3637             
3638            
3639              <span class="active" teq-name = "reposado">Reposado</span>
3640            
3641          
3642        </div>
3643
3644        
3645        
3646
3647        <div class="card recipie ingredients">
3648          <ul>
3649            <li>Ingredients:</li>
3650            
3651              
3652              
3653              
3654              
3655              
3656              
3657                <li data-pos="1">
3658                  <span>1.5 OZ  818 TEQUILA REPOSADO</span>
3659                </li>
3660              
3661              
3662            
3663              
3664              
3665              
3666              
3667              
3668              
3669                <li data-pos="2">
3670                  <span>1.0 OZ  LIME JUICE</span>
3671                </li>
3672              
3673              
3674            
3675              
3676              
3677              
3678              
3679              
3680              
3681                <li data-pos="3">
3682                  <span>0.5 OZ  MIDORI</span>
3683                </li>
3684              
3685              
3686            
3687              
3688              
3689                
3690          </ul>
3691        </div> 
3692        <div class="card recipie preparation">
3693          <ul  class="long-recipe" >
3694            <li>Prep:</li>
3695            
3696              
3697              
3698              <li data-pos="1">(1) COMBINE ALL INGREDIENTS EXCEPT FOR SODA IN A SHAKER TIN WITH ICE AND SHAKE UNTIL FROSTY.</li>
3699              
3700                
3701            
3702              <li class="dots">...</li>
3703            
3704          </ul>
3705        </div>
3706        <a href="/blogs/cocktails/the-main-squeeze" class="btn btn-small cocktail_btn absolute">SEE FULL RECIPE</a>
3707      </div>
3708    </div>
3709  </div>
3710  <div class="card-cocktail cocktail-name gravityh5 mob-font-gravityh6">The Main Squeeze</div>
3711  </div>�</div><nav class=" pagination" role="navigation" aria-label="Pagination navigation"><span class="pagination__item pagination__item--disabled">
3712        <span class="animated-arrow animated-arrow--reverse"></span>
3713      </span><span class="pagination__current">1&nbsp;&nbsp;/&nbsp;&nbsp;5</span><a class="pagination__item group"  rel="next" aria-label="Go to page 2" href="/blogs/cocktails?page=2">
3714        <span class="animated-arrow"></span>
3715      </a></nav></div></div>
3716
3717<script>
3718
3719document.querySelectorAll('.flip-card-front').forEach(function(el){
3720
3721  el.addEventListener('click', function() {
3722    this.closest('.flip-card-inner').classList.add("card-flipped");
3723  });
3724});
3725
3726document.querySelectorAll('.close').forEach(function(el){
3727  el.addEventListener('click', function() {
3728    this.closest('.flip-card-inner').classList.remove("card-flipped");
3729  });
3730});
3731</script>
3731
3732
3733<style> #shopify-section-template--27979568611460__main div.card-cocktail.cocktail-name.gravityh5.mob-font-gravityh6 {word-spacing: 5px;} #shopify-section-template--27979568611460__main .blog-posts__container {margin-right: 16px; margin-left: 16px;} </style></section><section id="shopify-section-template--27979568611460__0849da55-a118-4b00-8bba-a9d73dd8de98" class="shopify-section shopify-section--rich-text"><style>
3734  #shopify-section-template--27979568611460__0849da55-a118-4b00-8bba-a9d73dd8de98 {
3735    --section-background-hash: 009020985325400845763000900350200;
3736  }
3737
3738  #shopify-section-template--27979568611460__0849da55-a118-4b00-8bba-a9d73dd8de98 + * {
3739    --previous-section-background-hash: 009020985325400845763000900350200;
3740  }</style><style>
3741    #shopify-section-template--27979568611460__0849da55-a118-4b00-8bba-a9d73dd8de98 .spacer{
3742      margin-block:10px;
3743    }
3744    #instafeed-header .custom_margin{
3745      margin-block-start: 0px !important;
3746    }
3747    @media screen and (max-width: 767px) {
3748      #instafeed-header .custom_margin{
3749        margin-block-start: 0px !important;
3750      }
3751      #shopify-section-template--27979568611460__0849da55-a118-4b00-8bba-a9d73dd8de98 .spacer{
3752        margin-block:0px;
3753      }
3754    }
3755    #shopify-section-template--27979568611460__0849da55-a118-4b00-8bba-a9d73dd8de98 {
3756      --rich-text-max-width: 1000px
3757    }
3758    div#bricks-rich-text .abclink p{
3759      text-transform: uppercase;
3760      letter-spacing: 0.1em;
3761      line-height: 160%;
3762    }
3763    div#instafeed-header p.bold{
3764      font-family: var(--FontAbcFavoritMono);
3765      text-transform: uppercase;
3766      letter-spacing: 0.1em;
3767      line-height: 160%;
3768      text-align: left;
3769    }
3770    div#instafeed-header .rich-text.justify-center {
3771      justify-content: left;
3772      /*
3773      grid: auto / auto auto;
3774      max-width: 100%;
3775      margin-inline-start: 5%;
3776      margin-inline-end: 5%;
3777      */
3778    }
3779    div#instafeed-header .prose.justify-items-center.text-center {
3780      justify-items: left;
3781    }
3782    #instafeed-header div.abclink a {
3783      text-transform: uppercase;
3784      text-decoration: none !important;
3785      background-size: 0px;
3786      font-size: 24px;
3787      letter-spacing: 0.1em;
3788    }
3789    @media screen and (min-width: 1000px){
3790      div#eightreserve-blend div.section,
3791      div#eightreserve-bottle div.section {
3792          padding-inline-start: 15%;
3793          padding-inline-end: 15%;
3794      }
3795    }
3796
3797    div#instafeed-header p.h1.hyphenate {
3798      margin-top: 5px;
3799    }
3800    #instafeed-header .section.section-full.bg-custom {
3801      padding-bottom: 30px;
3802    }
3803    .shopify-section--apps .section.section-full.bg-custom.text-custom {
3804      padding-bottom: 50px;
3805    }
3806
3807    @media screen and (max-width: 900px){
3808      div#instafeed-header p.h1.hyphenate{
3809        font-size: 32px;
3810      }
3811
3812      #eightreserve-bottle p.h2 {
3813        font-size: 36px;
3814      }
3815    }</style>
3816
3817<div id="instafeed-header" class="display-contents">
3818  <div class="section   section-full bg-custom text-custom"style="--background: 170 149 128; --text-color: 33 33 33;"><div class="rich-text  ">
3819      <div class="rich-text__wrapper">
3820        <div class="prose justify-items-start"><div class="spacer" >
3821                <div class="abclink" style="line-height: 1.6;"
3822                ><p><a href="https://www.instagram.com/drink818/" target="_blank" title="https://www.instagram.com/drink818/">@drink818</a></p></div>
3823              </div><p class="gravityh2 mob-font-gravityh3 hyphenate custom_margin"  style="line-height: 1;">Come Again Soon</p></div>
3824      </div>
3825    </div>
3826  </div>
3827</div><style> #shopify-section-template--27979568611460__0849da55-a118-4b00-8bba-a9d73dd8de98 #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--27979568611460__1676897742f54244ac" class="shopify-section shopify-section--apps"><style>
3828  #shopify-section-template--27979568611460__1676897742f54244ac {
3829    --section-background-hash: 009020985325400845763000900350200;
3830  }
3831
3832  #shopify-section-template--27979568611460__1676897742f54244ac + * {
3833    --previous-section-background-hash: 009020985325400845763000900350200;
3834  }</style><style>
3835    #shopify-section-template--27979568611460__1676897742f54244ac {
3836      
3837      
3838    }
3839  </style>
3840
3841  <div class="section   section-full bg-custom"style="--background: 170 149 128;"><div id="shopify-block-AM25tSEVzblBQNVlrY__d87f1aeb-832d-430b-aeb2-7dc38f33231f" class="shopify-block shopify-app-block">
3842
3843
3844
3845  
3846
3847
3848
3849
3850
3851
3852
3853
3854
3855
3856
3857<style>
3858      div[id*="instafeed_app_block"] {
3859        width: 100%;
3860      }
3861      div.shopify-section:has(>
3861 [id*="instafeed_app_block"]) {
3862      width: 100%;
3863      }
3864      
3865      body #insta-feed {
3866      
3867          
3868
3869          
3870          margin-bottom: 0px!important;
3871          
3872
3873          
3874
3875          
3876
3877          
3878      }
3879      
3880      body #insta-feed h2 {
3881      
3882        
3883        
3884         text-align: center;
3885      }
3886
3887      
3888      
3889</style>
3890
3891
3892
3893
3894
3895
3896
3897
3898
3899
3900
3901  <div id="insta-feed"></div>
3902  
3902<script>
3903    if (typeof instafeedLocalTitle === 'undefined') var instafeedLocalTitle = "";
3904    
3905  </script>
3905
3906
3907
3908<!-- BEGIN app snippet: storefront-script -->
3909
3910
3911  
3912    
3912<script>
3913      var instafeedScriptSrc = "https:\/\/cdn.nfcube.com\/instafeed-3dcdcc491bc6c4a63cf045cb85062675.js";
3914      var instafeedScriptMode = "defer";
3915      !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);
3916    </script>
3916
3917  
3918
3919<!-- END app snippet -->
3920
3921
3922
3923
3924
3925
3926</div></div>
3927</section>
3928<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>
3929  @media screen and (min-width: 1000px) {
3930    #shopify-section-custom-footer {--footer-block-list-justify-content: space-between;
3931    }
3932  }
3933</style><div class="footer">
3934  <div class="container">
3935    <div class="footer__wrapper"><div class="footer__block-list empty:hidden"><div class="footer__block footer__block--menu footer_logo" >
3936                    <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>
3937                      </div></div><div class="footer__block footer__block--menu" ><ul class="v-stack gap-7" role="list"><li>
3938                          <a href="/collections/our-tequila" class="inline-block link-faded break-all ">818 TEQUILA</a>
3939                        </li><li>
3940                          <a href="/pages/eight-reserve" class="inline-block link-faded break-all ">EIGHT RESERVE</a>
3941                        </li><li>
3942                          <a href="/pages/our-story" class="inline-block link-faded break-all ">OUR STORY</a>
3943                        </li><li>
3944                          <a href="/pages/our-sustainable-story" class="inline-block link-faded break-all ">Sustainability</a>
3945                        </li><li>
3946                          <a href="https://shop.drink818.com/" class="inline-block link-faded break-all ">MERCH</a>
3947                        </li><li>
3948                          <a href="/pages/faqs" class="inline-block link-faded break-all ">FAQ</a>
3949                        </li><li>
3950                          <a href="/collections/all-products" class="inline-block link-faded break-all ">Buy Now</a>
3951                        </li></ul>
3952                  </div><div class="footer__block footer__block--menu" ><ul class="v-stack gap-7" role="list"><li>
3953                          <a href="/pages/store-locator" class="inline-block link-faded break-all ">STORE LOCATOR</a>
3954                        </li><li>
3955                          <a href="/pages/privacy-policy" class="inline-block link-faded break-all ">PRIVACY POLICY</a>
3956                        </li><li>
3957                          <a href="/pages/terms-of-use" class="inline-block link-faded break-all ">TERMS OF USE</a>
3958                        </li><li>
3959                          <a href="/pages/messaging-terms" class="inline-block link-faded break-all ">MESSAGING TERMS</a>
3960                        </li><li>
3961                          <a href="/pages/website-and-technology-accessibility-statement" class="inline-block link-faded break-all ">ACCESSIBILITY</a>
3962                        </li><li>
3963                          <a href="#cookie-settings" class="inline-block link-faded break-all ot-sdk-show-settings">COOKIE PREFERENCES</a>
3964                        </li><li>
3965                          <a href="/pages/cookie-list" class="inline-block link-faded break-all ">COOKIES LIST</a>
3966                        </li><li>
3967                          <a href="/pages/refund-policy" class="inline-block link-faded break-all ">REFUND POLICY</a>
3968                        </li></ul>
3969                  </div><div class="footer__block footer__block--inquiry inverse-class" >
3970                    
3971                        <div class="footer__block footer__block--newsletter" >
3972                          <div class="v-stack gap-c-15 custom-mini-newsletter">
3973                          <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-219819724" class="input is-floating" type="email" dir="ltr" name="contact[email]" placeholder=" " 
3974  
3975  
3976  
3977  autocomplete="email"
3978  
3979  enterkeyhint="send"
3980  required
3981><label for="input-custom-footer-219819724" class="floating-label">Email</label><div class="self-submit-button">
3982      <button type="submit" class="circle-chevron hover:colors">
3983        <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">
3984    <path d="M8 0L6.59 1.41L12.17 7H0V9H12.17L6.59 14.59L8 16L16 8L8 0Z" fill="#000"/>
3985    </svg></button>
3986    </div></div></form></div>
3987                      </div>
3988                      
3988<script>
3989                        window.onload = function() {
3990                          var contactForm = document.getElementById("footer-newsletter");
3991                          contactForm.addEventListener("submit", function(event) {
3992                            event.preventDefault();
3993                            var formData = new FormData(contactForm);
3994                            fetch("/contact", {
3995                              method: "POST",
3996                              body: formData
3997                            })
3998                            .then(function(response) {
3999                              if (response.ok) {
4000                                window.location.href = "https://drink818.attn.tv/p/IQu/landing-page";
4001                              } else {
4002                                throw new Error("Network response was not ok.");
4003                              }
4004                            })
4005                            .catch(function(error) {
4006                              console.error("There was a problem with the form submission:", error);
4007                            });
4008                          });
4009                        };
4010                      </script>
4010
4011                    
4012<div class="footer__aside-top">
4013                                    <p>FOLLOW US</p><ul class="social-media " role="list"><li>
4014      <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">
4015        <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"/>
4016      </svg></a>
4017    </li><li>
4018      <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">
4019        <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"/>
4020      </svg></a>
4021    </li><li>
4022      <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">
4023        <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"/>
4024      </svg></a>
4025    </li><li>
4026      <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">
4027        <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"/>
4028      </svg></a>
4029    </li><li>
4030      <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">
4031          <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"/>
4032        </svg></a>
4033    </li><li>
4034      <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">
4035        <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.
403569 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"/>
4036       </svg></a>
4037    </li></ul></div><div class="footer-inquiry">
4038                        <div class="inquiry-title">
4039                          FOR PRESS INQUIRIES, PLEASE CONTACT
4040                        </div>
4041                        <div class="inquiry-content">
4042                          <a href="mailto:[email protected]">[email protected]</a> 
4043                        </div>
4044                      </div><div class="footer-inquiry">
4045                        <div class="inquiry-title">
4046                          FOR ALL OTHER INQUIRIES, PLEASE CONTACT
4047                        </div>
4048                        <div class="inquiry-content">
4049                          <a href="mailto:[email protected]">[email protected]</a>  
4050                        </div>
4051                      </div></div></div><div class="footer__aside empty:hidden"><div class="footer__aside-bottom flex-start">
4052            <div class="statutory-info">
4053              <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>
4054            </div>       
4055            
4056          <p class="footer__copyright text-sm text-subdued footer__block footer__block--menu mob-only pt-20">COPYRIGHT 2026, 818 Spirits Inc.</p>
4057        </div>
4058      </div>
4059    </div>
4060  </div>
4061</div></footer>
4062    
4063    
4063<script>
4064    document.addEventListener('DOMContentLoaded', () => {
4065
4066      //Promise to wait till the ReserveBar has loaded
4067      const waitForInit = new Promise((resolve, reject) => {
4068        liquidSDK.init({ clientId: "6ab735ec35ea611d411358846708bb3a", includeMerchandise: true })
4069          .then(() => {
4070            resolve();
4071          })
4072          .catch(error => {
4073            reject(error);
4074          });
4075      });
4076    });
4077  </script>
4077
4078
4079  <div liquid-error=""></div>
4080  
4081<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>
4081<noscript>Please ensure Javascript is enabled for purposes of <a href="https://userway.org">website accessibility</a></noscript>
4082  <style> [aria-controls="cart-drawer"] {display: none;} </style>
4083<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
4083
4084</body>
4085
4086  <style>
4087    html{
4088      padding-bottom: 0px !important;
4089    }
4090    #preview-bar-iframe {
4091      display: none!important;
4092    }
4093  </style>
4094</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.