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