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&platfAppInstalledSiteId=3527532&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&width=400 400w, //drink818.com/cdn/shop/files/Our_Tequila_MM_1_DK_51f8f765-c77d-481e-9ffd-bbd8b03f84b4.jpg?v=1678161252&width=500 500w, //drink818.com/cdn/shop/files/Our_Tequila_MM_1_DK_51f8f765-c77d-481e-9ffd-bbd8b03f84b4.jpg?v=1678161252&width=600 600w, //drink818.com/cdn/shop/files/Our_Tequila_MM_1_DK_51f8f765-c77d-481e-9ffd-bbd8b03f84b4.jpg?v=1678161252&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&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&width=411" alt="" srcset="//drink818.com/cdn/shop/files/818_Logo_black_2f7fcd70-a241-419a-87bb-16bdb436d1cf.svg?v=1684994005&width=70 70w, //drink818.com/cdn/shop/files/818_Logo_black_2f7fcd70-a241-419a-87bb-16bdb436d1cf.svg?v=1684994005&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&width=717" alt="" srcset="//drink818.com/cdn/shop/files/818_b1553dc0-948f-45eb-97a3-39982e03d3c7.png?v=1664294354&width=70 70w, //drink818.com/cdn/shop/files/818_b1553dc0-948f-45eb-97a3-39982e03d3c7.png?v=1664294354&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&width=400 400w, //drink818.com/cdn/shop/files/Our_Tequila_MM_1_DK_51f8f765-c77d-481e-9ffd-bbd8b03f84b4.jpg?v=1678161252&width=500 500w, //drink818.com/cdn/shop/files/Our_Tequila_MM_1_DK_51f8f765-c77d-481e-9ffd-bbd8b03f84b4.jpg?v=1678161252&width=600 600w, //drink818.com/cdn/shop/files/Our_Tequila_MM_1_DK_51f8f765-c77d-481e-9ffd-bbd8b03f84b4.jpg?v=1678161252&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&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&width=2800" alt="" srcset="//drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&width=200 200w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&width=300 300w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&width=400 400w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&width=500 500w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&width=600 600w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&width=700 700w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&width=800 800w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&width=900 900w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&width=1000 1000w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&width=1200 1200w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&width=1400 1400w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&width=1600 1600w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&width=1800 1800w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&width=2000 2000w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&width=2200 2200w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&width=2400 2400w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&width=2600 2600w, //drink818.com/cdn/shop/files/2026_Festival_Cocktails_Hero_dk.jpg?v=1774809231&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&width=1080" alt="Kiwi Basil Margarita" srcset="//drink818.com/cdn/shop/articles/Kiwi_Basil_Marg_DK.jpg?v=1787603194&width=300 300w, //drink818.com/cdn/shop/articles/Kiwi_Basil_Marg_DK.jpg?v=1787603194&width=400 400w, //drink818.com/cdn/shop/articles/Kiwi_Basil_Marg_DK.jpg?v=1787603194&width=500 500w, //drink818.com/cdn/shop/articles/Kiwi_Basil_Marg_DK.jpg?v=1787603194&width=600 600w, //drink818.com/cdn/shop/articles/Kiwi_Basil_Marg_DK.jpg?v=1787603194&width=800 800w, //drink818.com/cdn/shop/articles/Kiwi_Basil_Marg_DK.jpg?v=1787603194&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&width=300 300w, //drink818.com/cdn/shop/files/Kiwi_Basil_Marg_MB.jpg?v=1787602549&width=400 400w, //drink818.com/cdn/shop/files/Kiwi_Basil_Marg_MB.jpg?v=1787602549&width=500 500w, //drink818.com/cdn/shop/files/Kiwi_Basil_Marg_MB.jpg?v=1787602549&width=600 600w, //drink818.com/cdn/shop/files/Kiwi_Basil_Marg_MB.jpg?v=1787602549&width=800 800w, //drink818.com/cdn/shop/files/Kiwi_Basil_Marg_MB.jpg?v=1787602549&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&width=1080" alt="Yuzu Margarita" srcset="//drink818.com/cdn/shop/articles/Yuzu_Marg_DK.jpg?v=1787603185&width=300 300w, //drink818.com/cdn/shop/articles/Yuzu_Marg_DK.jpg?v=1787603185&width=400 400w, //drink818.com/cdn/shop/articles/Yuzu_Marg_DK.jpg?v=1787603185&width=500 500w, //drink818.com/cdn/shop/articles/Yuzu_Marg_DK.jpg?v=1787603185&width=600 600w, //drink818.com/cdn/shop/articles/Yuzu_Marg_DK.jpg?v=1787603185&width=800 800w, //drink818.com/cdn/shop/articles/Yuzu_Marg_DK.jpg?v=1787603185&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&width=300 300w, //drink818.com/cdn/shop/files/Yuzu_Marg_MB.jpg?v=1787603113&width=400 400w, //drink818.com/cdn/shop/files/Yuzu_Marg_MB.jpg?v=1787603113&width=500 500w, //drink818.com/cdn/shop/files/Yuzu_Marg_MB.jpg?v=1787603113&width=600 600w, //drink818.com/cdn/shop/files/Yuzu_Marg_MB.jpg?v=1787603113&width=800 800w, //drink818.com/cdn/shop/files/Yuzu_Marg_MB.jpg?v=1787603113&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&width=1080" alt="Peaches & Cream Sour" srcset="//drink818.com/cdn/shop/articles/Peaches_Cream_Sour_DK.png?v=1786484974&width=300 300w, //drink818.com/cdn/shop/articles/Peaches_Cream_Sour_DK.png?v=1786484974&width=400 400w, //drink818.com/cdn/shop/articles/Peaches_Cream_Sour_DK.png?v=1786484974&width=500 500w, //drink818.com/cdn/shop/articles/Peaches_Cream_Sour_DK.png?v=1786484974&width=600 600w, //drink818.com/cdn/shop/articles/Peaches_Cream_Sour_DK.png?v=1786484974&width=800 800w, //drink818.com/cdn/shop/articles/Peaches_Cream_Sour_DK.png?v=1786484974&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&width=300 300w, //drink818.com/cdn/shop/files/Peaches_Cream_Sour_MB.png?v=1786484797&width=400 400w, //drink818.com/cdn/shop/files/Peaches_Cream_Sour_MB.png?v=1786484797&width=500 500w, //drink818.com/cdn/shop/files/Peaches_Cream_Sour_MB.png?v=1786484797&width=600 600w, //drink818.com/cdn/shop/files/Peaches_Cream_Sour_MB.png?v=1786484797&width=800 800w, //drink818.com/cdn/shop/files/Peaches_Cream_Sour_MB.png?v=1786484797&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&width=1080" alt="Dirty pepperoncini Margarita" srcset="//drink818.com/cdn/shop/articles/Dirty_Pepperoncini_Marg_DK_02ad97e4-1be6-4f81-ae45-8ab19c4377d7.jpg?v=1778766076&width=300 300w, //drink818.com/cdn/shop/articles/Dirty_Pepperoncini_Marg_DK_02ad97e4-1be6-4f81-ae45-8ab19c4377d7.jpg?v=1778766076&width=400 400w, //drink818.com/cdn/shop/articles/Dirty_Pepperoncini_Marg_DK_02ad97e4-1be6-4f81-ae45-8ab19c4377d7.jpg?v=1778766076&width=500 500w, //drink818.com/cdn/shop/articles/Dirty_Pepperoncini_Marg_DK_02ad97e4-1be6-4f81-ae45-8ab19c4377d7.jpg?v=1778766076&width=600 600w, //drink818.com/cdn/shop/articles/Dirty_Pepperoncini_Marg_DK_02ad97e4-1be6-4f81-ae45-8ab19c4377d7.jpg?v=1778766076&width=800 800w, //drink818.com/cdn/shop/articles/Dirty_Pepperoncini_Marg_DK_02ad97e4-1be6-4f81-ae45-8ab19c4377d7.jpg?v=1778766076&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&width=300 300w, //drink818.com/cdn/shop/files/Dirty_Pepperoncini_Marg_MB.jpg?v=1778765811&width=400 400w, //drink818.com/cdn/shop/files/Dirty_Pepperoncini_Marg_MB.jpg?v=1778765811&width=500 500w, //drink818.com/cdn/shop/files/Dirty_Pepperoncini_Marg_MB.jpg?v=1778765811&width=600 600w, //drink818.com/cdn/shop/files/Dirty_Pepperoncini_Marg_MB.jpg?v=1778765811&width=800 800w, //drink818.com/cdn/shop/files/Dirty_Pepperoncini_Marg_MB.jpg?v=1778765811&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&width=1080" alt="Cherry Margarita" srcset="//drink818.com/cdn/shop/articles/Cherry_Marg_DK.jpg?v=1778682854&width=300 300w, //drink818.com/cdn/shop/articles/Cherry_Marg_DK.jpg?v=1778682854&width=400 400w, //drink818.com/cdn/shop/articles/Cherry_Marg_DK.jpg?v=1778682854&width=500 500w, //drink818.com/cdn/shop/articles/Cherry_Marg_DK.jpg?v=1778682854&width=600 600w, //drink818.com/cdn/shop/articles/Cherry_Marg_DK.jpg?v=1778682854&width=800 800w, //drink818.com/cdn/shop/articles/Cherry_Marg_DK.jpg?v=1778682854&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&width=300 300w, //drink818.com/cdn/shop/files/Cherry_Marg_MB.jpg?v=1778682637&width=400 400w, //drink818.com/cdn/shop/files/Cherry_Marg_MB.jpg?v=1778682637&width=500 500w, //drink818.com/cdn/shop/files/Cherry_Marg_MB.jpg?v=1778682637&width=600 600w, //drink818.com/cdn/shop/files/Cherry_Marg_MB.jpg?v=1778682637&width=800 800w, //drink818.com/cdn/shop/files/Cherry_Marg_MB.jpg?v=1778682637&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&width=1080" alt="Hibiscus Rosemary Margarita" srcset="//drink818.com/cdn/shop/articles/Hibiscus_Rosemary_Marg_DK_2026.jpg?v=1778681976&width=300 300w, //drink818.com/cdn/shop/articles/Hibiscus_Rosemary_Marg_DK_2026.jpg?v=1778681976&width=400 400w, //drink818.com/cdn/shop/articles/Hibiscus_Rosemary_Marg_DK_2026.jpg?v=1778681976&width=500 500w, //drink818.com/cdn/shop/articles/Hibiscus_Rosemary_Marg_DK_2026.jpg?v=1778681976&width=600 600w, //drink818.com/cdn/shop/articles/Hibiscus_Rosemary_Marg_DK_2026.jpg?v=1778681976&width=800 800w, //drink818.com/cdn/shop/articles/Hibiscus_Rosemary_Marg_DK_2026.jpg?v=1778681976&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&width=300 300w, //drink818.com/cdn/shop/files/Hibiscus_Rosemary_Marg_MB_2026.jpg?v=1778681830&width=400 400w, //drink818.com/cdn/shop/files/Hibiscus_Rosemary_Marg_MB_2026.jpg?v=1778681830&width=500 500w, //drink818.com/cdn/shop/files/Hibiscus_Rosemary_Marg_MB_2026.jpg?v=1778681830&width=600 600w, //drink818.com/cdn/shop/files/Hibiscus_Rosemary_Marg_MB_2026.jpg?v=1778681830&width=800 800w, //drink818.com/cdn/shop/files/Hibiscus_Rosemary_Marg_MB_2026.jpg?v=1778681830&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&width=1080" alt="Spicy Peach Margarita" srcset="//drink818.com/cdn/shop/articles/Spicy_Peach_Marg_DK_2026.jpg?v=1778680445&width=300 300w, //drink818.com/cdn/shop/articles/Spicy_Peach_Marg_DK_2026.jpg?v=1778680445&width=400 400w, //drink818.com/cdn/shop/articles/Spicy_Peach_Marg_DK_2026.jpg?v=1778680445&width=500 500w, //drink818.com/cdn/shop/articles/Spicy_Peach_Marg_DK_2026.jpg?v=1778680445&width=600 600w, //drink818.com/cdn/shop/articles/Spicy_Peach_Marg_DK_2026.jpg?v=1778680445&width=800 800w, //drink818.com/cdn/shop/articles/Spicy_Peach_Marg_DK_2026.jpg?v=1778680445&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&width=300 300w, //drink818.com/cdn/shop/files/Spicy_Peach_Marg_MB_2026.jpg?v=1778680347&width=400 400w, //drink818.com/cdn/shop/files/Spicy_Peach_Marg_MB_2026.jpg?v=1778680347&width=500 500w, //drink818.com/cdn/shop/files/Spicy_Peach_Marg_MB_2026.jpg?v=1778680347&width=600 600w, //drink818.com/cdn/shop/files/Spicy_Peach_Marg_MB_2026.jpg?v=1778680347&width=800 800w, //drink818.com/cdn/shop/files/Spicy_Peach_Marg_MB_2026.jpg?v=1778680347&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&width=1080" alt="Portable Charger" srcset="//drink818.com/cdn/shop/articles/Portable_Charger_2024_9x16_5c34a9fd-08f9-4ced-acde-1f12f45b9de1.jpg?v=1774969763&width=300 300w, //drink818.com/cdn/shop/articles/Portable_Charger_2024_9x16_5c34a9fd-08f9-4ced-acde-1f12f45b9de1.jpg?v=1774969763&width=400 400w, //drink818.com/cdn/shop/articles/Portable_Charger_2024_9x16_5c34a9fd-08f9-4ced-acde-1f12f45b9de1.jpg?v=1774969763&width=500 500w, //drink818.com/cdn/shop/articles/Portable_Charger_2024_9x16_5c34a9fd-08f9-4ced-acde-1f12f45b9de1.jpg?v=1774969763&width=600 600w, //drink818.com/cdn/shop/articles/Portable_Charger_2024_9x16_5c34a9fd-08f9-4ced-acde-1f12f45b9de1.jpg?v=1774969763&width=800 800w, //drink818.com/cdn/shop/articles/Portable_Charger_2024_9x16_5c34a9fd-08f9-4ced-acde-1f12f45b9de1.jpg?v=1774969763&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&width=300 300w, //drink818.com/cdn/shop/files/Portable_Charger_2024_1x1_92076bf3-ebc8-481d-978d-debe2f38ff99.jpg?v=1774810572&width=400 400w, //drink818.com/cdn/shop/files/Portable_Charger_2024_1x1_92076bf3-ebc8-481d-978d-debe2f38ff99.jpg?v=1774810572&width=500 500w, //drink818.com/cdn/shop/files/Portable_Charger_2024_1x1_92076bf3-ebc8-481d-978d-debe2f38ff99.jpg?v=1774810572&width=600 600w, //drink818.com/cdn/shop/files/Portable_Charger_2024_1x1_92076bf3-ebc8-481d-978d-debe2f38ff99.jpg?v=1774810572&width=800 800w, //drink818.com/cdn/shop/files/Portable_Charger_2024_1x1_92076bf3-ebc8-481d-978d-debe2f38ff99.jpg?v=1774810572&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&width=1080" alt="818 DESERT SPRITZ" srcset="//drink818.com/cdn/shop/articles/Desert_Spritz_2025_DK_47d83afd-92f8-471b-a0be-04c711e88069.jpg?v=1774970697&width=300 300w, //drink818.com/cdn/shop/articles/Desert_Spritz_2025_DK_47d83afd-92f8-471b-a0be-04c711e88069.jpg?v=1774970697&width=400 400w, //drink818.com/cdn/shop/articles/Desert_Spritz_2025_DK_47d83afd-92f8-471b-a0be-04c711e88069.jpg?v=1774970697&width=500 500w, //drink818.com/cdn/shop/articles/Desert_Spritz_2025_DK_47d83afd-92f8-471b-a0be-04c711e88069.jpg?v=1774970697&width=600 600w, //drink818.com/cdn/shop/articles/Desert_Spritz_2025_DK_47d83afd-92f8-471b-a0be-04c711e88069.jpg?v=1774970697&width=800 800w, //drink818.com/cdn/shop/articles/Desert_Spritz_2025_DK_47d83afd-92f8-471b-a0be-04c711e88069.jpg?v=1774970697&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&width=300 300w, //drink818.com/cdn/shop/files/Desert_Spritz_2025_1x1_cfa8ec3a-3163-4671-b2d0-5757c9fdf3d7.jpg?v=1743715916&width=400 400w, //drink818.com/cdn/shop/files/Desert_Spritz_2025_1x1_cfa8ec3a-3163-4671-b2d0-5757c9fdf3d7.jpg?v=1743715916&width=500 500w, //drink818.com/cdn/shop/files/Desert_Spritz_2025_1x1_cfa8ec3a-3163-4671-b2d0-5757c9fdf3d7.jpg?v=1743715916&width=600 600w, //drink818.com/cdn/shop/files/Desert_Spritz_2025_1x1_cfa8ec3a-3163-4671-b2d0-5757c9fdf3d7.jpg?v=1743715916&width=800 800w, //drink818.com/cdn/shop/files/Desert_Spritz_2025_1x1_cfa8ec3a-3163-4671-b2d0-5757c9fdf3d7.jpg?v=1743715916&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&width=1296" alt="818 Ranch Water" srcset="//drink818.com/cdn/shop/articles/818_Ranch_Water_72c19110-fb0f-48c0-9605-00a20b4cc00a.jpg?v=1774971196&width=300 300w, //drink818.com/cdn/shop/articles/818_Ranch_Water_72c19110-fb0f-48c0-9605-00a20b4cc00a.jpg?v=1774971196&width=400 400w, //drink818.com/cdn/shop/articles/818_Ranch_Water_72c19110-fb0f-48c0-9605-00a20b4cc00a.jpg?v=1774971196&width=500 500w, //drink818.com/cdn/shop/articles/818_Ranch_Water_72c19110-fb0f-48c0-9605-00a20b4cc00a.jpg?v=1774971196&width=600 600w, //drink818.com/cdn/shop/articles/818_Ranch_Water_72c19110-fb0f-48c0-9605-00a20b4cc00a.jpg?v=1774971196&width=800 800w, //drink818.com/cdn/shop/articles/818_Ranch_Water_72c19110-fb0f-48c0-9605-00a20b4cc00a.jpg?v=1774971196&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&width=300 300w, //drink818.com/cdn/shop/files/818_Ranch_Water_MB.jpg?v=1774970893&width=400 400w, //drink818.com/cdn/shop/files/818_Ranch_Water_MB.jpg?v=1774970893&width=500 500w, //drink818.com/cdn/shop/files/818_Ranch_Water_MB.jpg?v=1774970893&width=600 600w, //drink818.com/cdn/shop/files/818_Ranch_Water_MB.jpg?v=1774970893&width=800 800w, //drink818.com/cdn/shop/files/818_Ranch_Water_MB.jpg?v=1774970893&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&width=1296" alt="Capri Sunset" srcset="//drink818.com/cdn/shop/articles/Capri_Sunset_e122b449-2361-4ece-9d59-6b7d1603b208.jpg?v=1774810400&width=300 300w, //drink818.com/cdn/shop/articles/Capri_Sunset_e122b449-2361-4ece-9d59-6b7d1603b208.jpg?v=1774810400&width=400 400w, //drink818.com/cdn/shop/articles/Capri_Sunset_e122b449-2361-4ece-9d59-6b7d1603b208.jpg?v=1774810400&width=500 500w, //drink818.com/cdn/shop/articles/Capri_Sunset_e122b449-2361-4ece-9d59-6b7d1603b208.jpg?v=1774810400&width=600 600w, //drink818.com/cdn/shop/articles/Capri_Sunset_e122b449-2361-4ece-9d59-6b7d1603b208.jpg?v=1774810400&width=800 800w, //drink818.com/cdn/shop/articles/Capri_Sunset_e122b449-2361-4ece-9d59-6b7d1603b208.jpg?v=1774810400&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&width=1296" alt="Berry-Mint Kenny" srcset="//drink818.com/cdn/shop/articles/Berry-Mint_Kenny.jpg?v=1678232307&width=300 300w, //drink818.com/cdn/shop/articles/Berry-Mint_Kenny.jpg?v=1678232307&width=400 400w, //drink818.com/cdn/shop/articles/Berry-Mint_Kenny.jpg?v=1678232307&width=500 500w, //drink818.com/cdn/shop/articles/Berry-Mint_Kenny.jpg?v=1678232307&width=600 600w, //drink818.com/cdn/shop/articles/Berry-Mint_Kenny.jpg?v=1678232307&width=800 800w, //drink818.com/cdn/shop/articles/Berry-Mint_Kenny.jpg?v=1678232307&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&width=1080" alt="818 Lemonade" srcset="//drink818.com/cdn/shop/articles/818_Lemonade_DK.jpg?v=1684952879&width=300 300w, //drink818.com/cdn/shop/articles/818_Lemonade_DK.jpg?v=1684952879&width=400 400w, //drink818.com/cdn/shop/articles/818_Lemonade_DK.jpg?v=1684952879&width=500 500w, //drink818.com/cdn/shop/articles/818_Lemonade_DK.jpg?v=1684952879&width=600 600w, //drink818.com/cdn/shop/articles/818_Lemonade_DK.jpg?v=1684952879&width=800 800w, //drink818.com/cdn/shop/articles/818_Lemonade_DK.jpg?v=1684952879&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&width=300 300w, //drink818.com/cdn/shop/files/818_Lemonade_MB.jpg?v=1684952898&width=400 400w, //drink818.com/cdn/shop/files/818_Lemonade_MB.jpg?v=1684952898&width=500 500w, //drink818.com/cdn/shop/files/818_Lemonade_MB.jpg?v=1684952898&width=600 600w, //drink818.com/cdn/shop/files/818_Lemonade_MB.jpg?v=1684952898&width=800 800w, //drink818.com/cdn/shop/files/818_Lemonade_MB.jpg?v=1684952898&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&width=1296" alt="The Main Squeeze" srcset="//drink818.com/cdn/shop/articles/The_Main_Squeeze_FT.jpg?v=1678229423&width=300 300w, //drink818.com/cdn/shop/articles/The_Main_Squeeze_FT.jpg?v=1678229423&width=400 400w, //drink818.com/cdn/shop/articles/The_Main_Squeeze_FT.jpg?v=1678229423&width=500 500w, //drink818.com/cdn/shop/articles/The_Main_Squeeze_FT.jpg?v=1678229423&width=600 600w, //drink818.com/cdn/shop/articles/The_Main_Squeeze_FT.jpg?v=1678229423&width=800 800w, //drink818.com/cdn/shop/articles/The_Main_Squeeze_FT.jpg?v=1678229423&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 / 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&width=250" alt="" srcset="//drink818.com/cdn/shop/files/8R_Logo_gray1_04fb54fb-611d-41b9-8cd9-8d42fa2e1fb4.svg?v=1702968163&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&width=80" alt="818 Logo_añejo" srcset="//drink818.com/cdn/shop/files/818_LOGO_anejo_svg.svg?v=1684949220&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.