PageSourceSearch

https://www.withcococktails.com/

html withcococktails.com collected 2026-10-06 00:14:35 UTC 409,523 bytes, 9,104 lines download raw bytes

1<!DOCTYPE html>
2<html class="no-js" lang="en">
3  <head>
4<!-- BEAE-GLOBAL-FONT --> 
5  
6 <!-- END BEAE-GLOBAL-FONT -->
7<!-- BEAE-HEADER -->
8
9
10  
11  
12  
13  <link href="//www.withcococktails.com/cdn/shop/t/41/assets/beae.base.min.css?v=30248973878737945191737664438" rel="stylesheet" type="text/css" media="all" />
14  
15  
16      <style type="text/css" id="beae-global-theme-style">@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap");
17@import url("https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap");
18
19            :root {
20                --rows: 10;
21                --beae-site-max-width: 1920px;
22            }
23            
24        :root{--beae-global-colors-accent: #dc2626;--beae-global-colors-background: #e7e7e7;--beae-global-colors-primary: #171717;--beae-global-colors-secondary: #171717;--beae-global-colors-text: #171717;--beae-global-colors-primary_50: #e6e6e6;--beae-global-colors-primary_100: #dadada;--beae-global-colors-primary_200: #cfcfcf;--beae-global-colors-primary_300: #b8b8b8;--beae-global-colors-primary_400: #8a8a8a;--beae-global-colors-primary_500: #5c5c5c;--beae-global-colors-primary_600: #171717;--beae-global-colors-primary_700: #141414;--beae-global-colors-primary_800: #121212;--beae-global-colors-primary_900: #0c0c0c;--beae-global-colors-primary_950: #070707;--beae-global-colors-secondary_50: #e6e6e6;--beae-global-colors-secondary_100: #dadada;--beae-global-colors-secondary_200: #cfcfcf;--beae-global-colors-secondary_300: #b8b8b8;--beae-global-colors-secondary_400: #8a8a8a;--beae-global-colors-secondary_500: #5c5c5c;--beae-global-colors-secondary_600: #171717;--beae-global-colors-secondary_700: #141414;--beae-global-colors-secondary_800: #121212;--beae-global-colors-secondary_900: #0c0c0c;--beae-global-colors-secondary_950: #070707;--beae-global-colors-text_50: #e6e6e6;--beae-global-colors-text_100: #dadada;--beae-global-colors-text_200: #cfcfcf;--beae-global-colors-text_300: #b8b8b8;--beae-global-colors-text_400: #8a8a8a;--beae-global-colors-text_500: #5c5c5c;--beae-global-colors-text_600: #171717;--beae-global-colors-text_700: #141414;--beae-global-colors-text_800: #121212;--beae-global-colors-text_900: #0c0c0c;--beae-global-colors-text_950: #070707;--beae-global-colors-accent_50: #fef2f2;--beae-global-colors-accent_100: #fee2e2;--beae-global-colors-accent_200: #fecaca;--beae-global-colors-accent_300: #fca5a5;--beae-global-colors-accent_400: #f87171;--beae-global-colors-accent_500: #ef4444;--beae-global-colors-accent_600: #dc2626;--beae-global-colors-accent_700: #b91c1c;--beae-global-colors-accent_800: #991b1b;--beae-global-colors-accent_900: #7f1d1d;--beae-global-colors-accent_950: #450a0a;--beae-global-colors-background_50: #fbfbfb;--beae-global-colors-background_100: #fafafa;--beae-global-colors-background_200: #f9f9f9;--beae-global-colors-background_300: #f7f7f7;--beae-global-colors-background_400: #f2f2f2;--beae-global-colors-background_500: #eeeeee;--beae-global-colors-background_600: #e7e7e7;--beae-global-colors-background_700: #dfdfdf;--beae-global-colors-background_800: #d8d8d8;--beae-global-colors-background_900: #c8c8c8;--beae-global-colors-background_950: #b9b9b9;--beae-global-colors-white: white;--beae-global-colors-black: black;--beae-global-colors-transparent: transparent;--beae-page-width: 1470px;--beae-site-margin: 30px;--beae-site-margin-mobile: 15px;--beae-pageWidth: 1200px;} .beae-btn-pr{font-size: calc(14px * var(--text-ratio, 1))  ;line-height: calc(22px * var(--text-ratio, 1))  ;letter-spacing: 0.1px;text-transform: uppercase;font-family: 'Montserrat', sans-serif;font-weight: 700;color: var(--beae-global-colors-background_50);background: var(--beae-global-colors-text_900);border-radius: 60px;}  .beae-btn-pr:hover{background: var(--beae-global-colors-text_500);color: var(--beae-global-colors-background_50);border-radius: 60px;}  .beae-btn-se{color: var(--beae-global-colors-primary_600);font-size: calc(14px * var(--text-ratio, 1))  ;line-height: calc(22px * var(--text-ratio, 1))  ;text-transform: uppercase;font-family: 'Montserrat', sans-serif;letter-spacing: 0.1px;font-weight: 700;background: var(--beae-global-colors-background_50);border-radius: 60px;}  .beae-btn-se:hover{color: var(--beae-global-colors-background_50);background: var(--beae-global-colors-text_900);border-style: solid;border-color: var(--beae-global-colors-primary_600);border-width: 1px;border-radius: 60px;}  .beae-btn-te{font-size: calc(14px * var(--text-ratio, 1))  ;line-height: calc(20px * var(--text-ratio, 1))  ;text-transform: uppercase;font-weight: 700;letter-spacing: 0.1px;font-family: 'Montserrat', sans-serif;text-decoration: underline;color: var(--beae-global-colors-primary_600);}  .beae-btn-te:hover{color: var(--beae-global-colors-primary_900);}  .beae-typo-h1{font-size: calc(57px * var(--text-ratio, 1))  ;line-height: calc(78px * var(--text-ratio, 1))  ;color:var(--beae-global-colors-text_900);font-family: 'Montserrat', sans-serif;font-weight:700;text-transform:uppercase;} .beae-typo-h2{font-size: calc(48px * var(--text-ratio, 1))  ;line-height: calc(60px * var(--text-ratio, 1))  ;color:var(--beae-global-colors-text_900);font-weight:700;text-transform:uppercase;font-family: 'Montserrat', sans-serif;} .beae-typo-h3{font-size: calc(38px * var(--text-ratio, 1))  ;line-height: calc(48px * var(--text-ratio, 1))  ;color:var(--beae-global-colors-text_900);font-weight:700;text-transform:uppercase;font-family: 'Montserrat', sans-serif;} .beae-typo-h4{font-size: calc(33px * var(--text-ratio, 1))  ;line-height: calc(42px * var(--text-ratio, 1))  ;font-family: 'Montserrat', sans-serif;color:var(--beae-global-colors-text_900);font-weight:700;text-transform:uppercase;} .beae-typo-h5{font-size: calc(28px * var(--text-ratio, 1))  ;line-height: calc(38px * var(--text-ratio, 1))  ;color:var(--beae-global-colors-text_900);font-family: 'Montserrat', sans-serif;text-transform:uppercase;font-weight:700;} .beae-typo-h6{font-size: calc(22px * var(--text-ratio, 1))  ;line-height: calc(30px * var(--text-ratio, 1))  ;color:var(--beae-global-colors-text_900);text-transform:uppercase;font-weight:700;font-family: 'Montserrat', sans-serif;} .beae-typo-p1{font-size: calc(16px * var(--text-ratio, 1))  ;line-height: calc(20px * var(--text-ratio, 1))  ;color:var(--beae-global-colors-text_500);font-weight:400;letter-spacing:0.1px;text-transform:none;font-family: 'Roboto', sans-serif;} .beae-typo-p2{line-height: calc(20px * var(--text-ratio, 1))  ;font-size: calc(16px * var(--text-ratio, 1))  ;color:var(--beae-global-colors-text_500);letter-spacing:0.1px;font-weight:400;font-family: 'Roboto', sans-serif;} .beae-typo-p3{font-size: calc(14px * var(--text-ratio, 1))  ;line-height: calc(19px * var(--text-ratio, 1))  ;color:var(--beae-global-colors-text_500);text-transform:none;letter-spacing:0.1px;font-family: 'Roboto', sans-serif;font-weight:400;} @media screen and (max-width: 768px) {
25       .beae-btn-pr{font-size: calc(12px  * var(--text-ratio, 1)) !important ;line-height: calc(20px  * var(--text-ratio, 1)) !important ;letter-spacing: 1px !important;}  .beae-btn-se{font-size: calc(12px  * var(--text-ratio, 1)) !important ;line-height: calc(20px  * var(--text-ratio, 1)) !important ;}  .beae-btn-te{font-size: calc(16px  * var(--text-ratio, 1)) !important ;line-height: calc(20px  * var(--text-ratio, 1)) !important ;}  .beae-typo-h1{font-size: calc(46px * var(--text-ratio, 1))  ;line-height: calc(59.8px * var(--text-ratio, 1))  ;} .beae-typo-h2{font-size: calc(40px * var(--text-ratio, 1))  ;line-height: calc(54.6px * var(--text-ratio, 1))  ;} .beae-typo-h3{font-size: calc(35px * var(--text-ratio, 1))  ;line-height: calc(45.5px * var(--text-ratio, 1))  ;} .beae-typo-h4{font-size: calc(29px * var(--text-ratio, 1))  ;line-height: calc(37.7px * var(--text-ratio, 1))  ;} .beae-typo-h5{font-size: calc(24px * var(--text-ratio, 1))  ;
25line-height: calc(36px * var(--text-ratio, 1))  ;} .beae-typo-h6{font-size: calc(20px * var(--text-ratio, 1))  ;line-height: calc(36px * var(--text-ratio, 1))  ;} .beae-typo-p1{font-size: calc(14px * var(--text-ratio, 1))  ;line-height: calc(21px * var(--text-ratio, 1))  ;} .beae-typo-p2{line-height: calc(25.5px * var(--text-ratio, 1))  ;font-size: calc(17px * var(--text-ratio, 1))  ;} .beae-typo-p3{font-size: calc(14px * var(--text-ratio, 1))  ;line-height: calc(21px * var(--text-ratio, 1))  ;}
26  }:root {
27    --beae-global-colors-white: white;
28    --beae-global-colors-black: black;
29    --beae-global-colors-transparent: transparent;
30  --beae-global-colors-white: white;--beae-global-colors-black: black;--beae-global-colors-transparent: transparent;}</style>
31  
32      
33  
33<script src="//www.withcococktails.com/cdn/shop/t/41/assets/beae.base.min.js?v=160705413989900973971737664438" defer="defer"></script>
33
34  
34<script>
35    window.BEAE_HELPER = {
36        routes: {
37            cart_url: "/cart",
38            root_url: "/"
39        },
40        lang: "en",
41        available_lang: {"shop_locale":{"locale":"en","enabled":true,"primary":true,"published":true}}
42    };
43  </script>
43<!-- END BEAE-HEADER -->
44    <meta charset="utf-8">
45    <meta http-equiv="X-UA-Compatible" content="IE=edge">
46    <meta name="viewport" content="width=device-width,initial-scale=1">
47    <meta name="theme-color" content="">
48    <link rel="canonical" href="https://www.withcococktails.com/">
49    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
50    <link rel="stylesheet" href="https://use.typekit.net/rjk0jud.css">
51    <link rel="preconnect" href="https://fonts.googleapis.com">
52    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
53    <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">
54
55    
56
57    
58
59    
60<link rel="icon" type="image/png" href="//www.withcococktails.com/cdn/shop/files/With_Co_Stacked_Icon_b2fd0113-e7b0-45a9-bb51-a57fae2e715c.svg?crop=center&height=32&v=1690869701&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
61      Withco Cocktails : Fresh Ingredient Drink Mixers
62 &ndash; WithCo Cocktails</title>
63
64    
65      <meta name="description" content="WithCo is a batched cocktail mix, using only fresh, flavorful ingredients, designed to help you be the better host.">
66    
67
68    
69
70<meta property="og:site_name" content="WithCo Cocktails">
71<meta property="og:url" content="https://www.withcococktails.com/">
72<meta property="og:title" content="Withco Cocktails : Fresh Ingredient Drink Mixers">
73<meta property="og:type" content="website">
74<meta property="og:description" content="WithCo is a batched cocktail mix, using only fresh, flavorful ingredients, designed to help you be the better host."><meta name="twitter:card" content="summary_large_image">
75<meta name="twitter:title" content="Withco Cocktails : Fresh Ingredient Drink Mixers">
76<meta name="twitter:description" content="WithCo is a batched cocktail mix, using only fresh, flavorful ingredients, designed to help you be the better host.">
77
78
79    
79<script src="//www.withcococktails.com/cdn/shop/t/41/assets/global.js?v=143950342500112040511735846138" defer="defer"></script>
79
80
81    
81<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
81<meta name="google-site-verification" content="DoYkcUlcwHtkUnSXzdx_WvhxyX_BY7p5diSryfxscrQ">
82<meta name="facebook-domain-verification" content="822r4mns5jfa06bh0fvbgz1qk24vuo">
83<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/18025145/digital_wallets/dialog">
84<meta id="in-context-paypal-metadata" data-shop-id="18025145" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
85<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
85<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
85
86<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
87<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=18025145" crossorigin="anonymous"></script>
vendor: 1 bytes, line 87
87
88<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":18025145,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/18025145","merchantName":"WithCo Cocktails","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"WithCo Cocktails","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 88
88
89<script id="shopify-features" type="application/json">{"accessToken":"08ff2606287fc5c4532c48e095405a5c","betas":["rich-media-storefront-analytics"],"domain":"www.withcococktails.com","predictiveSearch":true,"shopId":18025145,"locale":"en"}</script>
vendor: 1 bytes, line 89
89
90<script>var Shopify = Shopify || {};
91Shopify.shop = "drinkwithco.myshopify.com";
92Shopify.locale = "en";
93Shopify.currency = {"active":"USD","rate":"1.0"};
94Shopify.country = "US";
95Shopify.theme = {"name":"MANIFEST - Stay AI Integration - Bundles","id":145545789694,"schema_name":"Manifest","schema_version":"1.0","theme_store_id":null,"role":"main"};
96Shopify.theme.handle = "null";
97Shopify.theme.style = {"id":null,"handle":null};
98Shopify.cdnHost = "www.withcococktails.com/cdn";
99Shopify.routes = Shopify.routes || {};
100Shopify.routes.root = "/";
101Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
102Shopify.SignInWithShop = Shopify.SignInWithShop || {};
103Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
104Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 104
104
105<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 105
105
106<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 106
106
107<script>
108  window.ShopifyPay = window.ShopifyPay || {};
109  window.ShopifyPay.apiHost = "shop.app\/pay";
110  window.ShopifyPay.redirectState = null;
111</script>
vendor: 1 bytes, line 111
111
112<script>
113  window.Shopify = window.Shopify || {};
114  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
115  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
116  window.Shopify.SignInWithShop.eligible = true;
117</script>
vendor: 1 bytes, line 117
117
118<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 118
118
119<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 119
119
120<script type="module">
121  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
122
123  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
124
125</script>
vendor: 1 bytes, line 125
125
126<script>
127  window.Shopify = window.Shopify || {};
128  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
129  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"]};
130</script>
vendor: 1 bytes, line 130
130
131<script>(function() {
132  var isLoaded = false;
133  function asyncLoad() {
134    if (isLoaded) return;
135    isLoaded = true;
136    var urls = ["https:\/\/chimpstatic.com\/mcjs-connected\/js\/users\/80cd9081a63d5437fbed3f27c\/ea7fdf585a9b2a84f91fe320c.js?shop=drinkwithco.myshopify.com","\/\/shopify.privy.com\/widget.js?shop=drinkwithco.myshopify.com","https:\/\/static.shareasale.com\/json\/shopify\/deduplication.js?shop=drinkwithco.myshopify.com","https:\/\/static.shareasale.com\/json\/shopify\/shareasale-tracking.js?sasmid=114711\u0026ssmtid=19038\u0026shop=drinkwithco.myshopify.com","\/\/cdn.shopify.com\/proxy\/546f5f4857fc707defa3f37432d90cf144aec9e5c99c1e2f16eaf8e63bc3f7ea\/bingshoppingtool-t2app-prod.trafficmanager.net\/uet\/tracking_script?shop=drinkwithco.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/shopify-widget.route.com\/shopify.widget.js?shop=drinkwithco.myshopify.com"];
137    for (var i = 0; i < urls.length; i++) {
138      var s = document.createElement('script');
139      s.type = 'text/javascript';
140      s.async = true;
141      s.src = urls[i];
142      var x = document.getElementsByTagName('script')[0];
143      x.parentNode.insertBefore(s, x);
144    }
145  };
146  if(window.attachEvent) {
147    window.attachEvent('onload', asyncLoad);
148  } else {
149    window.addEventListener('load', asyncLoad, false);
150  }
151})();</script>
vendor: 1 bytes, line 151
151
152<script id="__st">var __st={"a":18025145,"offset":-18000,"reqid":"9b3b5c13-fa93-4911-8f5f-b20691528f13-1791245675","pageurl":"www.withcococktails.com\/","u":"a4a48d406290","p":"home"};</script>
vendor: 1 bytes, line 152
152
153<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 153
153
154<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 154
154
155<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.withcococktails.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 155
155
156<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.withcococktails.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>
156<script crossorigin="anonymous" defer="defer" src="//www.withcococktails.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 156
156
157<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 157
157
158<script>
159  window.Shopify = window.Shopify || {};
160  window.Shopify.MCP = window.Shopify.MCP || {};
161  window.Shopify.MCP.enabled = true;
162  window.Shopify.MCP.shop = "drinkwithco.myshopify.com";
163  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.withcococktails.com\/api\/mcp";
164  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?\"\nSet policy_types to also get the store's written policies (full text and URL).\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."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
165</script>
vendor: 1 bytes, line 165
165
166<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/www.withcococktails.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
167</script>
vendor: 1 bytes, line 167
167
168<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.withcococktails.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
169</script>
vendor: 1 bytes, line 169
169
170<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
171  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);
172</script>
vendor: 1 bytes, line 172
172
173<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})}}));
174</script>
174
175<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.withcococktails.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
176<style id="shopify-accelerated-checkout-cart">
177        #shopify-buyer-consent {
178  margin-top: 1em;
179  display: inline-block;
180  width: 100%;
181}
182
183#shopify-buyer-consent.hidden {
184  display: none;
185}
186
187#shopify-subscription-policy-button {
188  background: none;
189  border: none;
190  padding: 0;
191  text-decoration: underline;
192  font-size: inherit;
193  cursor: pointer;
194}
195
196#shopify-subscription-policy-button::before {
197  box-shadow: none;
198}
199
200      </style>
201<script id="sections-script" data-sections="header,footer" defer="defer" src="//www.withcococktails.com/cdn/shop/t/41/compiled_assets/scripts.js?v=61936181921355174781734805287"></script>
vendor: 1 bytes, line 201
201
202<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
202
203
204
205    
206
207    
208
209    
210
211    
212
213    
214
215    
216
217    <style data-shopify>
218      @font-face {
219  font-family: Archivo;
220  font-weight: 400;
221  font-style: normal;
222  font-display: swap;
223  src: url("//www.withcococktails.com/cdn/fonts/archivo/archivo_n4.dc8d917cc69af0a65ae04d01fd8eeab28a3573c9.woff2") format("woff2"),
224       url("//www.withcococktails.com/cdn/fonts/archivo/archivo_n4.bd6b9c34fdb81d7646836be8065ce3c80a2cc984.woff") format("woff");
225}
226
227      @font-face {
228  font-family: Archivo;
229  font-weight: 700;
230  font-style: normal;
231  font-display: swap;
232  src: url("//www.withcococktails.com/cdn/fonts/archivo/archivo_n7.651b020b3543640c100112be6f1c1b8e816c7f13.woff2") format("woff2"),
233       url("//www.withcococktails.com/cdn/fonts/archivo/archivo_n7.7e9106d320e6594976a7dcb57957f3e712e83c96.woff") format("woff");
234}
235
236      @font-face {
237  font-family: Archivo;
238  font-weight: 400;
239  font-style: italic;
240  font-display: swap;
241  src: url("//www.withcococktails.com/cdn/fonts/archivo/archivo_i4.37d8c4e02dc4f8e8b559f47082eb24a5c48c2908.woff2") format("woff2"),
242       url("//www.withcococktails.com/cdn/fonts/archivo/archivo_i4.839d35d75c605237591e73815270f86ab696602c.woff") format("woff");
243}
244
245      @font-face {
246  font-family: Archivo;
247  font-weight: 700;
248  font-style: italic;
249  font-display: swap;
250  src: url("//www.withcococktails.com/cdn/fonts/archivo/archivo_i7.3dc798c6f261b8341dd97dd5c78d97d457c63517.woff2") format("woff2"),
251       url("//www.withcococktails.com/cdn/fonts/archivo/archivo_i7.3b65e9d326e7379bd5f15bcb927c5d533d950ff6.woff") format("woff");
252}
253
254      
255
256      :root {
257        --font-body-weight-bold: 700;
258
259        
260          --font-body-family: Inter-Regular;
261        
262
263        
264          --font-body-style: normal;
265        
266
267        
268          --font-body-weight: 300;
269        
270      
271      
272        
273          --font-heading-family: PPEditorialNew-Ultralight;
274        
275
276        
277          --font-heading-style: normal;
278        
279
280        
281          --font-heading-weight: 300;
282        
283
284        
285          --font-accent-family: PPEditorialNew-UltralightItalic;
286        
287
288        
289          --font-accent-style: normal;
290        
291
292        
293          --font-accent-weight: 400;
294        
295
296        
297        
298
299        --font-body-scale: 1.0;
300        --font-heading-scale: 1.5;
301
302        --color-base-text: 35, 31, 32;
303        --color-shadow: 35, 31, 32;
304        --color-base-background-1: 251, 249, 246;
305        --color-base-background-2: 178, 178, 163;
306        --color-base-solid-button-labels: 35, 31, 32;
307        --color-base-outline-button-labels: 35, 31, 32;
308        --color-base-accent-1: 251, 249, 246;
309        --color-base-accent-2: 178, 178, 163;
310        --payment-terms-background-color: #fbf9f6;
311
312        --gradient-base-background-1: #fbf9f6;
313        --gradient-base-background-2: #b2b2a3;
314        --gradient-base-accent-1: #fbf9f6;
315        --gradient-base-accent-2: #b2b2a3;
316
317        --media-padding: px;
318        --media-border-opacity: 0.05;
319        --media-border-width: 0px;
320        --media-radius: 0px;
321        --media-shadow-opacity: 0.0;
322        --media-shadow-horizontal-offset: 0px;
323        --media-shadow-vertical-offset: 4px;
324        --media-shadow-blur-radius: 5px;
325        --media-shadow-visible: 0;
326
327        --page-width: 160rem;
328        --page-width-margin: 0rem;
329
330        --product-card-image-padding: 0.0rem;
331        --product-card-corner-radius: 0.0rem;
332        --product-card-text-alignment: center;
333        --product-card-border-width: 0.0rem;
334        --product-card-border-opacity: 0.1;
335        --product-card-shadow-opacity: 0.0;
336        --product-card-shadow-visible: 0;
337        --product-card-shadow-horizontal-offset: 0.0rem;
338        --product-card-shadow-vertical-offset: 0.4rem;
339        --product-card-shadow-blur-radius: 0.5rem;
340
341        --collection-card-image-padding: 0.0rem;
342        --collection-card-corner-radius: 0.0rem;
343        --collection-card-text-alignment: left;
344        --collection-card-border-width: 0.0rem;
345        --collection-card-border-opacity: 0.1;
346        --collection-card-shadow-opacity: 0.0;
347        --collection-card-shadow-visible: 0;
348        --collection-card-shadow-horizontal-offset: 0.0rem;
349        --collection-card-shadow-vertical-offset: 0.4rem;
350        --collection-card-shadow-blur-radius: 0.5rem;
351
352        --blog-card-image-padding: 0.0rem;
353        --blog-card-corner-radius: 0.0rem;
354        --blog-card-text-alignment: left;
355        --blog-card-border-width: 0.0rem;
356        --blog-card-border-opacity: 0.1;
357        --blog-card-shadow-opacity: 0.0;
358        --blog-card-shadow-visible: 0;
359        --blog-card-shadow-horizontal-offset: 0.0rem;
360        --blog-card-shadow-vertical-offset: 0.4rem;
361        --blog-card-shadow-blur-radius: 0.5rem;
362
363        --badge-corner-radius: 4.0rem;
364
365        --popup-border-width: 1px;
366        --popup-border-opacity: 0.1;
367        --popup-corner-radius: 0px;
368        --popup-shadow-opacity: 0.0;
369        --popup-shadow-horizontal-offset: 0px;
370        --popup-shadow-vertical-offset: 4px;
371        --popup-shadow-blur-radius: 5px;
372
373        --drawer-border-width: 1px;
374        --drawer-border-opacity: 0.1;
375        --drawer-shadow-opacity: 0.0;
376        --drawer-shadow-horizontal-offset: 0px;
377        --drawer-shadow-vertical-offset: 4px;
378        --drawer-shadow-blur-radius: 5px;
379
380        --spacing-sections-desktop: 0px;
381        --spacing-sections-mobile: 0px;
382
383        --grid-desktop-vertical-spacing: 32px;
384        --grid-desktop-horizontal-spacing: 32px;
385        --grid-mobile-vertical-spacing: 16px;
386        --grid-mobile-horizontal-spacing: 16px;
387
388        --text-boxes-border-opacity: 0.0;
389        --text-boxes-border-width: 0px;
390        --text-boxes-radius: 0px;
391        --text-boxes-shadow-opacity: 0.0;
392        --text-boxes-shadow-visible: 0;
393        --text-boxes-shadow-horizontal-offset: 0px;
394        --text-boxes-shadow-vertical-offset: 4px;
395        --text-boxes-shadow-blur-radius: 5px;
396
397        --buttons-radius: 0px;
398        --buttons-radius-outset: 0px;
399        --buttons-border-width: 1px;
400        --buttons-border-opacity: 1.0;
401        --buttons-shadow-opacity: 1.0;
402        --buttons-shadow-visible: 1;
403        --buttons-shadow-horizontal-offset: 0px;
404        --buttons-shadow-vertical-offset: 0px;
405        --buttons-shadow-blur-radius: 0px;
406        --buttons-border-offset: 0.3px;
407
408        --inputs-radius: 0px;
409        --inputs-border-width: 1px;
410        --inputs-border-opacity: 1.0;
411        --inputs-shadow-opacity: 0.0;
412        --inputs-shadow-horizontal-offset: 0px;
413        --inputs-margin-offset: 0px;
414        --inputs-shadow-vertical-offset: 4px;
415        --inputs-shadow-blur-radius: 0px;
416        --inputs-radius-outset: 0px;
417
418        --variant-pills-radius: 0px;
419        --variant-pills-border-width: 1px;
420        --variant-pills-border-opacity: 1.0;
421        --variant-pills-shadow-opacity: 0.0;
422        --variant-pills-shadow-horizontal-offset: 0px;
423        --variant-pills-shadow-vertical-offset: 4px;
424        --variant-pills-shadow-blur-radius: 5px;
425      }
426
427      *,
428      *::before,
429      *::after {
430        box-sizing: inherit;
431      }
432
433      html {
434        box-sizing: border-box;
435        font-size: calc(var(--font-body-scale) * 62.5%);
436        height: 100%;
437      }
438
439      body {
440        display: grid;
441        grid-template-rows: auto auto 1fr auto;
442        grid-template-columns: 100%;
443        min-height: 100%;
444        margin: 0;
445        font-size: 1.5rem;
446        letter-spacing: 0.06rem;
447        line-height: calc(1 + 0.8 / var(--font-body-scale));
448        font-family: var(--font-body-family);
449        font-style: var(--font-body-style);
450        font-weight: var(--font-body-weight);
451      }
452
453      
454        @font-face {
455            font-family: 'PPEditorialNew-Ultralight';
456            src: url('//www.withcococktails.com/cdn/shop/files/PPEditorialNew-Ultralight.woff2') format('woff2'), url('//www.withcococktails.com/cdn/shop/files/PPEditorialNew-Ultralight.woff') format('woff');
457            font-weight: normal;
458            font-style: normal;
459        }
460      
461
462      
463        @font-face {
464            font-family: 'PPEditorialNew-UltralightItalic';
465            src: url('//www.withcococktails.com/cdn/shop/files/PPEditorialNew-UltralightItalic.woff2') format('woff2'), url('//www.withcococktails.com/cdn/shop/files/PPEditorialNew-UltralightItalic.woff') format('woff');
466            font-weight: normal;
467            font-style: normal;
468        }
469      
470
471      
472        @font-face {
473            font-family: 'Inter-Regular';
474            src: url('//www.withcococktails.com/cdn/shop/files/Inter-Regular.woff2') format('woff2'), url('//www.withcococktails.com/cdn/shop/files/Inter-Regular.woff') format('woff');
475            font-weight: normal;
476            font-style: normal;
477        }
478      
479
480
481      @media screen and (min-width: 750px) {
482        body {
483          font-size: 1.6rem;
484        }
485      }
486    </style>
487
488    <link href="//www.withcococktails.com/cdn/shop/t/41/assets/base.css?v=161608226588173591931734799861" rel="stylesheet" type="text/css" media="all" />
489    <link href="//www.withcococktails.com/cdn/shop/t/41/assets/theme-styles.css?v=111603181540343972631734731053" rel="stylesheet" type="text/css" media="all" />
490    <link href="//www.withcococktails.com/cdn/shop/t/41/assets/custom-styles.css?v=46131068781909507501734731053" rel="stylesheet" type="text/css" media="all" />
491<link rel="preload" as="font" href="//www.withcococktails.com/cdn/fonts/archivo/archivo_n4.dc8d917cc69af0a65ae04d01fd8eeab28a3573c9.woff2" type="font/woff2" crossorigin><link rel="stylesheet" href="//www.withcococktails.com/cdn/shop/t/41/assets/component-predictive-search.css?v=83512081251802922551734731053" media="print" onload="this.media='all'">
491<script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
492    if (Shopify.designMode) {
493      document.documentElement.classList.add('shopify-design-mode');
494    }
495    </script>
495
496    
497    
498
499<link href="https://cdn.storifyme.com/assets/css/stories-preview.css" rel="stylesheet" type="text/css" media="all" />
500
501    
502    
502<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js" integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
502
503    
504<!-- BEGIN app block: shopify://apps/wsh-wholesale-pricing/blocks/app-embed/94cbfa01-7191-4bb2-bcd8-b519b9b3bd06 -->
504<script>
505
506  window.wpdExtensionIsProductPage = "";
507;
508window.wpdExtensionIsCartPage = false;
509
510window.showCrossOutPrice = true;
511window.WPDAppProxy = "/apps/wpdapp";
512window.showVDTableWithPrice = false;
513window.vdBadgeLabel = "Volume Discounts";
514
515
516window.WPDMarketLocalization = "";
517window.WPDMoneyFormat = "${{amount}}";
518
519
520
521
522	
523	
524
525  
526  
527
528  
529  
530
531  
532  
533  
534  
535	
536
537  
538  
539
540  
541  
542  
543  
544
545  
546    window.is_wcp_wholesale_customer = false;
547  
548  
549  window.wcp_customer = {
550      email: "",
551      id: "",
552      tags: null,
553      default_address: null,
554      tax_exempt: false,
555      company_id: "",
556      location_id: ""
557    };
558  
559  window.shopPermanentDomain = "drinkwithco.myshopify.com";
560  window.wpdAPIRootUrl = "https://bdr.wholesalehelper.io/";
561  window.wpdHasGuestDiscounts = false;
562</script>
562
563
564
565
566
567
568  
569
570<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
571
572
573
574
575
576
577
578
579
580
581
582
583  
583<script async src="https://static.klaviyo.com/onsite/js/JNwk6s/klaviyo.js?company_id=JNwk6s"></script>
583
584  
584<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
584
585
586  
587
588
589
590
591  
591<script>
592    window.klaviyoReviewsProductDesignMode = false
593  </script>
593
594
595
596
597
598
599
600
601
602
603<!-- END app block --><!-- BEGIN app block: shopify://apps/yotpo-product-reviews/blocks/settings/eb7dfd7d-db44-4334-bc49-c893b51b36cf -->
604
605
606  
606<script type="text/javascript" src="https://cdn-widgetsrepository.yotpo.com/v1/loader/GkngzYdfKG5D3Rcananwd2NrmTOu9Gw1lxG7x28J?languageCode=en" async></script>
606
607
608
609
610  
611<!-- END app block --><!-- BEGIN app block: shopify://apps/simprosys-google-shopping-feed/blocks/core_settings_block/1f0b859e-9fa6-4007-97e8-4513aff5ff3b --><!-- BEGIN: GSF App Core Tags & Scripts by Simprosys Google Shopping Feed -->
612
613
614
615
616
617
618
619
620
621<!-- END: GSF App Core Tags & Scripts by Simprosys Google Shopping Feed -->
622<!-- END app block --><!-- BEGIN app block: shopify://apps/hulk-form-builder/blocks/app-embed/b6b8dd14-356b-4725-a4ed-77232212b3c3 --><!-- BEGIN app snippet: hulkapps-formbuilder-theme-ext -->
622<script type="text/javascript">
623  
624  if (typeof window.formbuilder_customer != "object") {
625        window.formbuilder_customer = {}
626  }
627
628  
629
630  window.hulkFormBuilder = {
631    form_data: {"form_CbkkRhpe-znF5HChTBZhxw":{"uuid":"CbkkRhpe-znF5HChTBZhxw","form_name":"Contact Form","form_data":{"div_back_gradient_1":"#fff","div_back_gradient_2":"#fff","back_color":"#fff","form_title":"\u003ch3\u003eContact Us\u003c\/h3\u003e","form_submit":"Submit","after_submit":"hideAndmessage","after_submit_msg":"","captcha_enable":"no","label_style":"FloatingLabels","input_border_radius":0,"back_type":"transparent","input_back_color":"#fbf9f6","input_back_color_hover":"#fbf9f6","back_shadow":"none","label_font_clr":"#231f20","input_font_clr":"#231f20","button_align":"fullBtn","button_clr":"#fbf9f6","button_back_clr":"#231f20","button_border_radius":0,"form_width":"600px","form_border_size":"1","form_border_clr":"transparent","form_border_radius":0,"label_font_size":"14","input_font_size":"12","button_font_size":"16","form_padding":"35","input_border_color":"#231f20","input_border_color_hover":"#231f20","btn_border_clr":"#231f20","btn_border_size":"1","form_name":"Contact Form","form_access_message":"\u
631003cp\u003ePlease login to access the form\u003cbr\u003eDo not have an account? Create account\u003c\/p\u003e","label_fonts_type":"Google Fonts","input_fonts_type":"Google Fonts","label_font_family":"Inter","input_font_family":"Inter","formElements":[{"type":"text","position":0,"label":"Name","customClass":"","halfwidth":"no","Conditions":{},"page_number":1},{"type":"email","position":1,"label":"Email","required":"yes","email_confirm":"yes","Conditions":{},"page_number":1},{"Conditions":{},"type":"text","position":2,"label":"Phone (optional)","page_number":1},{"type":"select","position":3,"label":"Subject","values":"Wholesale Inquiry\nInfo About My Order\nEmployee \/ Corporate \/ Bulk Gifting\nOther","Conditions":{},"page_number":1,"elementCost":{},"required":"yes"},{"type":"textarea","position":4,"label":"Message","required":"yes","Conditions":{},"page_number":1}]},"is_spam_form":false,"shop_uuid":"yfUqg2Y0a8hNfRoJXAlzCg","shop_timezone":"America\/Chicago","shop_id":93439,"shop_is_after_submit_enabled":true,"shop_shopify_plan":"Grow","shop_shopify_domain":"drinkwithco.myshopify.com","popup_settings":{},"form_is_active":true},"form_s79yNTyVdmjzal04eQo4Dw":{"uuid":"s79yNTyVdmjzal04eQo4Dw","form_name":"Corporate Gifting","form_data":{"div_back_gradient_1":"#fff","div_back_gradient_2":"#fff","back_color":"#fff","form_title":"","form_submit":"Submit","after_submit":"hideAndmessage","after_submit_msg":"\u003cp\u003eThanks for contacting us!\u003c\/p\u003e\n","captcha_enable":"no","label_style":"blockLabels","input_border_radius":0,"back_type":"transparent","input_back_color":"#fff","input_back_color_hover":"#fff","back_shadow":"none","label_font_clr":"#231f20","input_font_clr":"#231f20","button_align":"fullBtn","button_clr":"#fbf9f6","button_back_clr":"#231f20","button_border_radius":0,"form_width":"600px","form_border_size":0,"form_border_clr":"#c7c7c7","form_border_radius":0,"label_font_size":"14","input_font_size":"12","button_font_size":"16","form_padding":0,"input_border_color":"#231f20","input_border_color_hover":"#231f20","btn_border_clr":"#231f20","btn_border_size":"1","form_name":"Corporate Gifting","form_access_message":"\u
631003cp\u003ePlease login to access the form\u003cbr\u003eDo not have an account? Create account\u003c\/p\u003e","input_placeholder_clr":"#231f20","input_font_family":"Inter","label_font_family":"Inter","formElements":[{"Conditions":{},"type":"text","position":0,"label":"First Name","required":"yes","page_number":1},{"Conditions":{},"type":"text","position":1,"label":"Last Name","required":"yes","page_number":1},{"Conditions":{},"type":"text","position":2,"label":"Phone","page_number":1},{"type":"email","position":3,"label":"Email","required":"yes","email_confirm":"yes","Conditions":{},"page_number":1},{"Conditions":{},"type":"text","position":4,"label":"Company Name","required":"yes","page_number":1},{"Conditions":{},"type":"text","position":5,"label":"Budget Per Recipient","required":"yes","page_number":1},{"Conditions":{},"type":"text","position":6,"label":"How many recipients do you need to ship to?","page_number":1},{"Conditions":{},"type":"select","position":7,"label":"I would like to...","required":"yes","values":"Submit my order form\nAsk a question","elementCost":{},"page_number":1},{"Conditions":{"SelectedElemenet":"I would like to...","SelectedElemenetCount":9},"type":"file","position":8,"label":"Upload Order Form","imageMultiple":"no","enable_drag_and_drop":"no","page_number":1}]},"is_spam_form":false,"shop_uuid":"yfUqg2Y0a8hNfRoJXAlzCg","shop_timezone":"America\/Chicago","shop_id":93439,"shop_is_after_submit_enabled":true,"shop_shopify_plan":"Grow","shop_shopify_domain":"drinkwithco.myshopify.com","popup_settings":{},"form_is_active":true},"form_zjAb9httBgl9oKEprNEK-w":{"uuid":"zjAb9httBgl9oKEprNEK-w","form_name":"Wholesaler Intake","form_data":{"div_back_gradient_1":"#fff","div_back_gradient_2":"#fff","back_color":"#fff","form_title":"","form_submit":"Submit","after_submit":"hideAndmessage","after_submit_msg":"","captcha_enable":"no","label_style":"inlineLabels","input_border_radius":"2","back_type":"transparent","input_back_color":"#fff","input_back_color_hover":"#fff","back_shadow":"none","label_font_clr":"#333333","input_font_clr":"#333333","button_align":"fullBtn","button_clr":"#fff","button_back_clr":"#333333","button_border_radius":"2","form_width":"600px","form_border_size":"2","form_border_clr":"transparent","form_border_radius":"1","label_font_size":"14","input_font_size":"12","button_font_size":"16","form_padding":"35","input_border_color":"#ccc","input_border_color_hover":"#ccc","btn_border_clr":"#333333","btn_border_size":"1","form_name":"Wholesaler Intake","form_access_message":"\u
631003cp\u003ePlease login to access the form\u003cbr\u003eDo not have an account? Create account\u003c\/p\u003e","formElements":[{"type":"text","position":0,"label":"First Name","customClass":"","halfwidth":"yes","Conditions":{},"required":"yes","page_number":1},{"type":"text","position":1,"label":"Last Name","halfwidth":"yes","Conditions":{},"required":"yes","page_number":1},{"type":"email","position":2,"label":"Email","required":"yes","email_confirm":"yes","Conditions":{},"page_number":1},{"Conditions":{},"type":"multipleCheckbox","position":3,"label":"What type of business do you have?","values":"Liquor Store \/ Bottle Shop \nGift Shop \nBar or Restaurant\nOther","elementCost":{},"page_number":1},{"Conditions":{},"type":"text","position":4,"label":"Name of your Shop or Restaurant","page_number":1},{"type":"textarea","position":5,"label":"Message","required":"yes","Conditions":{},"page_number":1}]},"is_spam_form":false,"shop_uuid":"yfUqg2Y0a8hNfRoJXAlzCg","shop_timezone":"America\/Chicago","shop_id":93439,"shop_is_after_submit_enabled":true,"shop_shopify_plan":"Grow","shop_shopify_domain":"drinkwithco.myshopify.com","popup_settings":{},"form_is_active":true}},
632    shop_data: {"shop_yfUqg2Y0a8hNfRoJXAlzCg":{"shop_uuid":"yfUqg2Y0a8hNfRoJXAlzCg","shop_timezone":"America\/Chicago","shop_id":93439,"shop_is_after_submit_enabled":true,"shop_shopify_plan":"Grow","shop_shopify_domain":"drinkwithco.myshopify.com","shop_created_at":"2023-10-18T16:08:13.490-05:00","is_skip_metafield":false,"shop_deleted":false,"shop_disabled":false}},
633    settings_data: {"shop_settings":{"shop_customise_msgs":[],"default_customise_msgs":{"is_required":"is required","thank_you":"Thank you! The form was submitted successfully.","processing":"Processing...","valid_data":"Please provide valid data","valid_email":"Provide valid email format","valid_tags":"HTML Tags are not allowed","valid_phone":"Provide valid phone number","valid_captcha":"Please provide a valid CAPTCHA response.","valid_url":"Provide valid URL","only_number_alloud":"Provide valid number in","number_less":"must be less than","number_more":"must be more than","image_must_less":"Image must be less than 20MB","image_number":"Images allowed","image_extension":"Invalid extension! Please provide image file","error_image_upload":"Error in image upload. Please try again.","error_file_upload":"Error in file upload. Please try again.","your_response":"Your response","error_form_submit":"Error occur.Please try again after sometime.","email_submitted":"Form with this email is already submitted","invalid_email_by_zerobounce":"The email address you entered appears to be invalid. Please check it and try again.","download_file":"Download file","card_details_invalid":"Your card details are invalid","card_details":"Card details","please_enter_card_details":"Please enter card details","card_number":"Card number","exp_mm":"Exp MM","exp_yy":"Exp YY","crd_cvc":"CVV","payment_value":"Payment amount","please_enter_payment_amount":"Please enter a payment amount.","address1":"Address line 1","address2":"Address line 2","city":"City","province":"Province","zipcode":"Zip code","country":"Country","blocked_domain":"This form does not accept addresses from","file_must_less":"File must be less than 20MB","file_extension":"Invalid extension! Please provide file","only_file_number_alloud":"files allowed","previous":"Previous","next":"Next","must_have_a_input":"Please enter at least one field.","please_enter_required_data":"Please enter required data","atleast_one_special_char":"Include at least one special character","atleast_one_lowercase_char":"Include at least one lowercase character","atleast_one_uppercase_char":"Include at least one uppercase character","atleast_one_number":"Include at least one number","must_have_8_chars":"Must have 8 characters long","be_between_8_and_12_chars":"Be between 8 and 12 characters long","please_select":"Please Select","phone_submitted":"Form with this phone number is already submitted","user_res_parse_error":"Error while submitting the form","valid_same_values":"values must be the same","product_choice_clear_selection":"Clear Selection","picture_choice_clear_selection":"Clear Selection","remove_all_for_file_image_upload":"Remove All","invali
633d_file_type_for_image_upload":"You can't upload files of this type.","invalid_file_type_for_signature_upload":"You can't upload files of this type.","max_files_exceeded_for_file_upload":"You can not upload any more files.","max_files_exceeded_for_image_upload":"You can not upload any more files.","file_already_exist":"File already uploaded","max_limit_exceed":"You have added the maximum number of text fields.","cancel_upload_for_file_upload":"Cancel upload","cancel_upload_for_image_upload":"Cancel upload","cancel_upload_for_signature_upload":"Cancel upload"}}},
634    features_data: {"shop_plan_features":{"shop_plan_features":["unlimited-forms","full-design-customization","export-form-submissions","multiple-recipients-for-form-submissions","multiple-admin-notifications","enable-captcha","unlimited-file-uploads","save-submitted-form-data","set-auto-response-message","conditional-logic","form-banner","save-as-draft-facility","include-user-response-in-admin-email","disable-form-submission","mail-platform-integration","stripe-payment-integration","pre-built-templates","create-customer-account-on-shopify","google-analytics-3-by-tracking-id","facebook-pixel-id","bing-uet-pixel-id","advanced-js","advanced-css","api-available","customize-form-message","hidden-field","restrict-from-submissions-per-one-user","utm-tracking","ratings","privacy-notices","heading","paragraph","shopify-flow-trigger","domain-setup","block-domain","address","html-code","form-schedule","after-submit-script","customize-form-scrolling","on-form-submission-record-the-referrer-url","password","duplicate-the-forms","include-user-response-in-auto-responder-email","elements-add-ons","admin-and-auto-responder-email-with-tokens","email-export","premium-support","google-analytics-4-by-measurement-id","google-ads-for-tracking-conversion","validation-field","load_form_as_popup","advanced_conditional_logic","forms-limit","submissions-visibility-limit","file-upload"]}},
635    shop: null,
636    shop_id: null,
637    plan_features: null,
638    validateDoubleQuotes: false,
639    assets: {
640      searchableDropdown: "https://cdn.shopify.com/extensions/01a10bc5-4b8d-7ca7-8a4c-2623bcb670ca/form-builder-by-hulkapps-75/assets/searchable-dropdown.js",
641      extraFunctions: "https://cdn.shopify.com/extensions/01a10bc5-4b8d-7ca7-8a4c-2623bcb670ca/form-builder-by-hulkapps-75/assets/extra-functions.js",
642      extraStyles: "https://cdn.shopify.com/extensions/01a10bc5-4b8d-7ca7-8a4c-2623bcb670ca/form-builder-by-hulkapps-75/assets/extra-styles.css",
643      bootstrapStyles: "https://cdn.shopify.com/extensions/01a10bc5-4b8d-7ca7-8a4c-2623bcb670ca/form-builder-by-hulkapps-75/assets/theme-app-extension-bootstrap.css",
644    },
645    translations: {
646      htmlTagNotAllowed: "HTML Tags are not allowed",
647      sqlQueryNotAllowed: "SQL Queries are not allowed",
648      doubleQuoteNotAllowed: "Double quotes are not allowed",
649      
650      maxTextFieldsReached: "You have added the maximum number of text fields.",
651      
652
653      
654      zerobounceApiErrorMsg: "We couldn\u0026#39;t verify your email due to a technical issue. Please try again later.",
655    }
656
657  }
658
659  
660
661  window.FbThemeAppExtSettingsHash = {}
662  
663</script>
663<!-- END app snippet --><!-- END app block -->
663<script src="https://cdn.shopify.com/extensions/01a0c6ef-041f-7b02-8ffe-578eeba3d440/v1.1.6/assets/popup.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 663
663
664<script src="https://cdn.shopify.com/extensions/01a10e47-b6d8-707c-9dab-3e7de4049aa0/aftersell-1124/assets/aftersell-utm-triggers.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 664
664
665<script src="https://cdn.shopify.com/extensions/01a10bc5-4b8d-7ca7-8a4c-2623bcb670ca/form-builder-by-hulkapps-75/assets/form-builder-script.js" type="text/javascript" defer="defer"></script>
665
666<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
667<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: 18025145,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 667
667
668<script>
669  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
670</script>
vendor: 1 bytes, line 670
670
671<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}
671).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: 18025145,storefrontBaseUrl: "https://www.withcococktails.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.withcococktails.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"1703182590","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"9bce1c0cdfc09538057898e4ff134fa2","type":"APP","apiClientId":30400643073,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
671,"dataSharingState":"unrestricted"},{"id":"1697349886","configuration":"{\"accountID\":\"JNwk6s\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"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":"1544257790","configuration":"{\"ti\":\"148007846\",\"endpoint\":\"https:\/\/bat.bing.com\/action\/0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5ee93563fe31b11d2d65e2f09a5229dc","type":"APP","apiClientId":2997493,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"983073022","configuration":"{\"masterTagID\":\"19038\",\"merchantID\":\"114711\",\"appPath\":\"https:\/\/daedalus.shareasale.com\",\"storeID\":\"NaN\",\"xTypeMode\":\"NaN\",\"xTypeValue\":\"NaN\",\"channelDedup\":\"NaN\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"f300cca684872f2df140f714437af558","type":"APP","apiClientId":4929191,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"980451582","configuration":"{\"shopId\":\"drinkwithco.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7093dff47f098f6de2afb75b62011ebe","type":"APP","apiClientId":2753413,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"421069054","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-RZBPW2ES23\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-RZBPW2ES23\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-RZBPW2ES23\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-RZBPW2ES23\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-RZBPW2ES23\\\"},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-RZBPW2ES23\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-RZBPW2ES23\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-RZBPW2ES23\\\"},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-RZBPW2ES23\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-RZBPW2ES23\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-RZBPW2ES23\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-RZBPW2ES23\\\"}],\\\"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":"405471486","configuration":"{\"pixelCode\":\"CPD14KBC77UAD0EAGI80\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"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":[]},"dataSharingState":"optimized"},{"id":"259719422","configuration":"{\"pixel_id\":\"133379087273989\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"54984958","configuration":"{\"tagID\":\"2614044914462\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":[]},"dataSharingState":"optimized"}
671,{"id":"10420478","configuration":"{\"myshopifyDomain\":\"drinkwithco.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"30474494","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"datalayer-ahmed"},{"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":"WithCo Cocktails","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"drinkwithco.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.withcococktails.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"10644671306","handle":"ellis-old-fashioned","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44410928562430","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4581580865613","handle":"agave-margarita","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44408563040510","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10644669514","handle":"gingermule","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44410992918782","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10642097866","handle":"bouquet","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44410593214718","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8045707985150","handle":"paloma","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44411047674110","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://www.withcococktails.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"145545789694","themePublished":"true","eventMetadataId":"142e7a13-0978-42d2-8a8b-f1c6f7bf3ae5","pageType":"home","shopId":"18025145","storefrontBaseUrl":"https:\/\/www.withcococktails.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>
671<script>
672  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
673  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
674  window.ShopifyAnalytics.meta.currency = 'USD';
675  var meta = {"page":{"pageType":"home","requestId":"9b3b5c13-fa93-4911-8f5f-b20691528f13-1791245675"}};
676  for (var attr in meta) {
677    window.ShopifyAnalytics.meta[attr] = meta[attr];
678  }
679</script>
vendor: 1 bytes, line 679
679
680<script class="analytics">
681  (function () {
682    var customDocumentWrite = function(content) {
683      var jquery = null;
684
685      if (window.jQuery) {
686        jquery = window.jQuery;
687      } else if (window.Checkout && window.Checkout.$) {
688        jquery = window.Checkout.$;
689      }
690
691      if (jquery) {
692        jquery('body').append(content);
693      }
694    };
695
696    var hasLoggedConversion = function(token) {
697      if (token) {
698        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
699      }
700      return false;
701    }
702
703    var setCookieIfConversion = function(token) {
704      if (token) {
705        var twoMonthsFromNow = new Date(Date.now());
706        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
707
708        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
709      }
710    }
711
712    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
713    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
714    if (trekkie.integrations) {
715      return;
716    }
717    trekkie.methods = [
718      'identify',
719      'page',
720      'ready',
721      'track',
722      'trackForm',
723      'trackLink'
724    ];
725    trekkie.factory = function(method) {
726      return function() {
727        var args = Array.prototype.slice.call(arguments);
728        args.unshift(method);
729        trekkie.push(args);
730        if (method == 'track' || method == 'page') {
731          var pageUrl;
732          try {
733            pageUrl = window.location.href;
734          } catch (e) {}
735          var pageReferrer;
736          try {
737            pageReferrer = document.referrer;
738          } catch (e) {}
739          try {
740            if (window.__TREKKIE_SHIM_QUEUE == null) {
741              window.__TREKKIE_SHIM_QUEUE = [];
742            }
743            window.__TREKKIE_SHIM_QUEUE.push({
744              from: 'trekkie-stub',
745              method: method,
746              args: args.slice(1),
747              pageContext: {
748                url: pageUrl,
749                referrer: pageReferrer
750              }
751            });
752          } catch (e) {
753            // no-op
754          }
755        }
756        return trekkie;
757      };
758    };
759    for (var i = 0; i < trekkie.methods.length; i++) {
760      var key = trekkie.methods[i];
761      trekkie[key] = trekkie.factory(key);
762    }
763    trekkie.load = function(config) {
764      trekkie.config = config || {};
765      trekkie.config.initialDocumentCookie = document.cookie;
766      var first = document.getElementsByTagName('script')[0];
767var script = document.createElement('script');
768script.type = 'text/javascript';
769script.onerror = function(e) {
770  var scriptFallback = document.createElement('script');
771  scriptFallback.type = 'text/javascript';
772  scriptFallback.onerror = function(error) {
773          var Monorail = {
774      produce: function produce(monorailDomain, schemaId, payload) {
775        var currentMs = new Date().getTime();
776        var event = {
777          schema_id: schemaId,
778          payload: payload,
779          metadata: {
780            event_created_at_ms: currentMs,
781            event_sent_at_ms: currentMs
782          }
783        };
784        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
785      },
786      sendRequest: function sendRequest(endpointUrl, payload) {
787        // Try the sendBeacon API
788        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
789          var blobData = new window.Blob([payload], {
790            type: 'text/plain'
791          });
792
793          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
794            return true;
795          } // sendBeacon was not successful
796
797        } // XHR beacon
798
799        var xhr = new XMLHttpRequest();
800
801        try {
802          xhr.open('POST', endpointUrl);
803          xhr.setRequestHeader('Content-Type', 'text/plain');
804          xhr.send(payload);
805        } catch (e) {
806          console.log(e);
807        }
808
809        return false;
810      },
811      isIos12: function isIos12() {
812        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
813      }
814    };
815    Monorail.produce('monorail-edge.shopifysvc.com',
816      'trekkie_storefront_load_errors/1.1',
817      {shop_id: 18025145,
818      theme_id: 145545789694,
819      app_name: "storefront",
820      context_url: window.location.href,
821      source_url: "//www.withcococktails.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
822
823  };
824  scriptFallback.async = true;
825  scriptFallback.src = '//www.withcococktails.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
826  first.parentNode.insertBefore(scriptFallback, first);
827};
828script.async = true;
829script.src = '//www.withcococktails.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
830first.parentNode.insertBefore(script, first);
831
832    };
833    trekkie.load(
834      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":18025145,"isMerchantRequest":null,"themeId":145545789694,"themeCityHash":"12015789787732846661","contentLanguage":"en","currency":"USD","eventMetadataId":"142e7a13-0978-42d2-8a8b-f1c6f7bf3ae5"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
835    );
836
837    var loaded = false;
838    trekkie.ready(function() {
839      if (loaded) return;
840      loaded = true;
841
842      window.ShopifyAnalytics.lib = window.trekkie;
843
844      var originalDocumentWrite = document.write;
845      document.write = customDocumentWrite;
846      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
847      document.write = originalDocumentWrite;
848
849      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
850      var token = match? match[1]: undefined;
851      if (!hasLoggedConversion(token)) {
852        setCookieIfConversion(token);
853        
854      }
855    });
856
857    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"9b3b5c13-fa93-4911-8f5f-b20691528f13-1791245675","shopifyEmitted":true});
858
859    var eventsListenerScript = document.createElement('script');
860    eventsListenerScript.async = true;
861    eventsListenerScript.src = "//www.withcococktails.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
862    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
863})();</script>
863
864  
864<script>
865  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
866    window.ga = function ga() {
867      (window.ga.q = window.ga.q || []).push(arguments);
868      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
869        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
870      }
871      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.");
872    };
873    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
874      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
875    }
876  }
877</script>
vendor: 1 bytes, line 877
877
878<script
879  defer
880  src="https://www.withcococktails.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
881  data-application="storefront-renderer"
882  data-shop-id="18025145"
883  data-render-region="gcp-us-central1"
884  data-page-type="index"
885  data-theme-instance-id="145545789694"
886  data-theme-name="Manifest"
887  data-theme-version="1.0"
888  data-monorail-region="shop_domain"
889  data-resource-timing-sampling-rate="10"
890  data-shs="true"
891  data-shs-beacon="true"
892  data-shs-export-with-fetch="true"
893  data-shs-logs-sample-rate="1"
894  data-shs-beacon-endpoint="https://www.withcococktails.com/api/collect"
895></script>
895
896<meta name="shopify-y" content="f8f688ad-7d59-47b8-b671-bb1a724c2a4d" data-expiration="1822803275000"><meta name="shopify-s" content="65247208-f56e-4f73-8135-3aaee660e065" data-expiration="1791247475000"><meta name="new-cookie-storage-activated" content="t">
897</head>
898
899  <body class="gradient template-index  title-withco-cocktails-fresh-ingredient-drink-mixers  ">
900    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
901      Skip to content
902    </a>
903
904<script src="//www.withcococktails.com/cdn/shop/t/41/assets/cart.js?v=83971781268232213281734810400" defer="defer"></script>
904
905
906<style>
907  .drawer {
908    visibility: hidden;
909  }
910</style>
911
912<cart-drawer class="drawer is-empty">
913  <div id="CartDrawer" class="cart-drawer">
914    <div id="CartDrawer-Overlay"class="cart-drawer__overlay"></div>
915    <div class="drawer__inner" role="dialog" aria-modal="true" aria-label="Your cart" tabindex="-1"><div class="drawer__inner-empty">
916          <div class="cart-drawer__warnings center">
917            <div class="cart-drawer__empty-content">
918              <h2 class="cart__empty-text">Your cart is empty</h2>
919              <button class="drawer__close" type="button" onclick="this.closest('cart-drawer').close()" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17">
920  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
921</svg>
922</button>
923              <a href="https://www.withcococktails.com/pages/shop-all" class="button">
924                Continue shopping
925              </a><p class="cart__login-title h3">Have an account?</p>
926                <p class="cart__login-paragraph">
927                  <a href="/account/login" class="link underlined-link">Log in</a> to check out faster.
928                </p></div>
929          </div></div><div class="drawer__header">
930        <h2 class="drawer__heading">Your cart</h2>
931        <button class="drawer__close" type="button" onclick="this.closest('cart-drawer').close()" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17">
932  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
933</svg>
934</button>
935      </div>
936      <cart-drawer-items class=" is-empty">
937        <form action="/cart" id="CartDrawer-Form" class="cart__contents cart-drawer__form" method="post">
938          <div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
939            <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">Loading...</p>
940          </div>
941          <div id="CartDrawer-CartErrors" role="alert"></div>
942        </form>
943      </cart-drawer-items>
944      <div class="drawer__footer"><details id="Details-CartDrawer">
945            <summary>
946              <span class="summary__title">
947                Order special instructions
948                <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
949  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
950</svg>
951
952              </span>
953            </summary>
954            <cart-note class="cart__note field">
955              <label class="visually-hidden" for="CartDrawer-Note">Order special instructions</label>
956              <textarea id="CartDrawer-Note" class="text-area text-area--resize-vertical field__input" name="note" placeholder="Order special instructions"></textarea>
957            </cart-note>
958          </details><!-- Start blocks-->
959        <!-- Subtotals-->
960
961        <div class="cart-drawer__footer" >
962          <div class="totals" role="status">
963            <h2 class="totals__subtotal">Subtotal</h2>
964            <p class="totals__subtotal-value"><span data-wpd-cart-total>$0.00 USD</span></p>
965          </div>
966
967          <div></div>
968
969          <small class="tax-note caption-large rte">Taxes and <a href="/policies/shipping-policy">shipping</a> calculated at checkout
970</small>
971        </div>
972
973        <!-- CTAs -->
974
975        <div class="cart__ctas" >
976          <noscript>
977            <button type="submit" class="cart__update-button button button--secondary" form="CartDrawer-Form">
978              Update
979            </button>
980          </noscript>
981
982          <button type="submit" id="CartDrawer-Checkout" class="cart__checkout-button button" name="checkout" form="CartDrawer-Form" disabled>
983            Check out
984          </button>
985        </div>
986      </div>
987    </div>
988  </div>
989</cart-drawer>
990
991<script>
992  document.addEventListener('DOMContentLoaded', function() {
993    function isIE() {
994      const ua = window.navigator.userAgent;
995      const msie = ua.indexOf('MSIE ');
996      const trident = ua.indexOf('Trident/');
997
998      return (msie > 0 || trident > 0);
999    }
1000
1001    if (!isIE()) return;
1002    const cartSubmitInput = document.createElement('input');
1003    cartSubmitInput.setAttribute('name', 'checkout');
1004    cartSubmitInput.setAttribute('type', 'hidden');
1005    document.querySelector('#cart').appendChild(cartSubmitInput);
1006    document.querySelector('#checkout').addEventListener('click', function(event) {
1007      document.querySelector('#cart').submit();
1008    });
1009  });
1010</script>
1010
1011
1012<div id="shopify-section-announcement-bar" class="shopify-section"><div class="announcement-bar color-inverse gradient" role="region" aria-label="Announcement" >
1013        <a href="/pages/holiday" class="announcement-bar__link link link--text focus-inset animate-arrow"><div class="page-width">
1014                  <p class="announcement-bar__message center h5">
1015                    Free Shipping Orders $89+
1016<svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
1017  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1018</svg>
1019
1020</p>
1021                </div></a></div>
1022</div>
1023    <div id="shopify-section-header" class="shopify-section section-header"><link rel="stylesheet" href="//www.withcococktails.com/cdn/shop/t/41/assets/component-list-menu.css?v=151968516119678728991734731053" media="print" onload="this.media='all'">
1024<link rel="stylesheet" href="//www.withcococktails.com/cdn/shop/t/41/assets/component-search.css?v=96455689198851321781734731053" media="print" onload="this.media='all'">
1025<link rel="stylesheet" href="//www.withcococktails.com/cdn/shop/t/41/assets/component-menu-drawer.css?v=182311192829367774911734731053" media="print" onload="this.media='all'">
1026<link rel="stylesheet" href="//www.withcococktails.com/cdn/shop/t/41/assets/component-cart-notification.css?v=183358051719344305851734731053" media="print" onload="this.media='all'">
1027<link rel="stylesheet" href="//www.withcococktails.com/cdn/shop/t/41/assets/component-cart-items.css?v=23917223812499722491734731053" media="print" onload="this.media='all'"><link rel="stylesheet" href="//www.withcococktails.com/cdn/shop/t/41/assets/component-price.css?v=65402837579211014041734731053" media="print" onload="this.media='all'">
1028  <link rel="stylesheet" href="//www.withcococktails.com/cdn/shop/t/41/assets/component-loading-overlay.css?v=167310470843593579841734731053" media="print" onload="this.media='all'"><link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-cart-drawer.css?v=35930391193938886121734731053" rel="stylesheet" type="text/css" media="all" />
1029  <link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-cart.css?v=178286523821616794861734731053" rel="stylesheet" type="text/css" media="all" />
1030  <link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-totals.css?v=86168756436424464851734731053" rel="stylesheet" type="text/css" media="all" />
1031  <link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-price.css?v=65402837579211014041734731053" rel="stylesheet" type="text/css" media="all" />
1032  <link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-discounts.css?v=152760482443307489271734731053" rel="stylesheet" type="text/css" media="all" />
1033  <link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-loading-overlay.css?v=167310470843593579841734731053" rel="stylesheet" type="text/css" media="all" />
1034<noscript><link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-list-menu.css?v=151968516119678728991734731053" rel="stylesheet" type="text/css" media="all" /></noscript>
1035<noscript><link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-search.css?v=96455689198851321781734731053" rel="stylesheet" type="text/css" media="all" /></noscript>
1036<noscript><link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-menu-drawer.css?v=182311192829367774911734731053" rel="stylesheet" type="text/css" media="all" /></noscript>
1037<noscript><link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-cart-notification.css?v=183358051719344305851734731053" rel="stylesheet" type="text/css" media="all" /></noscript>
1038<noscript><link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-cart-items.css?v=23917223812499722491734731053" rel="stylesheet" type="text/css" media="all" /></noscript>
1039
1040<style>
1041  header-drawer {
1042    justify-self: start;
1043    margin-left: -1.2rem;
1044  }
1045
1046  .header__heading-logo {
1047    max-width: 80px;
1048  }
1049
1050  @media screen and (min-width: 990px) {
1051    header-drawer {
1052      display: none;
1053    }
1054  }
1055
1056  .menu-drawer-container {
1057    display: flex;
1058  }
1059
1060  .list-menu {
1061    list-style: none;
1062    padding: 0;
1063    margin: 0;
1064  }
1065
1066  .list-menu--inline {
1067    display: inline-flex;
1068    flex-wrap: wrap;
1069  }
1070
1071  summary.list-menu__item {
1072    padding-right: 2.7rem;
1073  }
1074
1075  .list-menu__item {
1076    display: flex;
1077    align-items: center;
1078    line-height: calc(1 + 0.3 / var(--font-body-scale));
1079  }
1080
1081  .list-menu__item--link {
1082    text-decoration: none;
1083    padding-bottom: 1rem;
1084    padding-top: 1rem;
1085    line-height: calc(1 + 0.8 / var(--font-body-scale));
1086  }
1087
1088  @media screen and (min-width: 750px) {
1089    .list-menu__item--link {
1090      padding-bottom: 0.5rem;
1091      padding-top: 0.5rem;
1092    }
1093  }
1094</style><style data-shopify>.header {
1095    padding-top: 4px;
1096    padding-bottom: 4px;
1097  }
1098
1099  .section-header {
1100    margin-bottom: 0px;
1101  }
1102
1103  @media screen and (min-width: 750px) {
1104    .section-header {
1105      margin-bottom: 0px;
1106    }
1107  }
1108
1109  @media screen and (min-width: 990px) {
1110    .header {
1111      padding-top: 8px;
1112      padding-bottom: 8px;
1113    }
1114  }</style>
1114<script src="//www.withcococktails.com/cdn/shop/t/41/assets/details-disclosure.js?v=153497636716254413831734731053" defer="defer"></script>
vendor: 1 bytes, line 1114
1114
1115<script src="//www.withcococktails.com/cdn/shop/t/41/assets/details-modal.js?v=4511761896672669691734731053" defer="defer"></script>
vendor: 1 bytes, line 1115
1115
1116<script src="//www.withcococktails.com/cdn/shop/t/41/assets/cart-notification.js?v=160453272920806432391734731053" defer="defer"></script>
1116<script src="//www.withcococktails.com/cdn/shop/t/41/assets/cart-drawer.js?v=71470829943516842601734804694" defer="defer"></script>
1116<svg xmlns="http://www.w3.org/2000/svg" class="hidden">
1117  <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
1118    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/>
1119  </symbol>
1120
1121  <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
1122    <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
1123  </symbol>
1124</svg>
1125<sticky-header class="header-wrapper color-background-1 gradient">
1126  <header class="header header--middle-center header--mobile-center page-width header--has-menu"><header-drawer data-breakpoint="tablet">
1127        <details id="Details-menu-drawer-container" class="menu-drawer-container">
1128          <summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="Menu">
1129            <span>
1130              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16">
1131  <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
1132</svg>
1133
1134              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17">
1135  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
1136</svg>
1137
1138            </span>
1139          </summary>
1140          <div id="menu-drawer" class="gradient menu-drawer motion-reduce" tabindex="-1">
1141            <div class="menu-drawer__inner-container">
1142              <div class="menu-drawer__navigation-container">
1143                <nav class="menu-drawer__navigation">
1144                  <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><details id="Details-menu-drawer-menu-item-1">
1145                            <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
1146                              Shop
1147                              <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
1148  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1149</svg>
1150
1151                              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1152  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1153</svg>
1154
1155                            </summary>
1156                            <div id="link-shop" class="menu-drawer__submenu has-submenu gradient motion-reduce" tabindex="-1">
1157                              <div class="menu-drawer__inner-submenu">
1158                                <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
1159                                  <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
1160  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1161</svg>
1162
1163                                  Shop
1164                                </button>
1165                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a href="https://www.withcococktails.com/products/cocktail-club" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1166                                          Cocktail Subscription
1167                                        </a></li><li><a href="/pages/shop-all" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1168                                          Shop All
1169                                        </a></li><li><a href="https://www.withcococktails.com/pages/shop-all" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1170                                          Cocktails
1171                                        </a></li><li><a href="https://www.withcococktails.com/pages/mocktails" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1172                                          Mocktails
1173                                        </a></li></ul>
1174                              </div>
1175                            </div>
1176                          </details></li><li>
1176<details id="Details-menu-drawer-menu-item-2">
1177                            <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
1178                              About
1179                              <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
1180  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1181</svg>
1182
1183                              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1184  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1185</svg>
1186
1187                            </summary>
1188                            <div id="link-about" class="menu-drawer__submenu has-submenu gradient motion-reduce" tabindex="-1">
1189                              <div class="menu-drawer__inner-submenu">
1190                                <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
1191                                  <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
1192  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1193</svg>
1194
1195                                  About
1196                                </button>
1197                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a href="/pages/about-us" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1198                                          About Us
1199                                        </a></li><li><a href="/blogs/recipes" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1200                                          Recipes
1201                                        </a></li><li><a href="/pages/botanical-glossary" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1202                                          Botanicals
1203                                        </a></li><li><a href="/pages/dierks-bentley" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1204                                          Dierks Bentley
1205                                        </a></li></ul>
1206                              </div>
1207                            </div>
1208                          </details></li><li><details id="Details-menu-drawer-menu-item-3">
1209                            <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
1210                              Bars &amp; Restaurants  
1211                              <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
1212  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1213</svg>
1214
1215                              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1216  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1217</svg>
1218
1219                            </summary>
1220                            <div id="link-bars-restaurants" class="menu-drawer__submenu has-submenu gradient motion-reduce" tabindex="-1">
1221                              <div class="menu-drawer__inner-submenu">
1222                                <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
1223                                  <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
1224  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1225</svg>
1226
1227                                  Bars &amp; Restaurants  
1228                                </button>
1229                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a href="/pages/bar-program-wholesale" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1230                                          Bar Program
1231                                        </a></li><li><a href="/pages/wholesale-recipes" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1232                                          Bar Recipes
1233                                        </a></li><li><a href="/pages/wholesale-trainings" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1234                                          Training
1235                                        </a></li><li><a href="/pages/wholesale-faqs" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1236                                          Wholesale FAQs
1237                                        </a></li><li><a href="https://www.withcococktails.com/account/login" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1238                                          Wholesale Account Login
1239                                        </a></li><li><a href="https://www.withcococktails.com/apps/wpdapp" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1240                                          Apply for Wholesale Account
1241                                        </a></li></ul>
1242                              </div>
1243                            </div>
1244                          </details></li><li>
1244<details id="Details-menu-drawer-menu-item-4">
1245                            <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
1246                              Extras
1247                              <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
1248  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1249</svg>
1250
1251                              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1252  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1253</svg>
1254
1255                            </summary>
1256                            <div id="link-extras" class="menu-drawer__submenu has-submenu gradient motion-reduce" tabindex="-1">
1257                              <div class="menu-drawer__inner-submenu">
1258                                <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
1259                                  <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
1260  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1261</svg>
1262
1263                                  Extras
1264                                </button>
1265                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a href="/pages/become-a-retailer" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1266                                          Become A Retailer
1267                                        </a></li><li><a href="https://www.withcococktails.com/pages/store-locator" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1268                                          Find a Retailer
1269                                        </a></li></ul>
1270                              </div>
1271                            </div>
1272                          </details></li></ul>
1273                </nav><div class="menu-drawer__utility-links"><a href="/account/login" class="menu-drawer__account link focus-inset h5">
1274                      <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-account" fill="none" viewBox="0 0 18 19">
1275  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
1276</svg>
1277
1278Log in</a><ul class="list list-social list-unstyled" role="list"><li class="list-social__item">
1279                        <a href="https://www.instagram.com/withcoococktails.com" class="list-social__link link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 18 18">
1280  <path fill="currentColor" d="M8.77 1.58c2.34 0 2.62.01 3.54.05.86.04 1.32.18 1.63.3.41.17.7.35 1.01.66.3.3.5.6.65 1 .12.32.27.78.3 1.64.05.92.06 1.2.06 3.54s-.01 2.62-.05 3.54a4.79 4.79 0 01-.3 1.63c-.17.41-.35.7-.66 1.01-.3.3-.6.5-1.01.66-.31.12-.77.26-1.63.3-.92.04-1.2.05-3.54.05s-2.62 0-3.55-.05a4.79 4.79 0 01-1.62-.3c-.42-.16-.7-.35-1.01-.66-.31-.3-.5-.6-.66-1a4.87 4.87 0 01-.3-1.64c-.04-.92-.05-1.2-.05-3.54s0-2.62.05-3.54c.04-.86.18-1.32.3-1.63.16-.41.35-.7.66-1.01.3-.3.6-.5 1-.65.32-.12.78-.27 1.63-.3.93-.05 1.2-.06 3.55-.06zm0-1.58C6.39 0 6.09.01 5.15.05c-.93.04-1.57.2-2.13.4-.57.23-1.06.54-1.55 1.02C1 1.96.7 2.45.46 3.02c-.22.56-.37 1.2-.4 2.13C0 6.1 0 6.4 0 8.77s.01 2.68.05 3.61c.04.94.2 1.57.4 2.13.23.58.54 1.07 1.02 1.56.49.48.98.78 1.55 1.01.56.22 1.2.37 2.13.4.94.05 1.24.06 3.62.06 2.39 0 2.68-.01 3.62-.05.93-.04 1.57-.2 2.13-.41a4.27 4.27 0 001.55-1.01c.49-.49.79-.98 1.01-1.56.22-.55.37-1.19.41-2.13.04-.93.05-1.23.05-3.61 0-2.39 0-2.68-.05-3.62a6.47 6.47 0 00-.4-2.13 4.27 4.27 0 00-1.02-1.55A4.35 4.35 0 0014.52.46a6.43 6.43 0 00-2.13-.41A69 69 0 008.77 0z"/>
1281  <path fill="currentColor" d="M8.8 4a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 7.43a2.92 2.92 0 110-5.85 2.92 2.92 0 010 5.85zM13.43 5a1.05 1.05 0 100-2.1 1.05 1.05 0 000 2.1z">
1282</svg>
1283<span class="visually-hidden">Instagram</span>
1284                        </a>
1285                      </li><li class="list-social__item">
1286                        <a href="https://www.tiktok.com/@drinkwithco" class="list-social__link link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-tiktok" width="16" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
1287  <path d="M8.02 0H11s-.17 3.82 4.13 4.1v2.95s-2.3.14-4.13-1.26l.03 6.1a5.52 5.52 0 11-5.51-5.52h.77V9.4a2.5 2.5 0 101.76 2.4L8.02 0z" fill="currentColor">
1288</svg>
1289<span class="visually-hidden">TikTok</span>
1290                        </a>
1291                      </li></ul>
1292                </div>
1293              </div>
1294            </div>
1295          </div>
1296        </details>
1297      </header-drawer><nav class="header__inline-menu">
1298            <ul class="list-menu list-menu--inline" role="list"><li><header-menu>
1299                      <details id="Details-HeaderMenu-1">
1300                        <summary class="header__menu-item list-menu__item link focus-inset">
1301                          <span>Shop</span>
1302                          <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1303  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1304</svg>
1305
1306                        </summary>
1307                        <ul id="HeaderMenu-MenuList-1" class="header__submenu list-menu list-menu--disclosure gradient caption-large motion-reduce global-settings-popup" role="list" tabindex="-1"><li><a href="https://www.withcococktails.com/products/cocktail-club" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1308                                  Cocktail Subscription
1309                                </a></li><li><a href="/pages/shop-all" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1310                                  Shop All
1311                                </a></li><li><a href="https://www.withcococktails.com/pages/shop-all" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1312                                  Cocktails
1313                                </a></li><li><a href="https://www.withcococktails.com/pages/mocktails" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1314                                  Mocktails
1315                                </a></li></ul>
1316                      </details>
1317                    </header-menu></li><li><header-menu>
1318                      <details id="Details-HeaderMenu-2">
1319                        <summary class="header__menu-item list-menu__item link focus-inset">
1320                          <span>About</span>
1321                          <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1322  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1323</svg>
1324
1325                        </summary>
1326                        <ul id="HeaderMenu-MenuList-2" class="header__submenu list-menu list-menu--disclosure gradient caption-large motion-reduce global-settings-popup" role="list" tabindex="-1"><li><a href="/pages/about-us" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1327                                  About Us
1328                                </a></li><li><a href="/blogs/recipes" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1329                                  Recipes
1330                                </a></li><li><a href="/pages/botanical-glossary" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1331                                  Botanicals
1332                                </a></li><li><a href="/pages/dierks-bentley" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1333                                  Dierks Bentley
1334                                </a></li></ul>
1335                      </details>
1336                    </header-menu></li><li><header-menu>
1337                      <details id="Details-HeaderMenu-3">
1338                        <summary class="header__menu-item list-menu__item link focus-inset">
1339                          <span>Bars &amp; Restaurants  </span>
1340                          <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1341  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1342</svg>
1343
1344                        </summary>
1345                        <ul id="HeaderMenu-MenuList-3" class="header__submenu list-menu list-menu--disclosure gradient caption-large motion-reduce global-settings-popup" role="list" tabindex="-1"><li><a href="/pages/bar-program-wholesale" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1346                                  Bar Program
1347                                </a></li><li><a href="/pages/wholesale-recipes" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1348                                  Bar Recipes
1349                                </a></li><li><a href="/pages/wholesale-trainings" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1350                                  Training
1351                                </a></li><li><a href="/pages/wholesale-faqs" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1352                                  Wholesale FAQs
1353                                </a></li><li><a href="https://www.withcococktails.com/account/login" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1354                                  Wholesale Account Login
1355                                </a></li><li><a href="https://www.withcococktails.com/apps/wpdapp" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1356                                  Apply for Wholesale Account
1357                                </a></li></ul>
1358                      </details>
1359                    </header-menu></li><li><header-menu>
1360                      <details id="Details-HeaderMenu-4">
1361                        <summary class="header__menu-item list-menu__item link focus-inset">
1362                          <span>Extras</span>
1363                          <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1364  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1365</svg>
1366
1367                        </summary>
1368                        <ul id="HeaderMenu-MenuList-4" class="header__submenu list-menu list-menu--disclosure gradient caption-large motion-reduce global-settings-popup" role="list" tabindex="-1"><li><a href="/pages/become-a-retailer" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1369                                  Become A Retailer
1370                                </a></li><li><a href="https://www.withcococktails.com/pages/store-locator" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1371                                  Find a Retailer
1372                                </a></li></ul>
1373                      </details>
1374                    </header-menu></li></ul>
1375          </nav><h1 class="header__heading"><a href="/" class="header__heading-link link link--text focus-inset"><img src="//www.withcococktails.com/cdn/shop/files/6_copy.png?v=1731610007" alt="WithCo Cocktails" srcset="//www.withcococktails.com/cdn/shop/files/6_copy.png?v=1731610007&amp;width=50 50w, //www.withcococktails.com/cdn/shop/files/6_copy.png?v=1731610007&amp;width=100 100w, //www.withcococktails.com/cdn/shop/files/6_copy.png?v=1731610007&amp;width=150 150w, //www.withcococktails.com/cdn/shop/files/6_copy.png?v=1731610007&amp;width=200 200w, //www.withcococktails.com/cdn/shop/files/6_copy.png?v=1731610007&amp;width=250 250w, //www.withcococktails.com/cdn/shop/files/6_copy.png?v=1731610007&amp;width=300 300w, //www.withcococktails.com/cdn/shop/files/6_copy.png?v=1731610007&amp;width=400 400w, //www.withcococktails.com/cdn/shop/files/6_copy.png?v=1731610007&amp;width=500 500w" width="80" height="25.365853658536587" class="header__heading-logo">
1376</a></h1><div class="header__icons">
1377      <details-modal class="header__search">
1378        <details>
1379          <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search">
1380            <span>
1381              <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false" role="presentation">
1382                <use href="#icon-search">
1383              </svg>
1384              <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false" role="presentation">
1385                <use href="#icon-close">
1386              </svg>
1387            </span>
1388          </summary>
1389          <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Search">
1390            <div class="modal-overlay"></div>
1391            <div class="search-modal__content search-modal__content-bottom" tabindex="-1"><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
1392                  <div class="field">
1393                    <input class="search__input field__input"
1394                      id="Search-In-Modal"
1395                      type="search"
1396                      name="q"
1397                      value=""
1398                      placeholder="Search"role="combobox"
1399                        aria-expanded="false"
1400                        aria-owns="predictive-search-results-list"
1401                        aria-controls="predictive-search-results-list"
1402                        aria-haspopup="listbox"
1403                        aria-autocomplete="list"
1404                        autocorrect="off"
1405                        autocomplete="off"
1406                        autocapitalize="off"
1407                        spellcheck="false">
1408                    <label class="field__label" for="Search-In-Modal">Search</label>
1409                    <input type="hidden" name="options[prefix]" value="last">
1410                    <button class="search__button field__button" aria-label="Search">
1411                      <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation">
1412                        <use href="#icon-search">
1413                      </svg>
1414                    </button>
1415                  </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
1416                      <div class="predictive-search__loading-state">
1417                        <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
1418                          <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
1419                        </svg>
1420                      </div>
1421                    </div>
1422
1423                    <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Close">
1424                <svg class="icon icon-close" aria-hidden="true" focusable="false" role="presentation">
1425                  <use href="#icon-close">
1426                </svg>
1427              </button>
1428            </div>
1429          </div>
1430        </details>
1431      </details-modal><a href="/account/login" class="header__icon header__icon--account link focus-inset">
1432          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-account" fill="none" viewBox="0 0 18 19">
1433  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
1434</svg>
1435
1436          <span class="visually-hidden">Log in</span>
1437        </a><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"><svg class="icon icon-cart-empty" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none">
1438  <path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.7
14385 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/>
1439</svg>
1440<span class="visually-hidden">Cart</span></a>
1441    </div>
1442  </header>
1443</sticky-header>
1444
1445<script type="application/ld+json">
1446  {
1447    "@context": "http://schema.org",
1448    "@type": "Organization",
1449    "name": "WithCo Cocktails",
1450    
1451      "logo": "https:\/\/www.withcococktails.com\/cdn\/shop\/files\/6_copy.png?v=1731610007\u0026width=902",
1452    
1453    "sameAs": [
1454      "",
1455      "",
1456      "",
1457      "https:\/\/www.instagram.com\/withcoococktails.com",
1458      "https:\/\/www.tiktok.com\/@drinkwithco",
1459      "",
1460      "",
1461      "",
1462      ""
1463    ],
1464    "url": "https:\/\/www.withcococktails.com"
1465  }
1466</script>
1466
1467  
1467<script type="application/ld+json">
1468    {
1469      "@context": "http://schema.org",
1470      "@type": "WebSite",
1471      "name": "WithCo Cocktails",
1472      "potentialAction": {
1473        "@type": "SearchAction",
1474        "target": "https:\/\/www.withcococktails.com\/search?q={search_term_string}",
1475        "query-input": "required name=search_term_string"
1476      },
1477      "url": "https:\/\/www.withcococktails.com"
1478    }
1479  </script>
1479
1480</div>
1481    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">      
1482      <div id="shopify-section-template--18490087768318__modular_section_GjURdB" class="shopify-section section"><link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-card.css?v=21725503455240551581734731053" rel="stylesheet" type="text/css" media="all" />
1483<link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-price.css?v=65402837579211014041734731053" rel="stylesheet" type="text/css" media="all" />
1484<style data-shopify>
1485#section-template--18490087768318__modular_section_GjURdB a:not(.button) {
1486                
1487                  color:unset !important;
1488                  text-decoration:none !important;
1489                 }
1490
1491
1492.ss-section {
1493display:flex;
1494
1495}
1496
1497.ss-content-wrapper {
1498width:100%;
1499position:relative;
1500}
1501  .ss-row {
1502    width: auto !important;
1503    display:flow-root;
1504   }
1505
1506
1507.ss-col-12 [class*=ss-col] {
1508    float: left;
1509    position:relative;
1510}
1511
1512.ss-section {
1513position:relative;
1514}
1515
1516.ss-col-12 {
1517    width: 100%
1518}
1519
1520.ss-col-12 .ss-col-12 {
1521    width: 100%
1522}
1523
1524.ss-col-12 .ss-col-11 {
1525    width: 91.6667%
1526}
1527
1528.ss-col-12 .ss-col-10 {
1529    width: 83.3333%
1530}
1531
1532.ss-col-12 .ss-col-9 {
1533    width: 75%
1534}
1535
1536.ss-col-12 .ss-col-8 {
1537    width: 66.6667%
1538}
1539
1540.ss-col-12 .ss-col-7 {
1541    width: 58.3333%
1542}
1543
1544.ss-col-12 .ss-col-6 {
1545    width: 50%
1546}
1547
1548.ss-col-12 .ss-col-5 {
1549    width: 41.6667%
1550}
1551
1552.ss-col-12 .ss-col-4 {
1553    width: 33.3333%
1554}
1555
1556.ss-col-12 .ss-col-3 {
1557    width: 25%
1558}
1559
1560.ss-col-12 .ss-col-2 {
1561    width: 16.6667%
1562}
1563
1564.ss-col-12 .ss-col-1 {
1565    width: 8.3333%
1566}
1567
1568.ss-block {
1569padding:8px;
1570}
1571
1572.section-background__image {
1573background-size:cover;
1574background-position:center;
1575}
1576
1577@media screen and (max-width: 749px) {
1578.ss-col-12 [class*=ss-col] {
1579    float: none !important;
1580    width: auto !important;
1581}
1582
1583.ss-section {
1584display:flex !important;
1585flex-direction:column;
1586}
1587
1588
1589
1590
1591#section-template--18490087768318__modular_section_GjURdB .section-background {
1592min-height:300px;
1593position:relative;
1594width:100%;
1595}
1596
1597
1598
1599
1600}
1601
1602
1603
1604.ss-html-block {
1605 position:relative;
1606}
1607
1608
1609
1610.section-background {
1611position:absolute;
1612inset:0;
1613width:auto;
1614}
1615.section-background__image {
1616position:absolute;
1617inset:0;
1618width:auto;
1619display:block !important;
1620}
1621
1622.section-background_video {
1623position:absolute;
1624inset:0;
1625width:auto;
1626display:block !important;
1627
1628}
1629
1630.ss-content-wrapper {
1631display:flex;
1632justify-content:center;
1633}
1634
1635.ss-text__content.ss-grid-block {
1636flex-direction:column;
1637}
1638
1639@media screen and (max-width:749px) {
1640.ss-content-wrapper {
1641
1642flex-direction:column;
1643}
1644
1645  }
1646@media screen and (min-width:750px) {
1647
1648
1649
1650#section-template--18490087768318__modular_section_GjURdB {
1651min-height: 55vh;
1652
1653}
1654#section-template--18490087768318__modular_section_GjURdB .ss-content {
1655width: 50%;
1656display:flex;
1657}
1658
1659
1660
1661}
1662
1663.ss-text__content {
1664text-align:center;
1665}
1666
1667
1668#section-template--18490087768318__modular_section_GjURdB .ss-content {
1669align-items:center;
1670
1671
1672}
1673
1674
1675
1676
1677
1678#section-template--18490087768318__modular_section_GjURdB .ss-content-wrapper {
1679justify-content:flex-start;
1680}
1681
1682
1683#section-template--18490087768318__modular_section_GjURdB {
1684padding-bottom:0px;
1685padding-top:20px;
1686
1687}
1688
1689.ss-image {
1690
1691    display: block;
1692    max-width: 100%;
1693    position: absolute;
1694    top: 0;
1695    left: 0;
1696    height: 100%;
1697    width: 100%;
1698}
1699
1700.ss-video-block {
1701position:relative;
1702}
1703
1704.ss-image-wrapper {
1705height:0;
1706
1707position:relative;
1708max-width:100%;
1709}
1710
1711
1712.ss-overlap-gallery {
1713position:relative;
1714}
1715
1716.ss-gallery-video {
1717width:80%;
1718}
1719  .ss-gallery-video video {
1720        object-fit:cover;
1721        height:100%;
1722        width:100%;
1723       }
1724
1725
1726.ss-overlap-gallery .ss-overlap-image {
1727position:absolute;
1728width:60%;
1729top:50%;
1730transform:translateY(-50%);
1731
1732}
1733
1734.ss-grid-block {
1735display:flex;
1736position:relative;
1737}
1738
1739.ss-overlap-image .ss-image-wrapper {
1740height:0;
1741padding-bottom:100%;
1742
1743
1744}
1745
1746.ss-overlap-gallery .ss-overlap-image img{
1747object-fit:cover;
1748
1749}
1750
1751@media screen and (min-width:750px) {
1752#section-template--18490087768318__modular_section_GjURdB .ss-col-12 {
1753    width: 100%;
1754    display: grid;
1755    grid-template-columns: repeat(1,minmax(0,1fr));
1756    grid-gap:1vw;
1757}
1758
1759}
1760
1761
1762.ss-inline--inline_image {
1763display:inline-block;
1764}
1765.ss-inline-image {
1766position:relative;
1767
1768}
1769.ss-inline-image img {
1770position:absolute;
1771 
1772}
1773
1774.ss-decor {
1775position:absolute;
1776}
1777
1778
1779.decor-position--top-right {
1780right:0;
1781left:initial;
1782top:0;
1783
1784}
1785
1786
1787.decor-position--top-left {
1788left:0;
1789top:0;
1790
1791}
1792
1793.decor-position--bottom-left {
1794left:0;
1795bottom:0;
1796top:initial;
1797
1798}
1799
1800.decor-position--bottom-right {
1801right:0;
1802left:initial;
1803bottom:0;
1804top:initial;
1805
1806}
1807
1808.textdecor-position--top {
1809top:0;
1810border-bottom: var(--inputs-border-width) solid;
1811}
1812
1813.textdecor-position--bottom {
1814bottom:0;
1815border-top: var(--inputs-border-width) solid ;
1816}
1817
1818.textdecor-position--right {
1819position:absolute;
1820bottom:50%;
1821right: 0vw;
1822transform-origin: 100% 50%;
1823transform: rotate(90deg) translate(50%, 50%);
1824
1825}
1826
1827.textdecor-position--left {
1828bottom:50%;
1829  left: 0vw;
1830  transform-origin: 0 50%;
1831  transform: rotate(-90deg) translate(-50%, 50%);
1832
1833}
1834
1835.ss-inline--inline_text.ss-decor {
1836position:absolute;
1837display:block;
1838width:100%;
1839text-align:center;
1840
1841}
1842
1843
1844
1845
1846@media screen and (min-width:750px) {
1847.ss-grid-span--1 {
1848grid-column:auto/span 1;
1849}
1850
1851.ss-grid-span--2 {
1852grid-column:auto/span 2;
1853}
1854
1855
1856.ss-grid-span--3 {
1857grid-column:auto/span 3;
1858}
1859
1860.ss-grid-span--4 {
1861grid-column:auto/span 4;
1862}
1863
1864.ss-grid-span--5 {
1865grid-column:auto/span 5;
1866}
1867
1868.ss-grid-span--6 {
1869grid-column:auto/span 6;
1870}
1871
1872.ss-grid-span--7 {
1873grid-column:auto/span 7;
1874}
1875
1876.ss-grid-span--8 {
1877grid-column:auto/span 8;
1878}
1879
1880.ss-grid-span--9 {
1881grid-column:auto/span 9;
1882}
1883
1884.ss-grid-span--10 {
1885grid-column:auto/span 10;
1886}
1887
1888.ss-grid-span--11 {
1889grid-column:auto/span 11;
1890}
1891
1892.ss-grid-span--12 {
1893grid-column:auto/span 12;
1894}
1895
1896
1897
1898}
1899
1900
1901@media screen and (min-width:750px) {
1902.ss-grid-rowspan--1 {
1903grid-row:auto/span 1;
1904}
1905
1906.ss-grid-rowspan--2 {
1907grid-row:auto/span 2;
1908}
1909
1910
1911.ss-grid-rowspan--3 {
1912grid-row:auto/span 3;
1913}
1914
1915.ss-grid-rowspan--4 {
1916grid-row:auto/span 4;
1917}
1918
1919.ss-grid-rowspan--5 {
1920grid-row:auto/span 5;
1921}
1922
1923.ss-grid-rowspan--6 {
1924grid-row:auto/span 6;
1925}
1926
1927.ss-grid-rowspan--7 {
1928grid-row:auto/span 7;
1929}
1930
1931.ss-grid-rowspan--8 {
1932grid-row:auto/span 8;
1933}
1934
1935.ss-grid-rowspan--9 {
1936grid-row:auto/span 9;
1937}
1938
1939.ss-grid-rowspan--10 {
1940grid-row:auto/span 10;
1941}
1942
1943.ss-grid-rowspan--11 {
1944grid-row:auto/span 11;
1945}
1946
1947.ss-grid-rowspan--12 {
1948grid-row:auto/span 12;
1949}
1950
1951
1952
1953}
1954
1955
1956@media screen and (max-width:749px) {
1957.ss-grid__item {
1958padding-left:1.5rem;
1959padding-right:1.5rem;
1960
1961}
1962
1963}
1964
1965.ss-grid-item .image-with-text__text--caption {
1966                 position:relative;
1967}
1968
1969
1970@media screen and (max-width:749px) {
1971
1972.ss-decor, .ss-inline--inline_text.ss-decor  {
1973display:none;
1974}
1975
1976}
1977
1978
1979
1980.ss-grid-item__position--center  {
1981display:flex;
1982flex-direction:column;
1983justify-content:center;
1984}
1985
1986.ss-grid-item__position--top  {
1987display:flex;
1988flex-direction:column;
1989justify-content:flex-start;
1990}
1991
1992.ss-grid-item__position--bottom  {
1993display:flex;
1994flex-direction:column;
1995justify-content:flex-end;
1996}
1997
1998.ss-grid-item__position--stretch  {
1999display:flex;
2000flex-direction:column;
2001justify-content:space-between;
2002}
2003
2004.ss-image-caption-wrapper {
2005padding-left:1rem;
2006padding-right:1rem;
2007}
2008
2009
2010
2011
2012
2013
2014.section-background_video {
2015  inset: 25% !important;
2016}
2017
2018@media screen and (max-width: 749px) {
2019  section {
2020  padding-top: 0px !important;
2021  }
2022}
2023
2024
2025
2026
2027</style>
2028
2029<section class="section ss-section color-background-1 background-split--right borders " id="section-template--18490087768318__modular_section_GjURdB">
2030
2031           <div class="section-background">
2032  
2033   
2034      <div class="section-background__image section-background__image--template--18490087768318__modular_section_GjURdB" data-sizes="auto" data-bgset="//www.withcococktails.com/cdn/shop/files/DSC9034_VSCO.jpg?v=1762442645 1080w 1920h" 
2035           style="background-image: url(//www.withcococktails.com/cdn/shop/files/DSC9034_VSCO.jpg?v=1762442645);"></div>
2036    
2037   
2038         	 
2039     
2040    
2041    
2042    
2043     
2044    
2045   
2046
2047          
2048      
2049        
2050  
2051     </div>
2052
2053
2054<div class="ss-content-wrapper ">
2055     <div class="ss-content">
2056       
2057  
2058     <div class="ss-col-12"> 
2059     <div class="ss-grid__item ss-grid__item--Spacer ss-grid-span--1 ss-grid-rowspan--0 ss-grid-item__position--flex-start" ><div class="ss-spacer" style="height:100px;width:100%;">
2060               
2061             </div></div> 
2062     <div class="ss-grid__item ss-grid__item--content ss-grid-span---1 ss-grid-rowspan--0 ss-grid-item__position--center threeFourText autoMargins" ><div class="ss-text__content ss-grid-block" style="text-align:center; padding:3rem">
2063          
2064          
2065             <p class="image-with-text__text--caption caption-with-letter-spacing caption-with-letter-spacing--small caption-with-letter-spacing" >WithCo stands for with company.</p>
2066         
2067          <h2 class="h2"></h2>
2068
2069            
2070          
2071          <h2>"We batch and bottle non-alcoholic cocktails with fresh juices and real botanicals - meant to be shared "<em>with company."</em></h2><h2><em>~</em></h2><p></p><p></p>
2072
2073           
2074           
2075            
2076            <div class="ss-text__content__button-container">
2077              <a class="button button--primary" href="/pages/shop-all">
2078                
2079                  Shop Everything
2080                
2081           
2082              </a>
2083            </div>
2084             
2085            </div></div> 
2086     <div class="ss-grid__item ss-grid__item--Image ss-grid-span--0 ss-grid-rowspan--0 ss-grid-item__position--center" >
2087       
2088             <!--Grid Item Image -->
2089             <div class="ss-image-wrapper ss-grid-block" style="padding-bottom: 66.66666666666666%;">
2090              <img class="lazyload lazypreload ss-image"
2091                  srcset="//www.withcococktails.com/cdn/shop/files/IMG_4462_5f7a12c3-307c-440e-8857-e372bfb8ee69_165x.jpg?v=1753460517 165w,//www.withcococktails.com/cdn/shop/files/IMG_4462_5f7a12c3-307c-440e-8857-e372bfb8ee69_360x.jpg?v=1753460517 360w,//www.withcococktails.com/cdn/shop/files/IMG_4462_5f7a12c3-307c-440e-8857-e372bfb8ee69_535x.jpg?v=1753460517 535w,//www.withcococktails.com/cdn/shop/files/IMG_4462_5f7a12c3-307c-440e-8857-e372bfb8ee69_720x.jpg?v=1753460517 720w,//www.withcococktails.com/cdn/shop/files/IMG_4462_5f7a12c3-307c-440e-8857-e372bfb8ee69_940x.jpg?v=1753460517 940w,//www.withcococktails.com/cdn/shop/files/IMG_4462_5f7a12c3-307c-440e-8857-e372bfb8ee69_1070x.jpg?v=1753460517 1070w"
2092                  src="//www.withcococktails.com/cdn/shop/files/IMG_4462_5f7a12c3-307c-440e-8857-e372bfb8ee69_533x.jpg?v=1753460517"
2093                  alt=""
2094                  loading="lazy"
2095                  width="3840"
2096                  height="2560"
2097                  >
2098             </div>
2099             
2100             <div class="ss-image-caption-wrapper">
2101               
2102             </div>
2103             
2104</div></div> <!--ss-col-12 -->
2105    </div> <!--ss-content -->
2106 
2107  </div> <!--Content Wrapper -->
2108  
2109  </section>
2110
2111
2112
2113
2114<style data-shopify>
2115
2116
2117
2118.center-video .section-background {
2119width:20%;
2120padding-bottom:20%;
2121left:50%;
2122top:50%;
2123transform:translate(-50%, -50%);
2124border:3px solid;
2125}
2126
2127.background-split--left .section-background {
2128 width:50%;
2129
2130}
2131
2132.background-third--left .section-background {
2133 width:33.3%;
2134
2135}
2136
2137.background-split--right .section-background {
2138 width:50%;
2139 left:50%;
2140
2141}
2142
2143.background-third--right .section-background {
2144 width:33.36%;
2145 left:66.66%;
2146
2147}
2148
2149.background-split--center .section-background {
2150 width:50%;
2151 left:50%;
2152 top:50%;
2153 transform:translate(-50%, -50%);
2154 padding-bottom:50%;
2155
2156}
2157.ss-decor.decor-center {
2158 left:50%;
2159 top:50%;
2160 transform:translate(-50%, -50%);
2161}
2162
2163.large-headline h2 {
2164 font-size:clamp(2rem,5vw,5vw) !important;
2165}
2166
2167.ss-grid__item.image-fill .ss-image-wrapper {
2168padding-bottom:0;
2169height:100%;
2170
2171}
2172.ss-grid__item.image-fill .ss-image {
2173object-fit:cover !important;
2174
2175}
2176
2177.ss-grid__item.video-fill .ss-video-block {
2178height:100% !important;
2179}
2180</style>
2181
2182<script>
2183
2184                
2185
2186   function decorAccess() {
2187
2188
2189
2190  var decors =document.querySelectorAll(".ss-text__content a[title*='decor']");
2191
2192     if (decors) {   
2193        decors.forEach(function (decor, index) {
2194
2195          decor.setAttribute("tabindex","-1")
2196         });
2197       
2198     }
2199
2200}
2201
2202document.addEventListener("DOMContentLoaded", decorAccess);
2203
2204</script>
2204</div><section id="shopify-section-template--18490087768318__rich_text_irkaLi" class="shopify-section section"><link rel="stylesheet" href="//www.withcococktails.com/cdn/shop/t/41/assets/component-rte.css?v=69919436638515329781734731053" media="print" onload="this.media='all'">
2205<link rel="stylesheet" href="//www.withcococktails.com/cdn/shop/t/41/assets/section-rich-text.css?v=155250126305810049721734731053" media="print" onload="this.media='all'">
2206
2207<noscript><link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-rte.css?v=69919436638515329781734731053" rel="stylesheet" type="text/css" media="all" /></noscript>
2208<noscript><link href="//www.withcococktails.com/cdn/shop/t/41/assets/section-rich-text.css?v=155250126305810049721734731053" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.section-template--18490087768318__rich_text_irkaLi-padding {
2209    padding-top: 63px;
2210    padding-bottom: 39px;
2211  }
2212
2213  @media screen and (min-width: 750px) {
2214    .section-template--18490087768318__rich_text_irkaLi-padding {
2215      padding-top: 84px;
2216      padding-bottom: 52px;
2217    }
2218  }
2219
2220  
2221</style><div class="isolate">
2222  <div class="rich-text content-container color-background-1 gradient rich-text--full-width content-container--full-width section-template--18490087768318__rich_text_irkaLi-padding   ">
2223    <div class="rich-text__wrapper rich-text__wrapper--center page-width">
2224      <div class="rich-text__blocks center"><div class="rich-text__text rte" >
2225                <h2>It's time to say goodbye to bitter sour mixers and sugar-sweet concoctions. A better-for-you option is here. </h2><h2></h2>
2226              </div><div class="rich-text__buttons" ><a href="/pages/shop-all" class="button button--primary">Shop Entire Store</a></div></div>
2227    </div>
2228  </div>
2229</div>
2230
2231
2232</section><section id="shopify-section-template--18490087768318__31892e4e-8699-489d-b654-f43d554d6329" class="shopify-section section"><style>
2233  
2234 .c-slider {
2235  position: relative;
2236  overflow: hidden;
2237}
2238.c-slider__controls {
2239  display: flex;
2240  flex-direction: column;
2241  color: #000;
2242
2243}
2244.c-slider__controls--slide {
2245  padding-top: 20px;
2246}
2247.c-slider__controls--position-center {
2248  align-items: center;
2249}
2250.c-slider__controls--position-right {
2251  align-items: end;
2252}
2253.c-slider__dots-nav {
2254  margin: 0 -3px 20px;
2255}
2256.c-slider__dots-nav button {
2257  color: inherit;
2258  cursor: pointer;
2259  padding: 0 3px;
2260  background: 0 0;
2261  border: 0;
2262  font-size: 0;
2263}
2264.c-slider__dots-nav button span {
2265  display: block;
2266  width: 8px;
2267  height: 8px;
2268  border-radius: 50%;
2269  background: 0 0;
2270  border: 1px solid currentColor;
2271  transition: background 0.1s;
2272}
2273.c-slider__dots-nav button:hover span {
2274  background: currentColor;
2275}
2276.c-slider__dots-nav:not(:hover) button.is-active span,
2277.c-slider__dots-nav:not(:hover) button[aria-current="true"] span {
2278  transition: none;
2279  background: currentColor;
2280}
2281.c-slider__arrows-nav {
2282  display: flex;
2283  align-items: center;
2284  margin: -3px 0;
2285}
2286.c-slider__arrows-nav--hide-text button {
2287  font-size: 0;
2288}
2289.c-slider__arrows-nav button {
2290  color: inherit;
2291  cursor: pointer;
2292  display: flex;
2293  align-items: center;
2294  margin: 0 3px;
2295  padding: 0;
2296  background: 0 0;
2297  border: 0;
2298  text-transform: uppercase;
2299  transition: opacity 0.15s;
2300}
2301.c-slider__arrows-nav button:focus,
2302.c-slider__arrows-nav button:hover {
2303  opacity: 0.65;
2304}
2305.c-slider__arrows-nav button[data-direction="next"] svg,
2306.c-slider__arrows-nav button[data-direction="prev"] svg {
2307  width: 30px;
2308  height: 30px;
2309  backface-visibility: hidden;
2310  fill: currentColor;
2311}
2312  
2313  
2314  
2315.c-slider__arrows-nav button[data-direction="prev"] svg {
2316  margin-right: 5px;
2317}
2318.c-slider__arrows-nav button[data-direction="next"] svg {
2319  transform: rotate(180deg);
2320  margin-left: 5px;
2321}
2322.c-slider__arrows-nav--hide-text button[data-direction="next"] svg {
2323  margin-left: 0;
2324}
2325.c-slider__content {
2326  display: flex;
2327  flex-direction: column;
2328  width: 100%;
2329  padding: 2rem;
2330}
2331@media (min-width: 750px) {
2332  .c-slider__content {
2333    padding: 2.3rem 3rem;
2334  }
2335}
2336.c-slider__content :first-child {
2337  margin-top: 0;
2338}
2339.c-slider__content :last-child {
2340  margin-bottom: 0;
2341}
2342.c-slider__content-wrapper {
2343  box-sizing: border-box;
2344}
2345@media (max-width: 749px) {
2346  .c-slider__content-wrapper {
2347    width: 100% !important;
2348  }
2349}
2350@media (min-width: 750px) {
2351  .c-slider__content-wrapper {
2352    display: flex;
2353    flex-direction: row;
2354    width: 100%;
2355  }
2356  .c-slider__content-wrapper--stacked {
2357    flex-direction: column;
2358  }
2359}
2360.c-slider__media {
2361  overflow: hidden;
2362}
2363.c-slider__media img {
2364  display: block;
2365  width: 100%;
2366  height: auto;
2367  max-height: 100vh;
2368  box-sizing: border-box;
2369  object-fit: cover;
2370}
2371.swiper-slide-visible
2372  .c-slider__media:not(.c-slider__media--disable-image-animation)
2373  img {
2374  animation: sliderMediaScale backwards 0.75s 50ms;
2375}
2376@media (min-width: 750px) {
2377  .c-slider__media {
2378    min-width: 100%;
2379  }
2380  .c-slider__media-position--right {
2381    order: 1;
2382  }
2383  .c-slider__media--half-width {
2384    min-width: 50%;
2385  }
2386  .c-slider__media--third-width {
2387    min-width: 33%;
2388    width:33%;
2389  }
2390}
2391@keyframes sliderMediaScale {
2392  from {
2393    transform: scale(1.025);
2394  }
2395  to {
2396    transform: scale(1);
2397  }
2398}
2399  
2400  
2401  
2402  
2403  @media (prefers-reduced-motion) {
2404  .c-slider-marquee .swiper-wrapper{
2405     
2406  transform:none !important;
2407
2408
2409}
2410}
2411 
2412 .c-slider-marquee .swiper-wrapper{
2413     
2414  transition-timing-function:linear !important;
2415  position: relative;
2416  display:flex;
2417  align-items:center;
2418
2419
2420}
2421  
2422 
2423  
2424</style>
2425
2426
2427
2428
2429<style data-shopify>
2430#section-template--18490087768318__31892e4e-8699-489d-b654-f43d554d6329 .c-slider__content h2 {
2431line-height:1.1em;
2432margin-block-end:0 !important;
2433
2434}
2435
2436#section-template--18490087768318__31892e4e-8699-489d-b654-f43d554d6329 a:not([href])[aria-disabled="true"] {
2437   cursor:default;
2438  }
2439
2440
2441#section-template--18490087768318__31892e4e-8699-489d-b654-f43d554d6329 .c-slider__content {
2442
2443 position:relative;
2444}
2445
2446
2447
2448
2449@media screen and (min-width:750px) {
2450
2451.description-position--bottomLeft {
2452 position:absolute;
2453 width:100%;
2454 left:2vw;
2455 bottom:2vw;
2456 max-width:30em;
2457 
2458}
2459
2460.description-position--bottomRight {
2461 position:absolute;
2462 width:100%;
2463 right:2vw;
2464 bottom:2vw;
2465 max-width:30em;
2466 
2467}
2468
2469.description-position--topRight {
2470 position:absolute;
2471 width:100%;
2472 top:2vw;
2473 right:2vw;
2474 max-width:30em;
2475 
2476}
2477
2478.description-position--topLeft {
2479 position:absolute;
2480 width:100%;
2481 top:2vw;
2482 left:2vw;
2483 max-width:30em;
2484 
2485}
2486
2487}
2488
2489
2490
2491
2492
2493</style>
2494
2495<div class=" borders centered" id="section-template--18490087768318__31892e4e-8699-489d-b654-f43d554d6329">
2496  <div class="js-slider c-slider c-slider-marquee" data-autoplay = "0" data-start-index = "1" data-animation = "fade" data-animation-speed = "3900" data-display-dots-nav =  data-display-arrows-nav =  data-display-arrows-nav-text =  data-arrow-nav-icon='' style="background-color:#8e8e80;">
2497  <div class="c-slider__inner swiper-wrapper">
2498
2499  
2500  
2501    <div class="c-slider__item swiper-slide" >
2502      <div class="c-slider__content-wrapper">
2503  
2504        <!-- Image Block --><!-- end Image Block -->
2505        
2506        <!-- Content Block -->
2507      
2508        <div class="c-slider__content" style=" color:#fbf9f6;padding: 0vw;">
2509          <h2 class="h2" style=" color:#fbf9f6;">No Additives</h2>
2510          <div class="description description-position--">
2511          
2512          </div>
2512<div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-" style="display: none;"></div>
2513        </div>
2514           
2515        <!-- end Content Block -->
2516  
2517      </div>
2518    </div>
2519  
2520  
2521    <div class="c-slider__item swiper-slide" >
2522      <div class="c-slider__content-wrapper">
2523  
2524        <!-- Image Block --><a  role="link" aria-disabled="true" class="c-slider__media c-slider__media-position-- c-slider__media---width ">
2525            <img
2526              srcset="//www.withcococktails.com/cdn/shop/files/Untitled_design_55_65f44ec6-e840-4d38-b89e-c0e26e0ba823_375x.png?v=1737124085 375w,//www.withcococktails.com/cdn/shop/files/Untitled_design_55_65f44ec6-e840-4d38-b89e-c0e26e0ba823_550x.png?v=1737124085 550w,//www.withcococktails.com/cdn/shop/files/Untitled_design_55_65f44ec6-e840-4d38-b89e-c0e26e0ba823_750x.png?v=1737124085 750w,//www.withcococktails.com/cdn/shop/files/Untitled_design_55_65f44ec6-e840-4d38-b89e-c0e26e0ba823_1100x.png?v=1737124085 1100w,//www.withcococktails.com/cdn/shop/files/Untitled_design_55_65f44ec6-e840-4d38-b89e-c0e26e0ba823_1500x.png?v=1737124085 1500w,//www.withcococktails.com/cdn/shop/files/Untitled_design_55_65f44ec6-e840-4d38-b89e-c0e26e0ba823.png?v=1737124085 1563w"
2527              sizes="100vw"
2528              src="//www.withcococktails.com/cdn/shop/files/Untitled_design_55_65f44ec6-e840-4d38-b89e-c0e26e0ba823_1500x.png?v=1737124085"
2529              loading="lazy"
2530              alt=""
2531              width="1563"
2532              height="1563"
2533              style="max-height: vh; "
2534             >
2535          </a><!-- end Image Block -->
2536        
2537        <!-- Content Block -->
2538      
2539        <div class="c-slider__content" style=" color:#fbf9f6;padding: 0vw;">
2540          <h2 class="h0" style=" color:#fbf9f6;"></h2>
2541          <div class="description description-position--">
2542          
2543          </div><div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-" style="display: none;"></div>
2544        </div>
2545           
2546        <!-- end Content Block -->
2547  
2548      </div>
2549    </div>
2550  
2551  
2552    <div class="c-slider__item swiper-slide" >
2553      <div class="c-slider__content-wrapper">
2554  
2555        <!-- Image Block --><!-- end Image Block -->
2556        
2557        <!-- Content Block -->
2558      
2559        <div class="c-slider__content" style=" color:#fbf9f6;padding: 0vw;">
2560          <h2 class="h2" style=" color:#fbf9f6;">No  "Natural Flavoring"</h2>
2561          <div class="description description-position--">
2562          
2563          </div><div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-" style="display: none;"></div>
2564        </div>
2565           
2566        <!-- end Content Block -->
2567  
2568      </div>
2569    </div>
2570  
2571  
2572    <div class="c-slider__item swiper-slide" >
2573      <div class="c-slider__content-wrapper">
2574  
2575        <!-- Image Block --><a  role="link" aria-disabled="true" class="c-slider__media c-slider__media-position-- c-slider__media---width ">
2576            <img
2577              srcset="//www.withcococktails.com/cdn/shop/files/Untitled_design_56_375x.png?v=1737057398 375w,//www.withcococktails.com/cdn/shop/files/Untitled_design_56_550x.png?v=1737057398 550w,//www.withcococktails.com/cdn/shop/files/Untitled_design_56_750x.png?v=1737057398 750w,//www.withcococktails.com/cdn/shop/files/Untitled_design_56_1100x.png?v=1737057398 1100w,//www.withcococktails.com/cdn/shop/files/Untitled_design_56_1500x.png?v=1737057398 1500w,//www.withcococktails.com/cdn/shop/files/Untitled_design_56.png?v=1737057398 1563w"
2578              sizes="100vw"
2579              src="//www.withcococktails.com/cdn/shop/files/Untitled_design_56_1500x.png?v=1737057398"
2580              loading="lazy"
2581              alt=""
2582              width="1563"
2583              height="1563"
2584              style="max-height: vh; "
2585             >
2586          </a><!-- end Image Block -->
2587        
2588        <!-- Content Block -->
2589      
2590        <div class="c-slider__content" style=" color:#fbf9f6;padding: 0vw;">
2591          <h2 class="h2" style=" color:#fbf9f6;"></h2>
2592          <div class="description description-position--">
2593          
2594          </div>
2594<div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-" style="display: none;"></div>
2595        </div>
2596           
2597        <!-- end Content Block -->
2598  
2599      </div>
2600    </div>
2601  
2602  
2603    <div class="c-slider__item swiper-slide" >
2604      <div class="c-slider__content-wrapper">
2605  
2606        <!-- Image Block --><!-- end Image Block -->
2607        
2608        <!-- Content Block -->
2609      
2610        <div class="c-slider__content" style=" color:#fbf9f6;padding: 0vw;">
2611          <h2 class="h2" style=" color:#fbf9f6;"><sup><em>Zero</em></sup>  Concentrates</h2>
2612          <div class="description description-position--">
2613          
2614          </div><div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-" style="display: none;"></div>
2615        </div>
2616           
2617        <!-- end Content Block -->
2618  
2619      </div>
2620    </div>
2621  
2622  
2623    <div class="c-slider__item swiper-slide" >
2624      <div class="c-slider__content-wrapper">
2625  
2626        <!-- Image Block --><a  role="link" aria-disabled="true" class="c-slider__media c-slider__media-position-- c-slider__media---width ">
2627            <img
2628              srcset="//www.withcococktails.com/cdn/shop/files/Untitled_design_57_375x.png?v=1737057608 375w,//www.withcococktails.com/cdn/shop/files/Untitled_design_57_550x.png?v=1737057608 550w,//www.withcococktails.com/cdn/shop/files/Untitled_design_57_750x.png?v=1737057608 750w,//www.withcococktails.com/cdn/shop/files/Untitled_design_57_1100x.png?v=1737057608 1100w,//www.withcococktails.com/cdn/shop/files/Untitled_design_57_1500x.png?v=1737057608 1500w,//www.withcococktails.com/cdn/shop/files/Untitled_design_57.png?v=1737057608 1563w"
2629              sizes="100vw"
2630              src="//www.withcococktails.com/cdn/shop/files/Untitled_design_57_1500x.png?v=1737057608"
2631              loading="lazy"
2632              alt=""
2633              width="1563"
2634              height="1563"
2635              style="max-height: vh; "
2636             >
2637          </a><!-- end Image Block -->
2638        
2639        <!-- Content Block -->
2640      
2641        <div class="c-slider__content" style=" color:#fbf9f6;padding: 0vw;">
2642          <h2 class="h2" style=" color:#fbf9f6;"></h2>
2643          <div class="description description-position--">
2644          
2645          </div><div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-" style="display: none;"></div>
2646        </div>
2647           
2648        <!-- end Content Block -->
2649  
2650      </div>
2651    </div>
2652  
2653 
2654 </div>
2655 <div class="c-slider__controls c-slider__controls--position-" style="display: none;  padding: 0 0rem 0rem;">
2656  <div class="c-slider__dots-nav"></div>
2657</div>
2658 </div>
2659</div>
2660  
2661
2662
2663<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.min.css"/>
2664<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 2664
2664
2665<script>
2666/*!
2667 * Slider
2668 * Version: 1.0.0
2669 * License: Commercial License
2670 */
2671function sectionSlider() {
2672    var sliderID = Math.random().toString(36).slice(2),
2673        sliderElement = document.querySelector(".js-slider");
2674    if (!sliderElement) return null;
2675    sliderElement.classList.remove("js-slider"), sliderElement.setAttribute("id", "slider-" + sliderID);
2676    var options = {
2677            animation: sliderElement.getAttribute("data-animation"),
2678            animationSpeed: +sliderElement.getAttribute("data-animation-speed"),
2679            autoplay: sliderElement.getAttribute("data-autoplay"),
2680            startIndex: sliderElement.getAttribute("data-start-index"),
2681            displayDotsNav: "true" === sliderElement.getAttribute("data-display-dots-nav"),
2682            displayArrowsNav: "true" === sliderElement.getAttribute("data-display-arrows-nav"),
2683            displayArrowsNavText: "true" === sliderElement.getAttribute("data-display-arrows-nav-text"),
2684            arrowNavIcon: sliderElement.getAttribute("data-arrow-nav-icon") || '<svg viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm-4.828 11.5l4.608 3.763-.679.737-6.101-5 6.112-5 .666.753-4.604 3.747h11.826v1h-11.828z"/></svg>'
2685        },
2686        controls = sliderElement.querySelector(".c-slider__controls:not(.c-slider__controls--slide)"),
2687        controlDots = controls.querySelector(".c-slider__dots-nav"),
2688        slides = [].slice.call(sliderElement.querySelectorAll(".c-slider__item"));
2689         
2690    function createDotsNav(controls) {
2691        var nav = document.createElement("div");
2692        nav.className = "c-slider__dots-nav", controls.appendChild(nav), slides.forEach((function(s, index) {
2693            var button = document.createElement("button"),
2694                buttonInner = document.createElement("span");
2695            buttonInner.textContent = "Slide " + (index + 1), button.appendChild(buttonInner), nav.appendChild(button)
2696        }))
2697    }
2698
2699   
2700
2701    function createArrowsNav(controls) {
2702        var nav = document.createElement("div");
2703        nav.className = "c-slider__arrows-nav" + (options.displayArrowsNavText ? "" : " c-slider__arrows-nav--hide-text"), controls.appendChild(nav);
2704        var prev = document.createElement("button"),
2705            next = document.createElement("button");
2706        prev.innerHTML = options.arrowNavIcon + "Prev", next.innerHTML = "Next" + options.arrowNavIcon, prev.setAttribute("data-direction", "prev"), next.setAttribute("data-direction", "next"), nav.appendChild(prev), nav.appendChild(next)
2707    }
2708    slides.forEach((function(slide) {
2709        var controls = slide.querySelector(".c-slider__controls");
2710        options.displayDotsNav && createDotsNav(controls), options.displayArrowsNav && createArrowsNav(controls)
2711    })), options.displayArrowsNav && createArrowsNav(controls);
2712    var swiper = new Swiper(sliderElement, {
2713          slidesPerView:'auto',
2714        spaceBetween: 10,
2715        speed:+options.animationSpeed,
2716        centeredSlides: true,
2717        allowTouchMove:false,
2718      
2719        initialSlide: +options.startIndex,
2720        pagination: {
2721           
2722        },
2723      
2724         on: {
2725              init: function () {
2726                
2727              }
2728            },
2729        navigation: {
2730            nextEl: "#slider-" + sliderID + ' .c-slider__arrows-nav button[data-direction="next"]',
2731            prevEl: "#slider-" + sliderID + ' .c-slider__arrows-nav button[data-direction="prev"]'
2732        },
2733        autoplay:  {
2734           
2735		    delay: 0,
2736          pauseOnMouseEnter: false,
2737		  disableOnInteraction: false,
2738       
2739          
2740        },
2741       
2742        loop: true
2743        
2744    });
2745  
2746  
2747
2748
2749    function setActiveDot() {
2750        var sliderDotNavElements;
2751        [].slice.call(sliderElement.querySelectorAll(".c-slider__dots-nav button")).forEach((function(dot) {
2752            dot.classList.remove("is-active"), swiper.realIndex == dot.getAttribute("data-index") && dot.classList.add("is-active")
2753        }))
2754    }
2755    swiper.slides.forEach((function(slide) {
2756        var sliderDotNavElements;
2757        [].slice.call(slide.querySelectorAll(".c-slider__dots-nav button")).forEach((function(dot, index) {
2758            dot.setAttribute("data-index", index), dot.addEventListener("click", (function() {
2759                swiper.slideToLoop(index)
2760            }))
2761        }))
2762    })), swiper.on("activeIndexChange", (function() {
2763        setActiveDot()
2764    })), setActiveDot(), controlDots.classList.remove("swiper-pagination-bullets"), controlDots.classList.remove("swiper-pagination-horizontal")
2765}
2766document.addEventListener("DOMContentLoaded", sectionSlider); 
2767  
2768  
2769  
2770  
2771</script>
2771 
2772
2773
2774    <style data-shopify>
2775     #section-template--18490087768318__31892e4e-8699-489d-b654-f43d554d6329 .c-slider-marquee .c-slider__content-wrapper {
2776         flex-direction:column;
2777         width:unset;
2778        }
2779
2780
2781
2782       #section-template--18490087768318__31892e4e-8699-489d-b654-f43d554d6329 .c-slider-marquee .c-slider__media {
2783            aspect-ratio: 3/2;
2784         }
2785
2786         #section-template--18490087768318__31892e4e-8699-489d-b654-f43d554d6329 .c-slider-marquee .c-slider__content {
2787             width:unset;
2788                }
2789
2790               
2791                 @media screen and (min-width:750px) {
2792                 #section-template--18490087768318__31892e4e-8699-489d-b654-f43d554d6329 .swiper-slide {
2793                 width: 180px;
2794                 }
2795                 }
2796
2797                @media screen and (max-width:749px) {
2798                 #section-template--18490087768318__31892e4e-8699-489d-b654-f43d554d6329 .swiper-slide {
2799                 width: 180px;
2800                 }
2801                 }
2802                
2803
2804      
2805                 #section-template--18490087768318__31892e4e-8699-489d-b654-f43d554d6329 .swiper-slide {
2806                 margin-right: 2vw !important;
2807                 }
2808                 
2809
2810
2811                #section-template--18490087768318__31892e4e-8699-489d-b654-f43d554d6329 .c-slider-marquee {
2812                padding-top:0px;
2813                 padding-bottom:0px;
2814               }
2815
2816              
2817                #section-template--18490087768318__31892e4e-8699-489d-b654-f43d554d6329 .c-slider-marquee .c-slider__media img {
2818                 width:100%;
2819                 height:100px;
2820                 position:absolute;
2821                 object-fit:contain;
2822                 padding: 24px 30px;
2823                }
2824
2825                #section-template--18490087768318__31892e4e-8699-489d-b654-f43d554d6329 .c-slider-marquee .c-slider__media {
2826                 position:relative;
2827                 display: flex;
2828                 align-items: center;
2829                }
2830                
2831
2832
2833                 
2834                
2835      </style></section><section id="shopify-section-template--18490087768318__9e011e70-1b03-46ae-9fe2-62c43629b530" class="shopify-section section"><style>
2836  
2837 .c-slider {
2838  position: relative;
2839  overflow: hidden;
2840}
2841.c-slider__controls {
2842  display: flex;
2843  flex-direction: column;
2844  color: #000;
2845
2846}
2847.c-slider__controls--slide {
2848  padding-top: 20px;
2849}
2850.c-slider__controls--position-center {
2851  align-items: center;
2852}
2853.c-slider__controls--position-right {
2854  align-items: end;
2855}
2856.c-slider__dots-nav {
2857  margin: 0 -3px 20px;
2858}
2859.c-slider__dots-nav button {
2860  color: inherit;
2861  cursor: pointer;
2862  padding: 0 3px;
2863  background: 0 0;
2864  border: 0;
2865  font-size: 0;
2866}
2867.c-slider__dots-nav button span {
2868  display: block;
2869  width: 8px;
2870  height: 8px;
2871  border-radius: 50%;
2872  background: 0 0;
2873  border: 1px solid currentColor;
2874  transition: background 0.1s;
2875}
2876.c-slider__dots-nav button:hover span {
2877  background: currentColor;
2878}
2879.c-slider__dots-nav:not(:hover) button.is-active span,
2880.c-slider__dots-nav:not(:hover) button[aria-current="true"] span {
2881  transition: none;
2882  background: currentColor;
2883}
2884.c-slider__arrows-nav {
2885  display: flex;
2886  align-items: center;
2887  margin: -3px 0;
2888}
2889.c-slider__arrows-nav--hide-text button {
2890  font-size: 0;
2891}
2892.c-slider__arrows-nav button {
2893  color: inherit;
2894  cursor: pointer;
2895  display: flex;
2896  align-items: center;
2897  margin: 0 3px;
2898  padding: 0;
2899  background: 0 0;
2900  border: 0;
2901  text-transform: uppercase;
2902  transition: opacity 0.15s;
2903}
2904.c-slider__arrows-nav button:focus,
2905.c-slider__arrows-nav button:hover {
2906  opacity: 0.65;
2907}
2908.c-slider__arrows-nav button[data-direction="next"] svg,
2909.c-slider__arrows-nav button[data-direction="prev"] svg {
2910  width: 30px;
2911  height: 30px;
2912  backface-visibility: hidden;
2913  fill: currentColor;
2914}
2915  
2916  
2917  
2918.c-slider__arrows-nav button[data-direction="prev"] svg {
2919  margin-right: 5px;
2920}
2921.c-slider__arrows-nav button[data-direction="next"] svg {
2922  transform: rotate(180deg);
2923  margin-left: 5px;
2924}
2925.c-slider__arrows-nav--hide-text button[data-direction="next"] svg {
2926  margin-left: 0;
2927}
2928.c-slider__content {
2929  display: flex;
2930  flex-direction: column;
2931  width: 100%;
2932  padding: 2rem;
2933}
2934@media (min-width: 750px) {
2935  .c-slider__content {
2936    padding: 2.3rem 3rem;
2937  }
2938}
2939.c-slider__content :first-child {
2940  margin-top: 0;
2941}
2942.c-slider__content :last-child {
2943  margin-bottom: 0;
2944}
2945.c-slider__content-wrapper {
2946  box-sizing: border-box;
2947}
2948@media (max-width: 749px) {
2949  .c-slider__content-wrapper {
2950    width: 100% !important;
2951  }
2952}
2953@media (min-width: 750px) {
2954  .c-slider__content-wrapper {
2955    display: flex;
2956    flex-direction: row;
2957    width: 100%;
2958  }
2959  .c-slider__content-wrapper--stacked {
2960    flex-direction: column-reverse;
2961  }
2962}
2963.c-slider__media {
2964  overflow: hidden;
2965}
2966.c-slider__media img {
2967  display: block;
2968  width: 100%;
2969  height: auto;
2970  min-height: 100%;
2971  max-height: 100vh;
2972  box-sizing: border-box;
2973  object-fit: cover;
2974}
2975.swiper-slide-visible
2976  .c-slider__media:not(.c-slider__media--disable-image-animation)
2977  img {
2978  animation: sliderMediaScale backwards 0.75s 50ms;
2979}
2980@media (min-width: 750px) {
2981  .c-slider__media {
2982    min-width: 100%;
2983  }
2984  .c-slider__media-position--right {
2985    order: 1;
2986  }
2987  .c-slider__media--half-width {
2988    min-width: 50%;
2989  }
2990  .c-slider__media--third-width {
2991    min-width: 33%;
2992    width:33%;
2993  }
2994}
2995@keyframes sliderMediaScale {
2996  from {
2997    transform: scale(1.025);
2998  }
2999  to {
3000    transform: scale(1);
3001  }
3002}
3003  
3004  
3005  
3006 
3007  
3008</style>
3009
3010
3011
3012
3013<style data-shopify>
3014#section-template--18490087768318__9e011e70-1b03-46ae-9fe2-62c43629b530 .c-slider__content h2 {
3015
3016line-height:1.1em;
3017margin-block-end:0.5em !important;
3018  margin-block-start:0.5em !important;
3019
3020}
3021
3022
3023#section-template--18490087768318__9e011e70-1b03-46ae-9fe2-62c43629b530 .c-slider__content {
3024 padding:4vw 4vw!important;
3025 justify-content: center;
3026 position:relative;
3027}
3028
3029@media screen and (min-width:750px) {
3030
3031  
3032
3033
3034}
3035
3036@media screen and (min-width:750px) {
3037
3038.description-position--bottomLeft {
3039 position:absolute;
3040 width:100%;
3041 left:2vw;
3042 bottom:2vw;
3043 max-width:30em;
3044 
3045}
3046
3047.description-position--bottomRight {
3048 position:absolute;
3049 width:100%;
3050 right:2vw;
3051 bottom:2vw;
3052 max-width:30em;
3053 
3054}
3055
3056.description-position--topRight {
3057 position:absolute;
3058 width:100%;
3059 top:2vw;
3060 right:2vw;
3061 max-width:30em;
3062 
3063}
3064
3065.description-position--topLeft {
3066 position:absolute;
3067 width:100%;
3068 top:2vw;
3069 left:2vw;
3070 max-width:30em;
3071 
3072}
3073
3074}
3075
3076
3077
3078
3079
3080</style>
3081
3082<div class=" borders topBorder justified" id="section-template--18490087768318__9e011e70-1b03-46ae-9fe2-62c43629b530">
3083  <div class="js-slider c-slider" data-autoplay = "4" data-start-index = "0" data-animation = "fade" data-animation-speed = "800" data-display-dots-nav = false data-display-arrows-nav = false data-display-arrows-nav-text = false data-arrow-nav-icon='' style="background-color:#231f20;">
3084  <div class="c-slider__inner swiper-wrapper">
3085
3086  
3087 
3088 </div>
3089 <div class="c-slider__controls c-slider__controls--position-left" style="display: none;  color:#231f20; padding: 0 0rem 0rem;">
3090  <div class="c-slider__dots-nav"></div>
3091</div>
3092 </div>
3093</div>
3094  
3095
3096
3097<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swi
3097per-bundle.min.css"/>
3098<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 3098
3098
3099<script>
3100/*!
3101 * Slider
3102 * Version: 1.0.0
3103 * License: Commercial License
3104 */
3105function sectionSlider(){var sliderID=Math.random().toString(36).slice(2),sliderElement=document.querySelector(".js-slider");if(!sliderElement)return null;sliderElement.classList.remove("js-slider"),sliderElement.setAttribute("id","slider-"+sliderID);var options={animation:sliderElement.getAttribute("data-animation"),animationSpeed:+sliderElement.getAttribute("data-animation-speed"),autoplay:sliderElement.getAttribute("data-autoplay"),startIndex:sliderElement.getAttribute("data-start-index"),displayDotsNav:"true"===sliderElement.getAttribute("data-display-dots-nav"),displayArrowsNav:"true"===sliderElement.getAttribute("data-display-arrows-nav"),displayArrowsNavText:"true"===sliderElement.getAttribute("data-display-arrows-nav-text"),arrowNavIcon:sliderElement.getAttribute("data-arrow-nav-icon")||'<svg viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm-4.828 11.5l4.608 3.763-.679.737-6.101-5 6.112-5 .666.753-4.604 3.747h11.826v1h-11.828z"/></svg>'},controls=sliderElement.querySelector(".c-slider__controls:not(.c-slider__controls--slide)"),controlDots=controls.querySelector(".c-slider__dots-nav"),slides=[].slice.call(sliderElement.querySelectorAll(".c-slider__item"));function createDotsNav(controls){var nav=document.createElement("div");nav.className="c-slider__dots-nav",controls.appendChild(nav),slides.forEach((function(s,index){var button=document.createElement("button"),buttonInner=document.createElement("span");buttonInner.textContent="Slide "+(index+1),button.appendChild(buttonInner),nav.appendChild(button)}))}function createArrowsNav(controls){var nav=document.createElement("div");nav.className="c-slider__arrows-nav"+(options.displayArrowsNavText?"":" c-slider__arrows-nav--hide-text"),controls.appendChild(nav);var prev=document.createElement("button"),next=document.createElement("button");prev.innerHTML=options.arrowNavIcon+"Prev",next.innerHTML="Next"+options.arrowNavIcon,prev.setAttribute("data-direction","prev"),next.setAttribute("data-direction","next"),nav.appendChild(prev),nav.appendChild(next)}slides.forEach((function(slide){var controls=slide.querySelector(".c-slider__controls");options.displayDotsNav&&createDotsNav(controls),options.displayArrowsNav&&createArrowsNav(controls)})),options.displayArrowsNav&&createArrowsNav(controls);var swiper=new Swiper(sliderElement,{effect:options.animation,speed:options.animationSpeed,fadeEffect:{crossFade:!0},initialSlide:+options.startIndex,pagination:{el:options.displayDotsNav?"#slider-"+sliderID+" > .c-slider__controls .c-slider__dots-nav":null,type:"bullets",bulletElement:"button",bulletClass:"c-slider__dots-nav-item",bulletActiveClass:"is-active",clickable:!0,renderBullet:function(index,className){return'<button class="'+className+'"><span>Slide '+index+"1</span></button>"}},navigation:{nextEl:"#slider-"+sliderID+' .c-slider__arrows-nav button[data-direction="next"]',prevEl:"#slider-"+sliderID+' .c-slider__arrows-nav button[data-direction="prev"]'},autoplay:"0"!=options.autoplay&&{delay:1e3*+options.autoplay,pauseOnMouseEnter: !0, disableOnInteraction: false },loop:!0});function setActiveDot(){var sliderDotNavElements;[].slice.call(sliderElement.querySelectorAll(".c-slider__dots-nav button")).forEach((function(dot){dot.classList.remove("is-active"),swiper.realIndex==dot.getAttribute("data-index")&&dot.classList.add("is-active")}))}swiper.slides.forEach((function(slide){var sliderDotNavElements;[].slice.call(slide.querySelectorAll(".c-slider__dots-nav button")).forEach((function(dot,index){dot.setAttribute("data-index",index),dot.addEventListener("click",(function(){swiper.slideToLoop(index)}))}))})),swiper.on("activeIndexChange",(function(){setActiveDot()})),setActiveDot(),controlDots.classList.remove("swiper-pagination-bullets"),controlDots.classList.remove("swiper-pagination-horizontal")}document.addEventListener("DOMContentLoaded",sectionSlider);</script>
3105
3106
3107<script>
3108   function addAccess() {
3109
3110
3111
3112  var elems =document.querySelectorAll(".c-slider__item:not(:last-child) .c-slider__controls button");
3113
3114  elems.forEach(function (elem, index) {
3115     
3116	elem.setAttribute("tabindex","-1")
3117   });
3118
3119}
3120
3121document.addEventListener("DOMContentLoaded", addAccess);
3122</script>
3122</section><section id="shopify-section-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8" class="shopify-section section"><link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-card.css?v=21725503455240551581734731053" rel="stylesheet" type="text/css" media="all" />
3123<link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-price.css?v=65402837579211014041734731053" rel="stylesheet" type="text/css" media="all" />
3124
3125<link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-slider.css?v=111384418465749404671734731053" rel="stylesheet" type="text/css" media="all" />
3126<link href="//www.withcococktails.com/cdn/shop/t/41/assets/template-collection.css?v=145944865380958730931734731053" rel="stylesheet" type="text/css" media="all" />
3127<link href="//www.withcococktails.com/cdn/shop/t/41/assets/quick-add.css?v=141556031979106758401734731053" rel="stylesheet" type="text/css" media="all" />
3128  
3128<script src="//www.withcococktails.com/cdn/shop/t/41/assets/quick-add.js?v=107437208278634168461734731053" defer="defer"></script>
3128
3129  
3129<script src="//www.withcococktails.com/cdn/shop/t/41/assets/product-form.js?v=24702737604959294451734731053" defer="defer"></script>
3129<style data-shopify>.section-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-padding {
3130    padding-top: 18px;
3131    padding-bottom: 6px;
3132  }
3133
3134  @media screen and (min-width: 750px) {
3135    .section-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-padding {
3136      padding-top: 24px;
3137      padding-bottom: 8px;
3138    }
3139  }</style><div class="featured-product-collection color-background-1 isolate gradient">
3140  <div class="collection section-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-padding">
3141    <div class="collection__title title-wrapper title-wrapper--no-top-margin page-width"></div>
3142
3143    <slider-component class="slider-mobile-gutter page-width page-width-desktop">
3144      <ul
3145        id="Slider-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8"
3146        class="grid product-grid contains-card contains-card--product contains-card--standard grid--3-col-desktop grid--1-col-tablet-down"
3147        role="list"
3148        aria-label="Slider"
3149      ><li
3150            id="Slide-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-1"
3151            class="grid__item"
3152          >
3153            
3154
3155<link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-rating.css?v=24573085263941240431734731053" rel="stylesheet" type="text/css" media="all" />
3156   <style>
3157
3158    .card__information {
3159      text-align: var(--product-card-text-alignment) !important;
3160    }
3161     
3162    .card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child) {
3163      opacity:1 !important;            
3164    }
3165
3166    .card-wrapper .media.media--hover-effect>img:first-child {
3167      z-index:3;
3168    }
3169
3170               
3171                
3172</style><div class="card-wrapper underline-links-hover">
3173    <div class="card
3174      card--standard
3175       card--media
3176      
3177      
3178      "
3179      style="--ratio-percent: 100.0%;"
3180    >
3181      <div class="card__inner color-background-1 gradient ratio" style="--ratio-percent: 100.0%;">
3182       
3183
3184          
3185          <div class="card__media">
3186            <div class="media media--transparent media--hover-effect">
3187              
3188              <img
3189                srcset="//www.withcococktails.com/cdn/shop/files/IG_QUOTES_3_69d387d3-7efc-4971-9ed2-cf5e0a857c92.png?v=1752859326&width=165 165w,//www.withcococktails.com/cdn/shop/files/IG_QUOTES_3_69d387d3-7efc-4971-9ed2-cf5e0a857c92.png?v=1752859326&width=360 360w,//www.withcococktails.com/cdn/shop/files/IG_QUOTES_3_69d387d3-7efc-4971-9ed2-cf5e0a857c92.png?v=1752859326&width=533 533w,//www.withcococktails.com/cdn/shop/files/IG_QUOTES_3_69d387d3-7efc-4971-9ed2-cf5e0a857c92.png?v=1752859326&width=720 720w,//www.withcococktails.com/cdn/shop/files/IG_QUOTES_3_69d387d3-7efc-4971-9ed2-cf5e0a857c92.png?v=1752859326&width=940 940w,//www.withcococktails.com/cdn/shop/files/IG_QUOTES_3_69d387d3-7efc-4971-9ed2-cf5e0a857c92.png?v=1752859326&width=1066 1066w,//www.withcococktails.com/cdn/shop/files/IG_QUOTES_3_69d387d3-7efc-4971-9ed2-cf5e0a857c92.png?v=1752859326 1080w"
3190                src="//www.withcococktails.com/cdn/shop/files/IG_QUOTES_3_69d387d3-7efc-4971-9ed2-cf5e0a857c92.png?v=1752859326&width=533"
3191                sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
3192                alt="Ellis Old Fashioned"
3193                class="motion-reduce"
3194                loading="lazy"
3195                width="1080"
3196                height="1080"
3197              >
3198              
3199</div>
3200          </div><div class="card__content">
3201          <div class="card__information">
3202            <h3 class="card__heading">
3203              <a href="/products/ellis-old-fashioned" id="StandardCardNoMediaLink-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10644671306" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10644671306 NoMediaStandardBadge-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10644671306">
3204                Ellis Old Fashioned
3205              </a>
3206              
3207            </h3>
3208          </div>
3209          <div class="card__badge bottom left"><span id="NoMediaStandardBadge-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10644671306" class="badge badge--bottom-left color-inverse">Sold out</span></div>
3210        </div>
3211      </div>
3212      <div class="card__content">
3213        <div class="card__information">
3214          <h3 class="card__heading h5" id="title-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10644671306">
3215            <a href="/products/ellis-old-fashioned" id="CardLink-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10644671306" class="full-unstyled-link" aria-labelledby="CardLink-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10644671306 Badge-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10644671306">
3216              Ellis Old Fashioned
3217            </a>
3218            
3219          </h3>
3220          <div class="card-information"><p class="shortDesc"></p>          
3221            <span class="caption-large light"></span>
3222<div class="price  price--sold-out ">
3223  <div class="price__container"><div class="price__regular">
3224      <span class="visually-hidden visually-hidden--inline">Regular price</span>
3225      <span class="price-item price-item--regular">
3226        <span data-wpd-product-handle="ellis-old-fashioned"
3227                data-wpd-variant-id="44410928562430"
3228                data-wpd-variant-price="2499"
3229                data-wpd-variant-compare-at-price="2000"
3230                data-wpd-product-collection-ids="57248415821,139610193997,410317750526,453274534142,436951777534,170046029901,413947914,410322272510,466671501566,406936289534,139619926093,406830711038"
3231                data-wpd-product-id="10644671306">From $24.99 USD</span>
3232      </span>
3233    </div>
3234    <div class="price__sale">
3235        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3236        <span>
3237          <s class="price-item price-item--regular">
3238            
3239              <span class="data-wpd-hide">$20.00 USD</span>
3240            
3241          </s>
3242        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
3243      <span class="price-item price-item--sale price-item--last">
3244        <span data-wpd-product-handle="ellis-old-fashioned"
3245                data-wpd-variant-id="44410928562430"
3246                data-wpd-variant-price="2499"
3247                data-wpd-variant-compare-at-price="2000"
3248                data-wpd-product-collection-ids="57248415821,139610193997,410317750526,453274534142,436951777534,170046029901,413947914,410322272510,466671501566,406936289534,139619926093,406830711038"
3249                data-wpd-product-id="10644671306">From $24.99 USD</span>
3250      </span>
3251    </div>
3252    <small class="unit-price caption hidden">
3253      <span class="visually-hidden">Unit price</span>
3254      <span class="price-item price-item--last">
3255        <span></span>
3256        <span aria-hidden="true">/</span>
3257        <span class="visually-hidden">&nbsp;per&nbsp;</span>
3258        <span>
3259        </span>
3260      </span>
3261    </small>
3262  </div></div>
3263
3264          </div>
3265        </div>
3266        <a href="/products/ellis-old-fashioned" class="quick-add__view-product button button--full-width button--secondary">View Product</a><div class="quick-add"><modal-opener data-modal="#QuickAdd-10644671306">
3267                <button
3268                  id="quick-add-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba810644671306-submit"
3269                  type="submit"
3270                  name="add"
3271                  class="quick-add__submit button button--full-width button--secondary"
3272                  aria-haspopup="dialog"
3273                  aria-labelledby="quick-add-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba810644671306-submit title-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10644671306"
3274                  data-product-url="/products/ellis-old-fashioned"
3275                >
3276                  Choose options
3277                  <div class="loading-overlay__spinner hidden">
3278                    <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
3279                      <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
3280                    </svg>
3281                  </div>
3282                </button>
3283              </modal-opener>
3284              <quick-add-modal id="QuickAdd-10644671306" class="quick-add-modal">
3285                <div role="dialog" aria-label="Choose options for Ellis Old Fashioned" aria-modal="true" class="quick-add-modal__content global-settings-popup" tabindex="-1">
3286                  <button id="ModalClose-10644671306" type="button" class="quick-add-modal__toggle" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17">
3287  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
3288</svg>
3289</button>
3290                  <div id="QuickAddInfo-10644671306" class="quick-add-modal__content-info">
3291                  </div>
3292                </div>
3293              </quick-add-modal></div><div class="card__badge bottom left"><span id="Badge-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10644671306" class="badge badge--bottom-left color-inverse">Sold out</span></div>
3294      </div>
3295    </div>
3296  </div>
3297          </li><li
3298            id="Slide-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-2"
3299            class="grid__item"
3300          >
3301            
3302
3303<link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-rating.css?v=24573085263941240431734731053" rel="stylesheet" type="text/css" media="all" />
3304   <style>
3305
3306    .card__information {
3307      text-align: var(--product-card-text-alignment) !important;
3308    }
3309     
3310    .card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child) {
3311      opacity:1 !important;            
3312    }
3313
3314    .card-wrapper .media.media--hover-effect>img:first-child {
3315      z-index:3;
3316    }
3317
3318               
3319                
3320</style><div class="card-wrapper underline-links-hover">
3321    <div class="card
3322      card--standard
3323       card--media
3324      
3325      
3326      "
3327      style="--ratio-percent: 100.0%;"
3328    >
3329      <div class="card__inner color-background-1 gradient ratio" style="--ratio-percent: 100.0%;">
3330       
3331
3332          
3333          <div class="card__media">
3334            <div class="media media--transparent media--hover-effect">
3335              
3336              <img
3337                srcset="//www.withcococktails.com/cdn/shop/files/IG_QUOTES_2.png?v=1751834725&width=165 165w,//www.withcococktails.com/cdn/shop/files/IG_QUOTES_2.png?v=1751834725&width=360 360w,//www.withcococktails.com/cdn/shop/files/IG_QUOTES_2.png?v=1751834725&width=533 533w,//www.withcococktails.com/cdn/shop/files/IG_QUOTES_2.png?v=1751834725&width=720 720w,//www.withcococktails.com/cdn/shop/files/IG_QUOTES_2.png?v=1751834725&width=940 940w,//www.withcococktails.com/cdn/shop/files/IG_QUOTES_2.png?v=1751834725&width=1066 1066w,//www.withcococktails.com/cdn/shop/files/IG_QUOTES_2.png?v=1751834725 1080w"
3338                src="//www.withcococktails.com/cdn/shop/files/IG_QUOTES_2.png?v=1751834725&width=533"
3339                sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
3340                alt="Agave Margarita"
3341                class="motion-reduce"
3342                loading="lazy"
3343                width="1080"
3344                height="1080"
3345              >
3346              
3347</div>
3348          </div><div class="card__content">
3349          <div class="card__information">
3350            <h3 class="card__heading">
3351              <a href="/products/agave-margarita" id="StandardCardNoMediaLink-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-4581580865613" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-4581580865613 NoMediaStandardBadge-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-4581580865613">
3352                Agave Margarita
3353              </a>
3354              
3355            </h3>
3356          </div>
3357          <div class="card__badge bottom left"><span id="NoMediaStandardBadge-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-4581580865613" class="badge badge--bottom-left color-inverse">Sold out</span></div>
3358        </div>
3359      </div>
3360      <div class="card__content">
3361        <div class="card__information">
3362          <h3 class="card__heading h5" id="title-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-4581580865613">
3363            <a href="/products/agave-margarita" id="CardLink-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-4581580865613" class="full-unstyled-link" aria-labelledby="CardLink-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-4581580865613 Badge-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-4581580865613">
3364              Agave Margarita
3365            </a>
3366            
3367          </h3>
3368          <div class="card-information"><p class="shortDesc"></p>          
3369            <span class="caption-large light"></span>
3370<div class="price  price--sold-out ">
3371  <div class="price__container"><div class="price__regular">
3372      <span class="visually-hidden visually-hidden--inline">Regular price</span>
3373      <span class="price-item price-item--regular">
3374        <span data-wpd-product-handle="agave-margarita"
3375                data-wpd-variant-id="44408563040510"
3376                data-wpd-variant-price="2000"
3377                data-wpd-variant-compare-at-price="2000"
3378                data-wpd-product-collection-ids="57248415821,139609899085,410317750526,436951777534,170046029901,413947914,410322272510,466671501566,406936289534,431175762174"
3379                data-wpd-product-id="4581580865613">From $20.00 USD</span>
3380      </span>
3381    </div>
3382    <div class="price__sale">
3383        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3384        <span>
3385          <s class="price-item price-item--regular">
3386            
3387              <span class="data-wpd-hide">$20.00 USD</span>
3388            
3389          </s>
3390        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
3391      <span class="price-item price-item--sale price-item--last">
3392        <span data-wpd-product-handle="agave-margarita"
3393                data-wpd-variant-id="44408563040510"
3394                data-wpd-variant-price="2000"
3395                data-wpd-variant-compare-at-price="2000"
3396                data-wpd-product-collection-ids="57248415821,139609899085,410317750526,436951777534,170046029901,413947914,410322272510,466671501566,406936289534,431175762174"
3397                data-wpd-product-id="4581580865613">From $20.00 USD</span>
3398      </span>
3399    </div>
3400    <small class="unit-price caption hidden">
3401      <span class="visually-hidden">Unit price</span>
3402      <span class="price-item price-item--last">
3403        <span></span>
3404        <span aria-hidden="true">/</span>
3405        <span class="visually-hidden">&nbsp;per&nbsp;</span>
3406        <span>
3407        </span>
3408      </span>
3409    </small>
3410  </div></div>
3411
3412          </div>
3413        </div>
3414        <a href="/products/agave-margarita" class="quick-add__view-product button button--full-width button--secondary">View Product</a><div class="quick-add"><modal-opener data-modal="#QuickAdd-4581580865613">
3415                <button
3416                  id="quick-add-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba84581580865613-submit"
3417                  type="submit"
3418                  name="add"
3419                  class="quick-add__submit button button--full-width button--secondary"
3420                  aria-haspopup="dialog"
3421                  aria-labelledby="quick-add-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba84581580865613-submit title-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-4581580865613"
3422                  data-product-url="/products/agave-margarita"
3423                >
3424                  Choose options
3425                  <div class="loading-overlay__spinner hidden">
3426                    <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
3427                      <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
3428                    </svg>
3429                  </div>
3430                </button>
3431              </modal-opener>
3432              <quick-add-modal id="QuickAdd-4581580865613" class="quick-add-modal">
3433                <div role="dialog" aria-label="Choose options for Agave Margarita" aria-modal="true" class="quick-add-modal__content global-settings-popup" tabindex="-1">
3434                  <button id="ModalClose-4581580865613" type="button" class="quick-add-modal__toggle" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17">
3435  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
3436</svg>
3437</button>
3438                  <div id="QuickAddInfo-4581580865613" class="quick-add-modal__content-info">
3439                  </div>
3440                </div>
3441              </quick-add-modal></div><div class="card__badge bottom left"><span id="Badge-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-4581580865613" class="badge badge--bottom-left color-inverse">Sold out</span></div>
3442      </div>
3443    </div>
3444  </div>
3445          </li><li
3446            id="Slide-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-3"
3447            class="grid__item"
3448          >
3449            
3450
3451<link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-rating.css?v=24573085263941240431734731053" rel="stylesheet" type="text/css" media="all" />
3452   <style>
3453
3454    .card__information {
3455      text-align: var(--product-card-text-alignment) !important;
3456    }
3457     
3458    .card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child) {
3459      opacity:1 !important;            
3460    }
3461
3462    .card-wrapper .media.media--hover-effect>img:first-child {
3463      z-index:3;
3464    }
3465
3466               
3467                
3468</style><div class="card-wrapper underline-links-hover">
3469    <div class="card
3470      card--standard
3471       card--media
3472      
3473      
3474      "
3475      style="--ratio-percent: 100.0%;"
3476    >
3477      <div class="card__inner color-background-1 gradient ratio" style="--ratio-percent: 100.0%;">
3478       
3479
3480          
3481          <div class="card__media">
3482            <div class="media media--transparent media--hover-effect">
3483              
3484              <img
3485                srcset="//www.withcococktails.com/cdn/shop/files/39_f3c095a8-5a8d-4e63
3485-ba3e-b52323b0e5fe.png?v=1759419672&width=165 165w,//www.withcococktails.com/cdn/shop/files/39_f3c095a8-5a8d-4e63-ba3e-b52323b0e5fe.png?v=1759419672&width=360 360w,//www.withcococktails.com/cdn/shop/files/39_f3c095a8-5a8d-4e63-ba3e-b52323b0e5fe.png?v=1759419672&width=533 533w,//www.withcococktails.com/cdn/shop/files/39_f3c095a8-5a8d-4e63-ba3e-b52323b0e5fe.png?v=1759419672&width=720 720w,//www.withcococktails.com/cdn/shop/files/39_f3c095a8-5a8d-4e63-ba3e-b52323b0e5fe.png?v=1759419672&width=940 940w,//www.withcococktails.com/cdn/shop/files/39_f3c095a8-5a8d-4e63-ba3e-b52323b0e5fe.png?v=1759419672&width=1066 1066w,//www.withcococktails.com/cdn/shop/files/39_f3c095a8-5a8d-4e63-ba3e-b52323b0e5fe.png?v=1759419672 3375w"
3486                src="//www.withcococktails.com/cdn/shop/files/39_f3c095a8-5a8d-4e63-ba3e-b52323b0e5fe.png?v=1759419672&width=533"
3487                sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
3488                alt="Ginger Mule"
3489                class="motion-reduce"
3490                loading="lazy"
3491                width="3375"
3492                height="3375"
3493              >
3494              
3495</div>
3496          </div><div class="card__content">
3497          <div class="card__information">
3498            <h3 class="card__heading">
3499              <a href="/products/gingermule" id="StandardCardNoMediaLink-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10644669514" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10644669514 NoMediaStandardBadge-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10644669514">
3500                Ginger Mule
3501              </a>
3502              
3503            </h3>
3504          </div>
3505          <div class="card__badge bottom left"></div>
3506        </div>
3507      </div>
3508      <div class="card__content">
3509        <div class="card__information">
3510          <h3 class="card__heading h5" id="title-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10644669514">
3511            <a href="/products/gingermule" id="CardLink-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10644669514" class="full-unstyled-link" aria-labelledby="CardLink-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10644669514 Badge-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10644669514">
3512              Ginger Mule
3513            </a>
3514            
3515          </h3>
3516          <div class="card-information"><p class="shortDesc"></p>          
3517            <span class="caption-large light"></span>
3518<div class="price ">
3519  <div class="price__container"><div class="price__regular">
3520      <span class="visually-hidden visually-hidden--inline">Regular price</span>
3521      <span class="price-item price-item--regular">
3522        <span data-wpd-product-handle="gingermule"
3523                data-wpd-variant-id="44410992918782"
3524                data-wpd-variant-price="2000"
3525                data-wpd-variant-compare-at-price="2000"
3526                data-wpd-product-collection-ids="432665362686,57248415821,139609899085,139610193997,453274534142,436951777534,170046029901,413947914,410322272510,466671501566,406936289534,431175762174"
3527                data-wpd-product-id="10644669514">From $20.00 USD</span>
3528      </span>
3529    </div>
3530    <div class="price__sale">
3531        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3532        <span>
3533          <s class="price-item price-item--regular">
3534            
3535              <span class="data-wpd-hide">$20.00 USD</span>
3536            
3537          </s>
3538        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
3539      <span class="price-item price-item--sale price-item--last">
3540        <span data-wpd-product-handle="gingermule"
3541                data-wpd-variant-id="44410992918782"
3542                data-wpd-variant-price="2000"
3543                data-wpd-variant-compare-at-price="2000"
3544                data-wpd-product-collection-ids="432665362686,57248415821,139609899085,139610193997,453274534142,436951777534,170046029901,413947914,410322272510,466671501566,406936289534,431175762174"
3545                data-wpd-product-id="10644669514">From $20.00 USD</span>
3546      </span>
3547    </div>
3548    <small class="unit-price caption hidden">
3549      <span class="visually-hidden">Unit price</span>
3550      <span class="price-item price-item--last">
3551        <span></span>
3552        <span aria-hidden="true">/</span>
3553        <span class="visually-hidden">&nbsp;per&nbsp;</span>
3554        <span>
3555        </span>
3556      </span>
3557    </small>
3558  </div></div>
3559
3560          </div>
3561        </div>
3562        <a href="/products/gingermule" class="quick-add__view-product button button--full-width button--secondary">View Product</a><div class="quick-add"><modal-opener data-modal="#QuickAdd-10644669514">
3563                <button
3564                  id="quick-add-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba810644669514-submit"
3565                  type="submit"
3566                  name="add"
3567                  class="quick-add__submit button button--full-width button--secondary"
3568                  aria-haspopup="dialog"
3569                  aria-labelledby="quick-add-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba810644669514-submit title-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10644669514"
3570                  data-product-url="/products/gingermule"
3571                >
3572                  Choose options
3573                  <div class="loading-overlay__spinner hidden">
3574                    <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
3575                      <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
3576                    </svg>
3577                  </div>
3578                </button>
3579              </modal-opener>
3580              <quick-add-modal id="QuickAdd-10644669514" class="quick-add-modal">
3581                <div role="dialog" aria-label="Choose options for Ginger Mule" aria-modal="true" class="quick-add-modal__content global-settings-popup" tabindex="-1">
3582                  <button id="ModalClose-10644669514" type="button" class="quick-add-modal__toggle" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17">
3583  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
3584</svg>
3585</button>
3586                  <div id="QuickAddInfo-10644669514" class="quick-add-modal__content-info">
3587                  </div>
3588                </div>
3589              </quick-add-modal></div><div class="card__badge bottom left"></div>
3590      </div>
3591    </div>
3592  </div>
3593          </li><li
3594            id="Slide-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-4"
3595            class="grid__item"
3596          >
3597            
3598
3599<link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-rating.css?v=24573085263941240431734731053" rel="stylesheet" type="text/css" media="all" />
3600   <style>
3601
3602    .card__information {
3603      text-align: var(--product-card-text-alignment) !important;
3604    }
3605     
3606    .card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child) {
3607      opacity:1 !important;            
3608    }
3609
3610    .card-wrapper .media.media--hover-effect>img:first-child {
3611      z-index:3;
3612    }
3613
3614               
3615                
3616</style><div class="card-wrapper underline-links-hover">
3617    <div class="card
3618      card--standard
3619       card--media
3620      
3621      
3622      "
3623      style="--ratio-percent: 100.0%;"
3624    >
3625      <div class="card__inner color-background-1 gradient ratio" style="--ratio-percent: 100.0%;">
3626       
3627
3628          
3629          <div class="card__media">
3630            <div class="media media--transparent media--hover-effect">
3631              
3632              <img
3633                srcset="//www.withcococktails.com/cdn/shop/files/37_39ce2429-6bbd-48cc-bae7-6bf6c08ed5e5.png?v=1752859377&width=165 165w,//www.withcococktails.com/cdn/shop/files/37_39ce2429-6bbd-48cc-bae7-6bf6c08ed5e5.png?v=1752859377&width=360 360w,//www.withcococktails.com/cdn/shop/files/37_39ce2429-6bbd-48cc-bae7-6bf6c08ed5e5.png?v=1752859377&width=533 533w,//www.withcococktails.com/cdn/shop/files/37_39
3633ce2429-6bbd-48cc-bae7-6bf6c08ed5e5.png?v=1752859377&width=720 720w,//www.withcococktails.com/cdn/shop/files/37_39ce2429-6bbd-48cc-bae7-6bf6c08ed5e5.png?v=1752859377&width=940 940w,//www.withcococktails.com/cdn/shop/files/37_39ce2429-6bbd-48cc-bae7-6bf6c08ed5e5.png?v=1752859377&width=1066 1066w,//www.withcococktails.com/cdn/shop/files/37_39ce2429-6bbd-48cc-bae7-6bf6c08ed5e5.png?v=1752859377 3375w"
3634                src="//www.withcococktails.com/cdn/shop/files/37_39ce2429-6bbd-48cc-bae7-6bf6c08ed5e5.png?v=1752859377&width=533"
3635                sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
3636                alt="Bouquet"
3637                class="motion-reduce"
3638                loading="lazy"
3639                width="3375"
3640                height="3375"
3641              >
3642              
3643</div>
3644          </div><div class="card__content">
3645          <div class="card__information">
3646            <h3 class="card__heading">
3647              <a href="/products/bouquet" id="StandardCardNoMediaLink-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10642097866" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10642097866 NoMediaStandardBadge-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10642097866">
3648                Bouquet
3649              </a>
3650              
3651            </h3>
3652          </div>
3653          <div class="card__badge bottom left"></div>
3654        </div>
3655      </div>
3656      <div class="card__content">
3657        <div class="card__information">
3658          <h3 class="card__heading h5" id="title-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10642097866">
3659            <a href="/products/bouquet" id="CardLink-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10642097866" class="full-unstyled-link" aria-labelledby="CardLink-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10642097866 Badge-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10642097866">
3660              Bouquet
3661            </a>
3662            
3663          </h3>
3664          <div class="card-information"><p class="shortDesc"></p>          
3665            <span class="caption-large light"></span>
3666<div class="price ">
3667  <div class="price__container"><div class="price__regular">
3668      <span class="visually-hidden visually-hidden--inline">Regular price</span>
3669      <span class="price-item price-item--regular">
3670        <span data-wpd-product-handle="bouquet"
3671                data-wpd-variant-id="44410593214718"
3672                data-wpd-variant-price="2000"
3673                data-wpd-variant-compare-at-price=""
3674                data-wpd-product-collection-ids="57248415821,139609899085,170046029901,413947914,410322272510,466671501566,406936289534,431175762174,406830711038"
3675                data-wpd-product-id="10642097866">From $20.00 USD</span>
3676      </span>
3677    </div>
3678    <div class="price__sale">
3679        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3680        <span>
3681          <s class="price-item price-item--regular">
3682            
3683              <span class="data-wpd-hide"></span>
3684            
3685          </s>
3686        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
3687      <span class="price-item price-item--sale price-item--last">
3688        <span data-wpd-product-handle="bouquet"
3689                data-wpd-variant-id="44410593214718"
3690                data-wpd-variant-price="2000"
3691                data-wpd-variant-compare-at-price=""
3692                data-wpd-product-collection-ids="57248415821,139609899085,170046029901,413947914,410322272510,466671501566,406936289534,431175762174,406830711038"
3693                data-wpd-product-id="10642097866">From $20.00 USD</span>
3694      </span>
3695    </div>
3696    <small class="unit-price caption hidden">
3697      <span class="visually-hidden">Unit price</span>
3698      <span class="price-item price-item--last">
3699        <span></span>
3700        <span aria-hidden="true">/</span>
3701        <span class="visually-hidden">&nbsp;per&nbsp;</span>
3702        <span>
3703        </span>
3704      </span>
3705    </small>
3706  </div></div>
3707
3708          </div>
3709        </div>
3710        <a href="/products/bouquet" class="quick-add__view-product button button--full-width button--secondary">View Product</a><div class="quick-add"><modal-opener data-modal="#QuickAdd-10642097866">
3711                <button
3712                  id="quick-add-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba810642097866-submit"
3713                  type="submit"
3714                  name="add"
3715                  class="quick-add__submit button button--full-width button--secondary"
3716                  aria-haspopup="dialog"
3717                  aria-labelledby="quick-add-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba810642097866-submit title-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-10642097866"
3718                  data-product-url="/products/bouquet"
3719                >
3720                  Choose options
3721                  <div class="loading-overlay__spinner hidden">
3722                    <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
3723                      <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
3724                    </svg>
3725                  </div>
3726                </button>
3727              </modal-opener>
3728              <quick-add-modal id="QuickAdd-10642097866" class="quick-add-modal">
3729                <div role="dialog" aria-label="Choose options for Bouquet" aria-modal="true" class="quick-add-modal__content global-settings-popup" tabindex="-1">
3730                  <button id="ModalClose-10642097866" type="button" class="quick-add-modal__toggle" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17">
3731  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
3732</svg>
3733</button>
3734                  <div id="QuickAddInfo-10642097866" class="quick-add-modal__content-info">
3735                  </div>
3736                </div>
3737              </quick-add-modal></div><div class="card__badge bottom left"></div>
3738      </div>
3739    </div>
3740  </div>
3741          </li><li
3742            id="Slide-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-5"
3743            class="grid__item"
3744          >
3745            
3746
3747<link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-rating.css?v=24573085263941240431734731053" rel="stylesheet" type="text/css" media="all" />
3748   <style>
3749
3750    .card__information {
3751      text-align: var(--product-card-text-alignment) !important;
3752    }
3753     
3754    .card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child) {
3755      opacity:1 !important;            
3756    }
3757
3758    .card-wrapper .media.media--hover-effect>img:first-child {
3759      z-index:3;
3760    }
3761
3762               
3763                
3764</style><div class="card-wrapper underline-links-hover">
3765    <div class="card
3766      card--standard
3767       card--media
3768      
3769      
3770      "
3771      style="--ratio-percent: 100.0%;"
3772    >
3773      <div class="card__inner color-background-1 gradient ratio" style="--ratio-percent: 100.0%;">
3774       
3775
3776          
3777          <div class="card__media">
3778            <div class="media media--transparent media--hover-effect">
3779              
3780              <img
3781                srcset="//www.withcococktails.com/cdn/shop/files/IG_QUOTES_10_5185142d-df0c-4ee8-a113-124b5a7e2d52.png?v=1753114455&width=165 165w,//www.withcococktails.com/cdn/shop/files/IG_QUOTES_10_5185142d-df0c-4ee8-a113-124b5a7e2d52.png?v=1753114455&width=360 360w,//www.withcococktails.com/cdn/shop/files/IG_QUOTES_10_5185142d-df0c-4ee8-a113-124b5a7e2d52.png?v=1753114455&width=533 533w,//www.withcococktails.com/cdn/shop/files/IG_QUOTES_10_5185142d-df0c-4ee8-a113-124b5a7e2d52.png?v=1753114455&width=720 720w,//www.withcococktails.com/cdn/shop/files/IG_QUOTES_10_5185142d-df0c-4ee8-a113-124b5a7e2d52.png?v=1753114455&width=940 940w,//www.withcococktails.com/cdn/shop/files/IG_QUOTES_10_5185142d-df0c-4ee8-a113-124b5a7e2d52.png?v=1753114455&width=1066 1066w,//www.withcococktails.com/cdn/shop/files/IG_QUOTES_10_5185142d-df0c-4ee8-a113-124b5a7e2d52.png?v=1753114455 3375w"
3782                src="//www.withcococktails.com/cdn/shop/files/IG_QUOTES_10_5185142d-df0c-4ee8-a113-124b5a7e2d52.png?v=1753114455&width=533"
3783                sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
3784                alt="Paloma"
3785                class="motion-reduce"
3786                loading="lazy"
3787                width="3375"
3788                height="3375"
3789              >
3790              
3791</div>
3792          </div><div class="card__content">
3793          <div class="card__information">
3794            <h3 class="card__heading">
3795              <a href="/products/paloma" id="StandardCardNoMediaLink-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-8045707985150" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-8045707985150 NoMediaStandardBadge-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-8045707985150">
3796                Paloma
3797              </a>
3798              
3799            </h3>
3800          </div>
3801          <div class="card__badge bottom left"></div>
3802        </div>
3803      </div>
3804      <div class="card__content">
3805        <div class="card__information">
3806          <h3 class="card__heading h5" id="title-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-8045707985150">
3807            <a href="/products/paloma" id="CardLink-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-8045707985150" class="full-unstyled-link" aria-labelledby="CardLink-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-8045707985150 Badge-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-8045707985150">
3808              Paloma
3809            </a>
3810            
3811          </h3>
3812          <div class="card-information"><p class="shortDesc"></p>          
3813            <span class="caption-large light"></span>
3814<div class="price ">
3815  <div class="price__container"><div class="price__regular">
3816      <span class="visually-hidden visually-hidden--inline">Regular price</span>
3817      <span class="price-item price-item--regular">
3818        <span data-wpd-product-handle="paloma"
3819                data-wpd-variant-id="44411047674110"
3820                data-wpd-variant-price="2000"
3821                data-wpd-variant-compare-at-price="2000"
3822                data-wpd-product-collection-ids="57248415821,139609899085,410317750526,453274534142,413947914,410322272510,466671501566,406936289534,431175762174"
3823                data-wpd-product-id="8045707985150">From $20.00 USD</span>
3824      </span>
3825    </div>
3826    <div class="price__sale">
3827        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3828        <span>
3829          <s class="price-item price-item--regular">
3830            
3831              <span class="data-wpd-hide">$20.00 USD</span>
3832            
3833          </s>
3834        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
3835      <span class="price-item price-item--sale price-item--last">
3836        <span data-wpd-product-handle="paloma"
3837                data-wpd-variant-id="44411047674110"
3838                data-wpd-variant-price="2000"
3839                data-wpd-variant-compare-at-price="2000"
3840                data-wpd-product-collection-ids="57248415821,139609899085,410317750526,453274534142,413947914,410322272510,466671501566,406936289534,431175762174"
3841                data-wpd-product-id="8045707985150">From $20.00 USD</span>
3842      </span>
3843    </div>
3844    <small class="unit-price caption hidden">
3845      <span class="visually-hidden">Unit price</span>
3846      <span class="price-item price-item--last">
3847        <span></span>
3848        <span aria-hidden="true">/</span>
3849        <span class="visually-hidden">&nbsp;per&nbsp;</span>
3850        <span>
3851        </span>
3852      </span>
3853    </small>
3854  </div></div>
3855
3856          </div>
3857        </div>
3858        <a href="/products/paloma" class="quick-add__view-product button button--full-width button--secondary">View Product</a><div class="quick-add"><modal-opener data-modal="#QuickAdd-8045707985150">
3859                <button
3860                  id="quick-add-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba88045707985150-submit"
3861                  type="submit"
3862                  name="add"
3863                  class="quick-add__submit button button--full-width button--secondary"
3864                  aria-haspopup="dialog"
3865                  aria-labelledby="quick-add-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba88045707985150-submit title-template--18490087768318__ef27d7dd-5caa-4d62-b84f-f7bd701c5ba8-8045707985150"
3866                  data-product-url="/products/paloma"
3867                >
3868                  Choose options
3869                  <div class="loading-overlay__spinner hidden">
3870                    <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
3871                      <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
3872                    </svg>
3873                  </div>
3874                </button>
3875              </modal-opener>
3876              <quick-add-modal id="QuickAdd-8045707985150" class="quick-add-modal">
3877                <div role="dialog" aria-label="Choose options for Paloma" aria-modal="true" class="quick-add-modal__content global-settings-popup" tabindex="-1">
3878                  <button id="ModalClose-8045707985150" type="button" class="quick-add-modal__toggle" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17">
3879  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
3880</svg>
3881</button>
3882                  <div id="QuickAddInfo-8045707985150" class="quick-add-modal__content-info">
3883                  </div>
3884                </div>
3885              </quick-add-modal></div><div class="card__badge bottom left"></div>
3886      </div>
3887    </div>
3888  </div>
3889          </li></ul></slider-component></div>
3890</div>
3891
3892
3893</section><section id="shopify-section-template--18490087768318__rich_text_3ab9tY" class="shopify-section section"><link rel="stylesheet" href="//www.withcococktails.com/cdn/shop/t/41/assets/component-rte.css?v=69919436638515329781734731053" media="print" onload="this.media='all'">
3894<link rel="stylesheet" href="//www.withcococktails.com/cdn/shop/t/41/assets/section-rich-text.css?v=155250126305810049721734731053" media="print" onload="this.media='all'">
3895
3896<noscript><link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-rte.css?v=69919436638515329781734731053" rel="stylesheet" type="text/css" media="all" /></noscript>
3897<noscript><link href="//www.withcococktails.com/cdn/shop/t/41/assets/section-rich-text.css?v=155250126305810049721734731053" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.section-template--18490087768318__rich_text_3ab9tY-padding {
3898    padding-top: 12px;
3899    padding-bottom: 36px;
3900  }
3901
3902  @media screen and (min-width: 750px) {
3903    .section-template--18490087768318__rich_text_3ab9tY-padding {
3904      padding-top: 16px;
3905      padding-bottom: 48px;
3906    }
3907  }
3908
3909  
3910</style><div class="isolate">
3911  <div class="rich-text content-container color-accent-1 gradient rich-text--full-width content-container--full-width section-template--18490087768318__rich_text_3ab9tY-padding   ">
3912    <div class="rich-text__wrapper rich-text__wrapper--center page-width">
3913      <div class="rich-text__blocks center"><div class="rich-text__buttons" ><a href="/pages/shop-all" class="button button--primary">Shop Everything</a></div></div>
3914    </div>
3915  </div>
3916</div>
3917
3918
3919</section><section id="shopify-section-template--18490087768318__split_slider_j9hwqJ" class="shopify-section section"><style>
3920  
3921 .c-slider {
3922  position: relative;
3923  overflow: hidden;
3924}
3925.c-slider__controls {
3926  display: flex;
3927  flex-direction: column;
3928  color: #000;
3929
3930}
3931.c-slider__controls--slide {
3932  padding-top: 20px;
3933}
3934.c-slider__controls--position-center {
3935  align-items: center;
3936}
3937.c-slider__controls--position-right {
3938  align-items: end;
3939}
3940.c-slider__dots-nav {
3941  margin: 0 -3px 20px;
3942}
3943.c-slider__dots-nav button {
3944  color: inherit;
3945  cursor: pointer;
3946  padding: 0 3px;
3947  background: 0 0;
3948  border: 0;
3949  font-size: 0;
3950}
3951.c-slider__dots-nav button span {
3952  display: block;
3953  width: 8px;
3954  height: 8px;
3955  border-radius: 50%;
3956  background: 0 0;
3957  border: 1px solid currentColor;
3958  transition: background 0.1s;
3959}
3960.c-slider__dots-nav button:hover span {
3961  background: currentColor;
3962}
3963.c-slider__dots-nav:not(:hover) button.is-active span,
3964.c-slider__dots-nav:not(:hover) button[aria-current="true"] span {
3965  transition: none;
3966  background: currentColor;
3967}
3968.c-slider__arrows-nav {
3969  display: flex;
3970  align-items: center;
3971  margin: -3px 0;
3972}
3973.c-slider__arrows-nav--hide-text button {
3974  font-size: 0;
3975}
3976.c-slider__arrows-nav button {
3977  color: inherit;
3978  cursor: pointer;
3979  display: flex;
3980  align-items: center;
3981  margin: 0 3px;
3982  padding: 0;
3983  background: 0 0;
3984  border: 0;
3985  text-transform: uppercase;
3986  transition: opacity 0.15s;
3987}
3988.c-slider__arrows-nav button:focus,
3989.c-slider__arrows-nav button:hover {
3990  opacity: 0.65;
3991}
3992.c-slider__arrows-nav button[data-direction="next"] svg,
3993.c-slider__arrows-nav button[data-direction="prev"] svg {
3994  width: 30px;
3995  height: 30px;
3996  backface-visibility: hidden;
3997  fill: currentColor;
3998}
3999  
4000  
4001  
4002.c-slider__arrows-nav button[data-direction="prev"] svg {
4003  margin-right: 5px;
4004}
4005.c-slider__arrows-nav button[data-direction="next"] svg {
4006  transform: rotate(180deg);
4007  margin-left: 5px;
4008}
4009.c-slider__arrows-nav--hide-text button[data-direction="next"] svg {
4010  margin-left: 0;
4011}
4012.c-slider__content {
4013  display: flex;
4014  flex-direction: column;
4015  width: 100%;
4016  padding: 2rem;
4017}
4018@media (min-width: 750px) {
4019  .c-slider__content {
4020    padding: 2.3rem 3rem;
4021  }
4022}
4023.c-slider__content :first-child {
4024  margin-top: 0;
4025}
4026.c-slider__content :last-child {
4027  margin-bottom: 0;
4028}
4029.c-slider__content-wrapper {
4030  box-sizing: border-box;
4031}
4032@media (max-width: 749px) {
4033  .c-slider__content-wrapper {
4034    width: 100% !important;
4035  }
4036}
4037@media (min-width: 750px) {
4038  .c-slider__content-wrapper {
4039    display: flex;
4040    flex-direction: row;
4041    width: 100%;
4042  }
4043  .c-slider__content-wrapper--stacked {
4044    flex-direction: column-reverse;
4045  }
4046}
4047.c-slider__media {
4048  overflow: hidden;
4049}
4050.c-slider__media img {
4051  display: block;
4052  width: 100%;
4053  height: auto;
4054  min-height: 100%;
4055  max-height: 100vh;
4056  box-sizing: border-box;
4057  object-fit: cover;
4058}
4059.swiper-slide-visible
4060  .c-slider__media:not(.c-slider__media--disable-image-animation)
4061  img {
4062  animation: sliderMediaScale backwards 0.75s 50ms;
4063}
4064@media (min-width: 750px) {
4065  .c-slider__media {
4066    min-width: 100%;
4067  }
4068  .c-slider__media-position--right {
4069    order: 1;
4070  }
4071  .c-slider__media--half-width {
4072    min-width: 50%;
4073  }
4074  .c-slider__media--third-width {
4075    min-width: 33%;
4076    width:33%;
4077  }
4078}
4079@keyframes sliderMediaScale {
4080  from {
4081    transform: scale(1.025);
4082  }
4083  to {
4084    transform: scale(1);
4085  }
4086}
4087  
4088  
4089  
4090 
4091  
4092</style>
4093
4094
4095
4096
4097<style data-shopify>
4098#section-template--18490087768318__split_slider_j9hwqJ .c-slider__content h2 {
4099
4100line-height:1.1em;
4101margin-block-end:0.5em !important;
4102  margin-block-start:0.5em !important;
4103
4104}
4105
4106
4107#section-template--18490087768318__split_slider_j9hwqJ .c-slider__content {
4108 padding:4vw 4vw!important;
4109 justify-content: center;
4110 position:relative;
4111}
4112
4113@media screen and (min-width:750px) {
4114
4115  
4116
4117
4118}
4119
4120@media screen and (min-width:750px) {
4121
4122.description-position--bottomLeft {
4123 position:absolute;
4124 width:100%;
4125 left:2vw;
4126 bottom:2vw;
4127 max-width:30em;
4128 
4129}
4130
4131.description-position--bottomRight {
4132 position:absolute;
4133 width:100%;
4134 right:2vw;
4135 bottom:2vw;
4136 max-width:30em;
4137 
4138}
4139
4140.description-position--topRight {
4141 position:absolute;
4142 width:100%;
4143 top:2vw;
4144 right:2vw;
4145 max-width:30em;
4146 
4147}
4148
4149.description-position--topLeft {
4150 position:absolute;
4151 width:100%;
4152 top:2vw;
4153 left:2vw;
4154 max-width:30em;
4155 
4156}
4157
4158}
4159
4160
4161
4162
4163
4164</style>
4165
4166<div class=" borders topBorder justified" id="section-template--18490087768318__split_slider_j9hwqJ">
4167  <div class="js-slider c-slider" data-autoplay = "4" data-start-index = "0" data-animation = "fade" data-animation-speed = "800" data-display-dots-nav = false data-display-arrows-nav = false data-display-arrows-nav-text = true data-arrow-nav-icon='' style="background-color:#445a58;">
4168  <div class="c-slider__inner swiper-wrapper">
4169
4170  
4171  
4172    <div class="c-slider__item swiper-slide" >
4173      <div class="c-slider__content-wrapper">
4174  
4175        <!-- Image Block --><div class="c-slider__media c-slider__media-position--left c-slider__media--half-width ">
4176            <img
4177              srcset="//www.withcococktails.com/cdn/shop/files/37_4266b77e-b4b9-40f8-b24b-5a82d3a62c96_375x.png?v=1737044840 375w,//www.withcococktails.com/cdn/shop/files/37_4266b77e-b4b9-40f8-b24b-5a82d3a62c96_550x.png?v=1737044840 550w,//www.withcococktails.com/cdn/shop/files/37_4266b77e-b4b9-40f8-b24b-5a82d3a62c96_750x.png?v=1737044840 7
417750w,//www.withcococktails.com/cdn/shop/files/37_4266b77e-b4b9-40f8-b24b-5a82d3a62c96_1100x.png?v=1737044840 1100w,//www.withcococktails.com/cdn/shop/files/37_4266b77e-b4b9-40f8-b24b-5a82d3a62c96_1500x.png?v=1737044840 1500w,//www.withcococktails.com/cdn/shop/files/37_4266b77e-b4b9-40f8-b24b-5a82d3a62c96_1780x.png?v=1737044840 1780w,//www.withcococktails.com/cdn/shop/files/37_4266b77e-b4b9-40f8-b24b-5a82d3a62c96_2000x.png?v=1737044840 2000w,//www.withcococktails.com/cdn/shop/files/37_4266b77e-b4b9-40f8-b24b-5a82d3a62c96_3000x.png?v=1737044840 3000w,//www.withcococktails.com/cdn/shop/files/37_4266b77e-b4b9-40f8-b24b-5a82d3a62c96.png?v=1737044840 3375w"
4178              sizes="100vw"
4179              src="//www.withcococktails.com/cdn/shop/files/37_4266b77e-b4b9-40f8-b24b-5a82d3a62c96_1500x.png?v=1737044840"
4180              loading="lazy"
4181              alt=""
4182              width="3375"
4183              height="3375"
4184              style="max-height: 86vh; border: 0rem solid transparent;"
4185             >
4186          </div><!-- end Image Block -->
4187        
4188        <!-- Content Block -->
4189        <div class="c-slider__content" style=" color:#fbf9f6;padding: 3rem;">
4190          
4191          <p class="image-with-text__text--caption caption-with-letter-spacing caption-with-letter-spacing--medium caption-with-letter-spacing" >Made with fresh juices and botanicals.</p>
4192         
4193          <h2 class="h1" style=" color:#fbf9f6;">The drinks you love with ingredients you deserve.</h2>
4194          <div class="description description-position--default">
4195          <p>Each WithCo bottle is packed with flavor and functional benefits so you can feel good about what you consume.</p>
4196          </div><div class="c-slider__button-container">
4197              <a class="button button--secondary" href="/pages/shop-all">
4198                
4199                  Shop Now ⟶
4200                
4201              </a>
4202            </div><div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-left" style=" color:#0d0c0c;"></div>
4203        </div>
4204        <!-- end Content Block -->
4205  
4206      </div>
4207    </div>
4208  
4209 
4210 </div>
4211 <div class="c-slider__controls c-slider__controls--position-left" style="display: none;  color:#0d0c0c; padding: 0 3rem 3rem;">
4212  <div class="c-slider__dots-nav"></div>
4213</div>
4214 </div>
4215</div>
4216  
4217
4218
4219<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.min.css"/>
4220<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 4220
4220
4221<script>
4222/*!
4223 * Slider
4224 * Version: 1.0.0
4225 * License: Commercial License
4226 */
4227function sectionSlider(){var sliderID=Math.random().toString(36).slice(2),sliderElement=document.querySelector(".js-slider");if(!sliderElement)return null;sliderElement.classList.remove("js-slider"),sliderElement.setAttribute("id","slider-"+sliderID);var options={animation:sliderElement.getAttribute("data-animation"),animationSpeed:+sliderElement.getAttribute("data-animation-speed"),autoplay:sliderElement.getAttribute("data-autoplay"),startIndex:sliderElement.getAttribute("data-start-index"),displayDotsNav:"true"===sliderElement.getAttribute("data-display-dots-nav"),displayArrowsNav:"true"===sliderElement.getAttribute("data-display-arrows-nav"),displayArrowsNavText:"true"===sliderElement.getAttribute("data-display-arrows-nav-text"),arrowNavIcon:sliderElement.getAttribute("data-arrow-nav-icon")||'<svg viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm-4.828 11.5l4.608 3.763-.679.737-6.101-5 6.112-5 .666.753-4.604 3.747h11.826v1h-11.828z"/></svg>'},controls=sliderElement.querySelector(".c-slider__controls:not(.c-slider__controls--slide)"),controlDots=controls.querySelector(".c-slider__dots-nav"),slides=[].slice.call(sliderElement.querySelectorAll(".c-slider__item"));function createDotsNav(controls){var nav=document.createElement("div");nav.className="c-slider__dots-nav",controls.appendChild(nav),slides.forEach((function(s,index){var button=document.createElement("button"),buttonInner=document.createElement("span");buttonInner.textContent="Slide "+(index+1),button.appendChild(buttonInner),nav.appendChild(button)}))}function createArrowsNav(controls){var nav=document.createElement("div");nav.className="c-slider__arrows-nav"+(options.displayArrowsNavText?"":" c-slider__arrows-nav--hide-text"),controls.appendChild(nav);var prev=document.createElement("button"),next=document.createElement("button");prev.innerHTML=options.arrowNavIcon+"Prev",next.innerHTML="Next"+options.arrowNavIcon,prev.setAttribute("data-direction","prev"),next.setAttribute("data-direction","next"),nav.appendChild(prev),nav.appendChild(next)}slides.forEach((function(slide){var controls=slide.querySelector(".c-slider__controls");options.displayDotsNav&&createDotsNav(controls),options.displayArrowsNav&&createArrowsNav(controls)})),options.displayArrowsNav&&createArrowsNav(controls);var swiper=new Swiper(sliderElement,{effect:options.animation,speed:options.animationSpeed,fadeEffect:{crossFade:!0},initialSlide:+options.startIndex,pagination:{el:options.displayDotsNav?"#slider-"+sliderID+" > .c-slider__controls .c-slider__dots-nav":null,type:"bullets",bulletElement:"button",bulletClass:"c-slider__dots-nav-item",bulletActiveClass:"is-active",clickable:!0,renderBullet:function(index,className){return'<button class="'+className+'"><span>Slide '+index+"1</span></button>"}},navigation:{nextEl:"#slider-"+sliderID+' .c-slider__arrows-nav button[data-direction="next"]',prevEl:"#slider-"+sliderID+' .c-slider__arrows-nav button[data-direction="prev"]'},autoplay:"0"!=options.autoplay&&{delay:1e3*+options.autoplay,pauseOnMouseEnter: !0, disableOnInteraction: false },loop:!0});function setActiveDot(){var sliderDotNavElements;[].slice.call(sliderElement.querySelectorAll(".c-slider__dots-nav button")).forEach((function(dot){dot.classList.remove("is-active"),swiper.realIndex==dot.getAttribute("data-index")&&dot.classList.add("is-active")}))}swiper.slides.forEach((function(slide){var sliderDotNavElements;[].slice.call(slide.querySelectorAll(".c-slider__dots-nav button")).forEach((function(dot,index){dot.setAttribute("data-index",index),dot.addEventListener("click",(function(){swiper.slideToLoop(index)}))}))})),swiper.on("activeIndexChange",(function(){setActiveDot()})),setActiveDot(),controlDots.classList.remove("swiper-pagination-bullets"),controlDots.classList.remove("swiper-pagination-horizontal")}document.addEventListener("DOMContentLoaded",sectionSlider);</script>
4227
4228
4229<script>
4230   function addAccess() {
4231
4232
4233
4234  var elems =document.querySelectorAll(".c-slider__item:not(:last-child) .c-slider__controls button");
4235
4236  elems.forEach(function (elem, index) {
4237     
4238	elem.setAttribute("tabindex","-1")
4239   });
4240
4241}
4242
4243document.addEventListener("DOMContentLoaded", addAccess);
4244</script>
4244</section><section id="shopify-section-template--18490087768318__7a45a6a6-a0da-4419-9bb0-e2f4e504117d" class="shopify-section section"><style>
4245  
4246 .c-slider {
4247  position: relative;
4248  overflow: hidden;
4249}
4250.c-slider__controls {
4251  display: flex;
4252  flex-direction: column;
4253  color: #000;
4254
4255}
4256.c-slider__controls--slide {
4257  padding-top: 20px;
4258}
4259.c-slider__controls--position-center {
4260  align-items: center;
4261}
4262.c-slider__controls--position-right {
4263  align-items: end;
4264}
4265.c-slider__dots-nav {
4266  margin: 0 -3px 20px;
4267}
4268.c-slider__dots-nav button {
4269  color: inherit;
4270  cursor: pointer;
4271  padding: 0 3px;
4272  background: 0 0;
4273  border: 0;
4274  font-size: 0;
4275}
4276.c-slider__dots-nav button span {
4277  display: block;
4278  width: 8px;
4279  height: 8px;
4280  border-radius: 50%;
4281  background: 0 0;
4282  border: 1px solid currentColor;
4283  transition: background 0.1s;
4284}
4285.c-slider__dots-nav button:hover span {
4286  background: currentColor;
4287}
4288.c-slider__dots-nav:not(:hover) button.is-active span,
4289.c-slider__dots-nav:not(:hover) button[aria-current="true"] span {
4290  transition: none;
4291  background: currentColor;
4292}
4293.c-slider__arrows-nav {
4294  display: flex;
4295  align-items: center;
4296  margin: -3px 0;
4297}
4298.c-slider__arrows-nav--hide-text button {
4299  font-size: 0;
4300}
4301.c-slider__arrows-nav button {
4302  color: inherit;
4303  cursor: pointer;
4304  display: flex;
4305  align-items: center;
4306  margin: 0 3px;
4307  padding: 0;
4308  background: 0 0;
4309  border: 0;
4310  text-transform: uppercase;
4311  transition: opacity 0.15s;
4312}
4313.c-slider__arrows-nav button:focus,
4314.c-slider__arrows-nav button:hover {
4315  opacity: 0.65;
4316}
4317.c-slider__arrows-nav button[data-direction="next"] svg,
4318.c-slider__arrows-nav button[data-direction="prev"] svg {
4319  width: 30px;
4320  height: 30px;
4321  backface-visibility: hidden;
4322  fill: currentColor;
4323}
4324  
4325  
4326  
4327.c-slider__arrows-nav button[data-direction="prev"] svg {
4328  margin-right: 5px;
4329}
4330.c-slider__arrows-nav button[data-direction="next"] svg {
4331  transform: rotate(180deg);
4332  margin-left: 5px;
4333}
4334.c-slider__arrows-nav--hide-text button[data-direction="next"] svg {
4335  margin-left: 0;
4336}
4337.c-slider__content {
4338  display: flex;
4339  flex-direction: column;
4340  width: 100%;
4341  padding: 2rem;
4342}
4343@media (min-width: 750px) {
4344  .c-slider__content {
4345    padding: 2.3rem 3rem;
4346  }
4347}
4348.c-slider__content :first-child {
4349  margin-top: 0;
4350}
4351.c-slider__content :last-child {
4352  margin-bottom: 0;
4353}
4354.c-slider__content-wrapper {
4355  box-sizing: border-box;
4356}
4357@media (max-width: 749px) {
4358  .c-slider__content-wrapper {
4359    width: 100% !important;
4360  }
4361}
4362@media (min-width: 750px) {
4363  .c-slider__content-wrapper {
4364    display: flex;
4365    flex-direction: row;
4366    width: 100%;
4367  }
4368  .c-slider__content-wrapper--stacked {
4369    flex-direction: column;
4370  }
4371}
4372.c-slider__media {
4373  overflow: hidden;
4374}
4375.c-slider__media img {
4376  display: block;
4377  width: 100%;
4378  height: auto;
4379  max-height: 100vh;
4380  box-sizing: border-box;
4381  object-fit: cover;
4382}
4383.swiper-slide-visible
4384  .c-slider__media:not(.c-slider__media--disable-image-animation)
4385  img {
4386  animation: sliderMediaScale backwards 0.75s 50ms;
4387}
4388@media (min-width: 750px) {
4389  .c-slider__media {
4390    min-width: 100%;
4391  }
4392  .c-slider__media-position--right {
4393    order: 1;
4394  }
4395  .c-slider__media--half-width {
4396    min-width: 50%;
4397  }
4398  .c-slider__media--third-width {
4399    min-width: 33%;
4400    width:33%;
4401  }
4402}
4403@keyframes sliderMediaScale {
4404  from {
4405    transform: scale(1.025);
4406  }
4407  to {
4408    transform: scale(1);
4409  }
4410}
4411  
4412  
4413  
4414  
4415  @media (prefers-reduced-motion) {
4416  .c-slider-marquee .swiper-wrapper{
4417     
4418  transform:none !important;
4419
4420
4421}
4422}
4423 
4424 .c-slider-marquee .swiper-wrapper{
4425     
4426  transition-timing-function:linear !important;
4427  position: relative;
4428  display:flex;
4429  align-items:center;
4430
4431
4432}
4433  
4434 
4435  
4436</style>
4437
4438
4439
4440
4441<style data-shopify>
4442#section-template--18490087768318__7a45a6a6-a0da-4419-9bb0-e2f4e504117d .c-slider__content h2 {
4443line-height:1.1em;
4444margin-block-end:0 !important;
4445
4446}
4447
4448#section-template--18490087768318__7a45a6a6-a0da-4419-9bb0-e2f4e504117d a:not([href])[aria-disabled="true"] {
4449   cursor:default;
4450  }
4451
4452
4453#section-template--18490087768318__7a45a6a6-a0da-4419-9bb0-e2f4e504117d .c-slider__content {
4454
4455 position:relative;
4456}
4457
4458
4459
4460
4461@media screen and (min-width:750px) {
4462
4463.description-position--bottomLeft {
4464 position:absolute;
4465 width:100%;
4466 left:2vw;
4467 bottom:2vw;
4468 max-width:30em;
4469 
4470}
4471
4472.description-position--bottomRight {
4473 position:absolute;
4474 width:100%;
4475 right:2vw;
4476 bottom:2vw;
4477 max-width:30em;
4478 
4479}
4480
4481.description-position--topRight {
4482 position:absolute;
4483 width:100%;
4484 top:2vw;
4485 right:2vw;
4486 max-width:30em;
4487 
4488}
4489
4490.description-position--topLeft {
4491 position:absolute;
4492 width:100%;
4493 top:2vw;
4494 left:2vw;
4495 max-width:30em;
4496 
4497}
4498
4499}
4500
4501
4502
4503
4504
4505</style>
4506
4507<div class=" centered borders" id="section-template--18490087768318__7a45a6a6-a0da-4419-9bb0-e2f4e504117d">
4508  <div class="js-slider c-slider c-slider-marquee" data-autoplay = "0" data-start-index = "1" data-animation = "fade" data-animation-speed = "8900" data-display-dots-nav =  data-display-arrows-nav =  data-display-arrows-nav-text =  data-arrow-nav-icon='' style="background-color:#b2b2a3;">
4509  <div class="c-slider__inner swiper-wrapper">
4510
4511  
4512  
4513    <div class="c-slider__item swiper-slide" >
4514      <div class="c-slider__content-wrapper">
4515  
4516        <!-- Image Block --><a  role="link" aria-disabled="true" class="c-slider__media c-slider__media-position-- c-slider__media---width ">
4517            <img
4518              srcset="//www.withcococktails.com/cdn/shop/files/Walmart_logo_375x.png?v=1714417243 375w,//www.withcococktails.com/cdn/shop/files/Walmart_logo_550x.png?v=1714417243 550w,//www.withcococktails.com/cdn/shop/files/Walmart_logo_750x.png?v=1714417243 750w,//www.withcococktails.com/cdn/shop/files/Walmart_logo.png?v=1714417243 1024w"
4519              sizes="100vw"
4520              src="//www.withcococktails.com/cdn/shop/files/Walmart_logo_1500x.png?v=1714417243"
4521              loading="lazy"
4522              alt=""
4523              width="1024"
4524              height="245"
4525              style="max-height: vh; "
4526             >
4527          </a><!-- end Image Block -->
4528        
4529        <!-- Content Block -->
4530      
4531        <div class="c-slider__content" style=" color:#231f20;padding: 0vw;">
4532          <h2 class="h2" style=" color:#231f20;"></h2>
4533          <div class="description description-position--">
4534          
4535          </div><div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-" style="display: none;"></div>
4536        </div>
4537           
4538        <!-- end Content Block -->
4539  
4540      </div>
4541    </div>
4542  
4543  
4544    <div class="c-slider__item swiper-slide" >
4545      <div class="c-slider__content-wrapper">
4546  
4547        <!-- Image Block --><a  role="link" aria-disabled="true" class="c-slider__media c-slider__media-position-- c-slider__media---width ">
4548            <img
4549              srcset="//www.withcococktails.com/cdn/shop/files/Sprouts-logo_375x.png?v=1699920428 375w,//www.withcococktails.com/cdn/shop/files/Sprouts-logo_550x.png?v=1699920428 550w,//www.withcococktails.com/cdn/shop/files/Sprouts-logo_750x.png?v=1699920428 750w,//www.withcococktails.com/cdn/shop/files/Sprouts-logo.png?v=1699920428 1000w"
4550              sizes="100vw"
4551              src="//www.withcococktails.com/cdn/shop/files/Sprouts-logo_1500x.png?v=1699920428"
4552              loading="lazy"
4553              alt=""
4554              width="1000"
4555              height="259"
4556              style="max-height: vh; "
4557             >
4558          </a><!-- end Image Block -->
4559        
4560        <!-- Content Block -->
4561      
4562        <div class="c-slider__content" style=" color:#231f20;padding: 0vw;">
4563          <h2 class="h2" style=" color:#231f20;"></h2>
4564          <div class="description description-position--">
4565          
4566          </div><div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-" style="display: none;"></div>
4567        </div>
4568           
4569        <!-- end Content Block -->
4570  
4571      </div>
4572    </div>
4573  
4574  
4575    <div class="c-slider__item swiper-slide" >
4576      <div class="c-slider__content-wrapper">
4577  
4578        <!-- Image Block --><a  role="link" aria-disabled="true" class="c-slider__media c-slider__media-position-- c-slider__media---width ">
4579            <img
4580              srcset="//www.withcococktails.com/cdn/shop/files/Walmart_logo_375x.png?v=1714417243 375w,//www.withcococktails.com/cdn/shop/files/Walmart_logo_550x.png?v=1714417243 550w,//www.withcococktails.com/cdn/shop/files/Walmart_logo_750x.png?v=1714417243 750w,//www.withcococktails.com/cdn/shop/files/Walmart_logo.png?v=1714417243 1024w"
4581              sizes="100vw"
4582              src="//www.withcococktails.com/cdn/shop/files/Walmart_logo_1500x.png?v=1714417243"
4583              loading="lazy"
4584              alt=""
4585              width="1024"
4586              height="245"
4587              style="max-height: vh; "
4588             >
4589          </a><!-- end Image Block -->
4590        
4591        <!-- Content Block -->
4592      
4593        <div class="c-slider__content" style=" color:#231f20;padding: 0vw;">
4594          <h2 class="h2" style=" color:#231f20;"></h2>
4595          <div class="description description-position--">
4596          
4597          </div>
4597<div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-" style="display: none;"></div>
4598        </div>
4599           
4600        <!-- end Content Block -->
4601  
4602      </div>
4603    </div>
4604  
4605  
4606    <div class="c-slider__item swiper-slide" >
4607      <div class="c-slider__content-wrapper">
4608  
4609        <!-- Image Block --><a  role="link" aria-disabled="true" class="c-slider__media c-slider__media-position-- c-slider__media---width ">
4610            <img
4611              srcset="//www.withcococktails.com/cdn/shop/files/Sprouts-logo_375x.png?v=1699920428 375w,//www.withcococktails.com/cdn/shop/files/Sprouts-logo_550x.png?v=1699920428 550w,//www.withcococktails.com/cdn/shop/files/Sprouts-logo_750x.png?v=1699920428 750w,//www.withcococktails.com/cdn/shop/files/Sprouts-logo.png?v=1699920428 1000w"
4612              sizes="100vw"
4613              src="//www.withcococktails.com/cdn/shop/files/Sprouts-logo_1500x.png?v=1699920428"
4614              loading="lazy"
4615              alt=""
4616              width="1000"
4617              height="259"
4618              style="max-height: vh; "
4619             >
4620          </a><!-- end Image Block -->
4621        
4622        <!-- Content Block -->
4623      
4624        <div class="c-slider__content" style=" color:#231f20;padding: 0vw;">
4625          <h2 class="h2" style=" color:#231f20;"></h2>
4626          <div class="description description-position--">
4627          
4628          </div><div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-" style="display: none;"></div>
4629        </div>
4630           
4631        <!-- end Content Block -->
4632  
4633      </div>
4634    </div>
4635  
4636 
4637 </div>
4638 <div class="c-slider__controls c-slider__controls--position-" style="display: none;  padding: 0 0rem 0rem;">
4639  <div class="c-slider__dots-nav"></div>
4640</div>
4641 </div>
4642</div>
4643  
4644
4645
4646<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.min.css"/>
4647<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 4647
4647
4648<script>
4649/*!
4650 * Slider
4651 * Version: 1.0.0
4652 * License: Commercial License
4653 */
4654function sectionSlider() {
4655    var sliderID = Math.random().toString(36).slice(2),
4656        sliderElement = document.querySelector(".js-slider");
4657    if (!sliderElement) return null;
4658    sliderElement.classList.remove("js-slider"), sliderElement.setAttribute("id", "slider-" + sliderID);
4659    var options = {
4660            animation: sliderElement.getAttribute("data-animation"),
4661            animationSpeed: +sliderElement.getAttribute("data-animation-speed"),
4662            autoplay: sliderElement.getAttribute("data-autoplay"),
4663            startIndex: sliderElement.getAttribute("data-start-index"),
4664            displayDotsNav: "true" === sliderElement.getAttribute("data-display-dots-nav"),
4665            displayArrowsNav: "true" === sliderElement.getAttribute("data-display-arrows-nav"),
4666            displayArrowsNavText: "true" === sliderElement.getAttribute("data-display-arrows-nav-text"),
4667            arrowNavIcon: sliderElement.getAttribute("data-arrow-nav-icon") || '<svg viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm-4.828 11.5l4.608 3.763-.679.737-6.101-5 6.112-5 .666.753-4.604 3.747h11.826v1h-11.828z"/></svg>'
4668        },
4669        controls = sliderElement.querySelector(".c-slider__controls:not(.c-slider__controls--slide)"),
4670        controlDots = controls.querySelector(".c-slider__dots-nav"),
4671        slides = [].slice.call(sliderElement.querySelectorAll(".c-slider__item"));
4672         
4673    function createDotsNav(controls) {
4674        var nav = document.createElement("div");
4675        nav.className = "c-slider__dots-nav", controls.appendChild(nav), slides.forEach((function(s, index) {
4676            var button = document.createElement("button"),
4677                buttonInner = document.createElement("span");
4678            buttonInner.textContent = "Slide " + (index + 1), button.appendChild(buttonInner), nav.appendChild(button)
4679        }))
4680    }
4681
4682   
4683
4684    function createArrowsNav(controls) {
4685        var nav = document.createElement("div");
4686        nav.className = "c-slider__arrows-nav" + (options.displayArrowsNavText ? "" : " c-slider__arrows-nav--hide-text"), controls.appendChild(nav);
4687        var prev = document.createElement("button"),
4688            next = document.createElement("button");
4689        prev.innerHTML = options.arrowNavIcon + "Prev", next.innerHTML = "Next" + options.arrowNavIcon, prev.setAttribute("data-direction", "prev"), next.setAttribute("data-direction", "next"), nav.appendChild(prev), nav.appendChild(next)
4690    }
4691    slides.forEach((function(slide) {
4692        var controls = slide.querySelector(".c-slider__controls");
4693        options.displayDotsNav && createDotsNav(controls), options.displayArrowsNav && createArrowsNav(controls)
4694    })), options.displayArrowsNav && createArrowsNav(controls);
4695    var swiper = new Swiper(sliderElement, {
4696          slidesPerView:'auto',
4697        spaceBetween: 10,
4698        speed:+options.animationSpeed,
4699        centeredSlides: true,
4700        allowTouchMove:false,
4701      
4702        initialSlide: +options.startIndex,
4703        pagination: {
4704           
4705        },
4706      
4707         on: {
4708              init: function () {
4709                
4710              }
4711            },
4712        navigation: {
4713            nextEl: "#slider-" + sliderID + ' .c-slider__arrows-nav button[data-direction="next"]',
4714            prevEl: "#slider-" + sliderID + ' .c-slider__arrows-nav button[data-direction="prev"]'
4715        },
4716        autoplay:  {
4717           
4718		    delay: 0,
4719          pauseOnMouseEnter: false,
4720		  disableOnInteraction: false,
4721       
4722          
4723        },
4724       
4725        loop: true
4726        
4727    });
4728  
4729  
4730
4731
4732    function setActiveDot() {
4733        var sliderDotNavElements;
4734        [].slice.call(sliderElement.querySelectorAll(".c-slider__dots-nav button")).forEach((function(dot) {
4735            dot.classList.remove("is-active"), swiper.realIndex == dot.getAttribute("data-index") && dot.classList.add("is-active")
4736        }))
4737    }
4738    swiper.slides.forEach((function(slide) {
4739        var sliderDotNavElements;
4740        [].slice.call(slide.querySelectorAll(".c-slider__dots-nav button")).forEach((function(dot, index) {
4741            dot.setAttribute("data-index", index), dot.addEventListener("click", (function() {
4742                swiper.slideToLoop(index)
4743            }))
4744        }))
4745    })), swiper.on("activeIndexChange", (function() {
4746        setActiveDot()
4747    })), setActiveDot(), controlDots.classList.remove("swiper-pagination-bullets"), controlDots.classList.remove("swiper-pagination-horizontal")
4748}
4749document.addEventListener("DOMContentLoaded", sectionSlider); 
4750  
4751  
4752  
4753  
4754</script>
4754 
4755
4756
4757    <style data-shopify>
4758     #section-template--18490087768318__7a45a6a6-a0da-4419-9bb0-e2f4e504117d .c-slider-marquee .c-slider__content-wrapper {
4759         flex-direction:column;
4760         width:unset;
4761        }
4762
4763
4764
4765       #section-template--18490087768318__7a45a6a6-a0da-4419-9bb0-e2f4e504117d .c-slider-marquee .c-slider__media {
4766            aspect-ratio: 3/2;
4767         }
4768
4769         #section-template--18490087768318__7a45a6a6-a0da-4419-9bb0-e2f4e504117d .c-slider-marquee .c-slider__content {
4770             width:unset;
4771                }
4772
4773               
4774                 @media screen and (min-width:750px) {
4775                 #section-template--18490087768318__7a45a6a6-a0da-4419-9bb0-e2f4e504117d .swiper-slide {
4776                 width: 180px;
4777                 }
4778                 }
4779
4780                @media screen and (max-width:749px) {
4781                 #section-template--18490087768318__7a45a6a6-a0da-4419-9bb0-e2f4e504117d .swiper-slide {
4782                 width: 180px;
4783                 }
4784                 }
4785                
4786
4787      
4788                 #section-template--18490087768318__7a45a6a6-a0da-4419-9bb0-e2f4e504117d .swiper-slide {
4789                 margin-right: 1vw !important;
4790                 }
4791                 
4792
4793
4794                #section-template--18490087768318__7a45a6a6-a0da-4419-9bb0-e2f4e504117d .c-slider-marquee {
4795                padding-top:0px;
4796                 padding-bottom:0px;
4797               }
4798
4799              
4800                #section-template--18490087768318__7a45a6a6-a0da-4419-9bb0-e2f4e504117d .c-slider-marquee .c-slider__media img {
4801                 width:100%;
4802                 height:100px;
4803                 position:absolute;
4804                 object-fit:contain;
4805                 padding: 24px 30px;
4806                }
4807
4808                #section-template--18490087768318__7a45a6a6-a0da-4419-9bb0-e2f4e504117d .c-slider-marquee .c-slider__media {
4809                 position:relative;
4810                 display: flex;
4811                 align-items: center;
4812                }
4813                
4814
4815
4816                 
4817                
4818      </style></section><section id="shopify-section-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698" class="shopify-section section"><link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-accordion.css?v=180964204318874863811734731053" rel="stylesheet" type="text/css" media="all" />
4819<link href="//www.withcococktails.com/cdn/shop/t/41/assets/collapsible-content.css?v=154343504084608763171734731053" rel="stylesheet" type="text/css" media="all" />
4820<style data-shopify>.section-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698-padding {
4821    padding-top: 36px;
4822    padding-bottom: 39px;
4823  }
4824
4825  @media screen and (min-width: 750px) {
4826    .section-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698-padding {
4827      padding-top: 48px;
4828      padding-bottom: 52px;
4829    }
4830  }
4831  
4832  
4833</style><div class="color-background-1 gradient">
4834  <div class="collapsible-content collapsible-none-layout isolate content-container content-container--full-width">
4835    <div class="collapsible-content__wrapper section-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698-padding   ">
4836      <div class="collapsible-content-wrapper-narrow">
4837        <div class="collapsible-content__header" style="text-align: center;"><p class="caption-with-letter-spacing"> Learn about our different cocktails</p>
4838          
4839<h2 class="collapsible-content__heading h1">Spirit and Non-Alc Pairings</h2>
4840        </div>
4841        <div class="grid grid--1-col grid--2-col-tablet collapsible-content__grid collapsible-content__grid--reverse">
4842          <div class="grid__item"><div class="accordion" >
4843                <details id="Details-template--16704339280126__1a3de45b-d7f6-471b-8b67-cee4f2f76698-1686072015631d2f31-0-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4844                  <summary id="Summary-template--16704339280126__1a3de45b-d7f6-471b-8b67-cee4f2f76698-1686072015631d2f31-0-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4845                    
4846                    <h3 class="accordion__title h4">
4847                      Ellis Old Fashioned
4848                    </h3>
4849                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
4850  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
4851</svg>
4852
4853                  </summary>
4854                  <div class="accordion__content rte" id="CollapsibleAccordion-template--16704339280126__1a3de45b-d7f6-471b-8b67-cee4f2f76698-1686072015631d2f31-0-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698" role="region" aria-labelledby="Summary-template--16704339280126__1a3de45b-d7f6-471b-8b67-cee4f2f76698-1686072015631d2f31-0-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4855                    <p><strong>Pair with one of the following</strong> : Whiskey, Bourbon, Rye, Tequila Anejo, Mecal, or Non-Alc Whiskey Alternative</p>
4856                    
4857                  </div>
4858                </details>
4859              </div><div class="accordion" >
4860                <details id="Details-8a76f6a9-ab63-494d-a570-88f659ffb4dc-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4861                  <summary id="Summary-8a76f6a9-ab63-494d-a570-88f659ffb4dc-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4862                    
4863                    <h3 class="accordion__title h4">
4864                      Paloma
4865                    </h3>
4866                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
4867  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
4868</svg>
4869
4870                  </summary>
4871                  <div class="accordion__content rte" id="CollapsibleAccordion-8a76f6a9-ab63-494d-a570-88f659ffb4dc-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698" role="region" aria-labelledby="Summary-8a76f6a9-ab63-494d-a570-88f659ffb4dc-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4872                    <p><strong>Pair with one of the following</strong> : Tequila, Mezcal, Non-Alc Tequila Alternative, or Soda Water (Non-Alc)</p>
4873                    
4874                  </div>
4875                </details>
4876              </div><div class="accordion" >
4877                <details id="Details-template--16704339280126__1a3de45b-d7f6-471b-8b67-cee4f2f76698-1686072015631d2f31-2-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4878                  <summary id="Summary-template--16704339280126__1a3de45b-d7f6-471b-8b67-cee4f2f76698-1686072015631d2f31-2-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4879                    
4880                    <h3 class="accordion__title h4">
4881                      Agave Margarita
4882                    </h3>
4883                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
4884  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
4885</svg>
4886
4887                  </summary>
4888                  <div class="accordion__content rte" id="CollapsibleAccordion-template--16704339280126__1a3de45b-d7f6-471b-8b67-cee4f2f76698-1686072015631d2f31-2-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698" role="region" aria-labelledby="Summary-template--16704339280126__1a3de45b-d7f6-471b-8b67-cee4f2f76698-1686072015631d2f31-2-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4889                    <p><strong>Pair with one of the following</strong> : Tequila, Mezcal, Non-Alc Tequila Alternative, or Soda Water (Non-Alc)</p>
4890                    
4891                  </div>
4892                </details>
4893              </div><div class="accordion" >
4894                <details id="Details-template--16704339280126__1a3de45b-d7f6-471b-8b67-cee4f2f76698-1686072015631d2f31-1-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4895                  <summary id="Summary-template--16704339280126__1a3de45b-d7f6-471b-8b67-cee4f2f76698-1686072015631d2f31-1-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4896                    
4897                    <h3 class="accordion__title h4">
4898                      Bouquet
4899                    </h3>
4900                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
4901  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
4902</svg>
4903
4904                  </summary>
4905                  <div class="accordion__content rte" id="CollapsibleAccordion-template--16704339280126__1a3de45b-d7f6-471b-8b67-cee4f2f76698-1686072015631d2f31-1-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698" role="region" aria-labelledby="Summary-template--16704339280126__1a3de45b-d7f6-471b-8b67-cee4f2f76698-1686072015631d2f31-1-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4906                    <p><strong>Pair with one of the following</strong> : Gin, Vodka, Tequila, Rum, Champagne, Non-Alc Vodka or Gin Alternative, or  Top with Soda Water (Non-Alc)</p>
4907                    
4908                  </div>
4909                </details>
4910              </div><div class="accordion" >
4911                <details id="Details-template--16704339280126__1a3de45b-d7f6-471b-8b67-cee4f2f76698-1686072015631d2f31-3-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4912                  <summary id="Summary-template--16704339280126__1a3de45b-d7f6-471b-8b67-cee4f2f76698-1686072015631d2f31-3-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4913                    
4914                    <h3 class="accordion__title h4">
4915                      Ginger Mule
4916                    </h3>
4917                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
4918  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
4919</svg>
4920
4921                  </summary>
4922                  <div class="accordion__content rte" id="CollapsibleAccordion-template--16704339280126__1a3de45b-d7f6-471b-8b67-cee4f2f76698-1686072015631d2f31-3-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698" role="region" aria-labelledby="Summary-template--16704339280126__1a3de45b-d7f6-471b-8b67-cee4f2f76698-1686072015631d2f31-3-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4923                    <p><strong>Pair with one of the following : </strong>Vodka, Whiskey, Tequila, Mezcal, Non-Alc Vodka or Whiskey Alternative, or top with Soda Water (Non-Alc)</p>
4924                    
4925                  </div>
4926                </details>
4927              </div><div class="accordion" >
4928                <details id="Details-ea226d57-87e3-443e-bfa3-9391247a304b-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4929                  <summary id="Summary-ea226d57-87e3-443e-bfa3-9391247a304b-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4930                    
4931                    <h3 class="accordion__title h4">
4932                      Hey Girl
4933                    </h3>
4934                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
4935  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
4936</svg>
4937
4938                  </summary>
4939                  <div class="accordion__content rte" id="CollapsibleAccordion-ea226d57-87e3-443e-bfa3-9391247a304b-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698" role="region" aria-labelledby="Summary-ea226d57-87e3-443e-bfa3-9391247a304b-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4940                    <p><strong>Pair with one of the following : </strong>Vodka, Gin, Tequila, Rum, Non-Alc Vodka/Gin or Tequila Alternative, or top with Soda Water (Non-Alc)</p>
4941                    
4942                  </div>
4943                </details>
4944              </div><div class="accordion" >
4945                <details id="Details-eeb43f5b-35e0-48a7-8d18-4fb0f74023a2-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4946                  <summary id="Summary-eeb43f5b-35e0-48a7-8d18-4fb0f74023a2-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4947                    
4948                    <h3 class="accordion__title h4">
4949                      Honey Sour
4950                    </h3>
4951                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
4952  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
4953</svg>
4954
4955                  </summary>
4956                  <div class="accordion__content rte" id="CollapsibleAccordion-eeb43f5b-35e0-48a7-8d18-4fb0f74023a2-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698" role="region" aria-labelledby="Summary-eeb43f5b-35e0-48a7-8d18-4fb0f74023a2-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4957                    <p><strong>Pair with one of the following</strong> : Gin, Whiskey, Non-Alc Whiskey Alternative</p>
4958                    
4959                  </div>
4960                </details>
4961              </div><div class="accordion" >
4962                <details id="Details-8f2af03b-bb75-4be9-b5c4-d2071b4c2f84-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4963                  <summary id="Summary-8f2af03b-bb75-4be9-b5c4-d2071b4c2f84-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4964                    
4965                    <h3 class="accordion__title h4">
4966                      Bloody Mary
4967                    </h3>
4968                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
4969  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
4970</svg>
4971
4972                  </summary>
4973                  <div class="accordion__content rte" id="CollapsibleAccordion-8f2af03b-bb75-4be9-b5c4-d2071b4c2f84-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698" role="region" aria-labelledby="Summary-8f2af03b-bb75-4be9-b5c4-d2071b4c2f84-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4974                    <p><strong>Pair with one of the following : </strong>Vodka, Tequila, Straight and on the rocks</p>
4975                    
4976                  </div>
4977                </details>
4978              </div><div class="accordion" >
4979                <details id="Details-58e63819-6447-4517-b42b-515066d88f9f-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4980                  <summary id="Summary-58e63819-6447-4517-b42b-515066d88f9f-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4981                    
4982                    <h3 class="accordion__title h4">
4983                      Espresso Martini
4984                    </h3>
4985                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
4986  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
4987</svg>
4988
4989                  </summary>
4990                  <div class="accordion__content rte" id="CollapsibleAccordion-58e63819-6447-4517-b42b-515066d88f9f-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698" role="region" aria-labelledby="Summary-58e63819-6447-4517-b42b-515066d88f9f-template--18490087768318__1a3de45b-d7f6-471b-8b67-cee4f2f76698">
4991                    <p><strong>Pair with one of the following : </strong>Vodka, 
4991Tequila, Non-Alc Vodka Alternative </p>
4992                    
4993                  </div>
4994                </details>
4995              </div></div>
4996        </div>
4997      </div>
4998    </div>
4999  </div>
5000</div>
5001
5002
5003</section><section id="shopify-section-template--18490087768318__slideshow_hHWK3r" class="shopify-section section"><link href="//www.withcococktails.com/cdn/shop/t/41/assets/section-image-banner.css?v=14065494153134831921734731053" rel="stylesheet" type="text/css" media="all" />
5004<link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-slider.css?v=111384418465749404671734731053" rel="stylesheet" type="text/css" media="all" />
5005<link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-slideshow.css?v=87432719022228681551734731053" rel="stylesheet" type="text/css" media="all" />
5006<slideshow-component class="slider-mobile-gutter" role="region" aria-roledescription="Carousel" aria-label="Slideshow about our brand   "><div class="slideshow banner banner--medium grid grid--1-col slider slider--everywhere"
5007    id="Slider-template--18490087768318__slideshow_hHWK3r"
5008    aria-live="polite"
5009    aria-atomic="true"
5010    data-autoplay="false"
5011    data-speed="5"
5012  ><style>
5013        #Slide-template--18490087768318__slideshow_hHWK3r-1 .banner__media::after {
5014          opacity: 0.6;
5015        }
5016      </style>
5017      <div class="slideshow__slide grid__item grid--1-col slider__slide"
5018        id="Slide-template--18490087768318__slideshow_hHWK3r-1"
5019        
5020        role="group"
5021        aria-roledescription="Slide"
5022        aria-label="1 of 2"
5023        tabindex="-1"
5024      >
5025        <div class="slideshow__media banner__media media"><img src="//www.withcococktails.com/cdn/shop/files/WithCo-Dierks-Selects-14_websize.jpg?v=1700096361&amp;width=3840" alt="" srcset="//www.withcococktails.com/cdn/shop/files/WithCo-Dierks-Selects-14_websize.jpg?v=1700096361&amp;width=375 375w, //www.withcococktails.com/cdn/shop/files/WithCo-Dierks-Selects-14_websize.jpg?v=1700096361&amp;width=550 550w, //www.withcococktails.com/cdn/shop/files/WithCo-Dierks-Selects-14_websize.jpg?v=1700096361&amp;width=750 750w, //www.withcococktails.com/cdn/shop/files/WithCo-Dierks-Selects-14_websize.jpg?v=1700096361&amp;width=1100 1100w, //www.withcococktails.com/cdn/shop/files/WithCo-Dierks-Selects-14_websize.jpg?v=1700096361&amp;width=1500 1500w, //www.withcococktails.com/cdn/shop/files/WithCo-Dierks-Selects-14_websize.jpg?v=1700096361&amp;width=1780 1780w, //www.withcococktails.com/cdn/shop/files/WithCo-Dierks-Selects-14_websize.jpg?v=1700096361&amp;width=2000 2000w, //www.withcococktails.com/cdn/shop/files/WithCo-Dierks-Selects-14_websize.jpg?v=1700096361&amp;width=3000 3000w, //www.withcococktails.com/cdn/shop/files/WithCo-Dierks-Selects-14_websize.jpg?v=1700096361&amp;width=3840 3840w" height="1365" loading="lazy" sizes="100vw" style="object-position:48.68% 11.4833%;">
5026</div>
5027        <div class="slideshow__text-wrapper banner__content banner__content--middle-center page-width banner--desktop-transparent">
5028          <div class="slideshow__text banner__box content-container content-container--full-width-mobile color-background-1 gradient slideshow__text--center slideshow__text-mobile--center"><h2 class="banner__heading h2">"My go-to Old Fashioned on the road and at home. It's perfect every time."</h2><div class="banner__text" >
5029                <span>- Dierks Bentley, Country Artist & WithCo Investor/Partner</span>
5030              </div><div class="banner__buttons">
5031                <a role="link" aria-disabled="true" class="button button--primary">Button label</a>
5032              </div></div>
5033        </div>
5034      </div><style>
5035        #Slide-template--18490087768318__slideshow_hHWK3r-2 .banner__media::after {
5036          opacity: 0.3;
5037        }
5038      </style>
5039      <div class="slideshow__slide grid__item grid--1-col slider__slide"
5040        id="Slide-template--18490087768318__slideshow_hHWK3r-2"
5041        
5042        role="group"
5043        aria-roledescription="Slide"
5044        aria-label="2 of 2"
5045        tabindex="-1"
5046      >
5047        <div class="slideshow__media banner__media media"><img src="//www.withcococktails.com/cdn/shop/files/B0000071.jpg?v=1699935608&amp;width=3840" alt="" srcset="//www.withcococktails.com/cdn/shop/files/B0000071.jpg?v=1699935608&amp;width=375 375w, //www.withcococktails.com/cdn/shop/files/B0000071.jpg?v=1699935608&amp;width=550 550w, //www.withcococktails.com/cdn/shop/files/B0000071.jpg?v=1699935608&amp;width=750 750w, //www.withcococktails.com/cdn/shop/files/B0000071.jpg?v=1699935608&amp;width=1100 1100w, //www.withcococktails.com/cdn/shop/files/B0000071.jpg?v=1699935608&amp;width=1500 1500w, //www.withcococktails.com/cdn/shop/files/B0000071.jpg?v=1699935608&amp;width=1780 1780w, //www.withcococktails.com/cdn/shop/files/B0000071.jpg?v=1699935608&amp;width=2000 2000w, //www.withcococktails.com/cdn/shop/files/B0000071.jpg?v=1699935608&amp;width=3000 3000w, //www.withcococktails.com/cdn/shop/files/B0000071.jpg?v=1699935608&amp;width=3840 3840w" height="3937" loading="lazy" sizes="100vw">
5048</div>
5049        <div class="slideshow__text-wrapper banner__content banner__content--middle-center page-width banner--desktop-trans
5049parent">
5050          <div class="slideshow__text banner__box content-container content-container--full-width-mobile color-background-1 gradient slideshow__text--center slideshow__text-mobile--center"><h2 class="banner__heading h2">"Bouquet is a garden delight. The lavender and rose petals compliment my go-to gin."</h2><div class="banner__text" >
5051                <span>- Sean and Elie</span>
5052              </div><div class="banner__buttons">
5053                <a role="link" aria-disabled="true" class="button button--primary">Button label</a>
5054              </div></div>
5055        </div>
5056      </div></div><div class="slideshow__controls slider-buttons no-js-hidden">
5057      <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="Previous slide" aria-controls="Slider-template--18490087768318__slideshow_hHWK3r"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
5058  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
5059</svg>
5060</button>
5061      <div class="slider-counter slider-counter--counter caption"><span class="slider-counter--current">1</span>
5062          <span aria-hidden="true"> / </span>
5063          <span class="visually-hidden">of</span>
5064          <span class="slider-counter--total">2</span></div>
5065      <button type="button" class="slider-button slider-button--next" name="next" aria-label="Next slide" aria-controls="Slider-template--18490087768318__slideshow_hHWK3r"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
5066  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
5067</svg>
5068</button></div>
5069    <noscript>
5070      <div class="slider-buttons">
5071        <div class="slider-counter"><a href="#Slide-template--18490087768318__slideshow_hHWK3r-1" class="slider-counter__link link" aria-label="Load slide 1 of 2">
5072              1
5073            </a><a href="#Slide-template--18490087768318__slideshow_hHWK3r-2" class="slider-counter__link link" aria-label="Load slide 2 of 2">
5074              2
5075            </a></div>
5076      </div>
5077    </noscript></slideshow-component>
5078</section><section id="shopify-section-template--18490087768318__dd98427f-187f-4ee1-911e-476d4bfca3fe" class="shopify-section section"><style>
5079  
5080 .c-slider {
5081  position: relative;
5082  overflow: hidden;
5083}
5084.c-slider__controls {
5085  display: flex;
5086  flex-direction: column;
5087  color: #000;
5088
5089}
5090.c-slider__controls--slide {
5091  padding-top: 20px;
5092}
5093.c-slider__controls--position-center {
5094  align-items: center;
5095}
5096.c-slider__controls--position-right {
5097  align-items: end;
5098}
5099.c-slider__dots-nav {
5100  margin: 0 -3px 20px;
5101}
5102.c-slider__dots-nav button {
5103  color: inherit;
5104  cursor: pointer;
5105  padding: 0 3px;
5106  background: 0 0;
5107  border: 0;
5108  font-size: 0;
5109}
5110.c-slider__dots-nav button span {
5111  display: block;
5112  width: 8px;
5113  height: 8px;
5114  border-radius: 50%;
5115  background: 0 0;
5116  border: 1px solid currentColor;
5117  transition: background 0.1s;
5118}
5119.c-slider__dots-nav button:hover span {
5120  background: currentColor;
5121}
5122.c-slider__dots-nav:not(:hover) button.is-active span,
5123.c-slider__dots-nav:not(:hover) button[aria-current="true"] span {
5124  transition: none;
5125  background: currentColor;
5126}
5127.c-slider__arrows-nav {
5128  display: flex;
5129  align-items: center;
5130  margin: -3px 0;
5131}
5132.c-slider__arrows-nav--hide-text button {
5133  font-size: 0;
5134}
5135.c-slider__arrows-nav button {
5136  color: inherit;
5137  cursor: pointer;
5138  display: flex;
5139  align-items: center;
5140  margin: 0 3px;
5141  padding: 0;
5142  background: 0 0;
5143  border: 0;
5144  text-transform: uppercase;
5145  transition: opacity 0.15s;
5146}
5147.c-slider__arrows-nav button:focus,
5148.c-slider__arrows-nav button:hover {
5149  opacity: 0.65;
5150}
5151.c-slider__arrows-nav button[data-direction="next"] svg,
5152.c-slider__arrows-nav button[data-direction="prev"] svg {
5153  width: 30px;
5154  height: 30px;
5155  backface-visibility: hidden;
5156  fill: currentColor;
5157}
5158  
5159  
5160  
5161.c-slider__arrows-nav button[data-direction="prev"] svg {
5162  margin-right: 5px;
5163}
5164.c-slider__arrows-nav button[data-direction="next"] svg {
5165  transform: rotate(180deg);
5166  margin-left: 5px;
5167}
5168.c-slider__arrows-nav--hide-text button[data-direction="next"] svg {
5169  margin-left: 0;
5170}
5171.c-slider__content {
5172  display: flex;
5173  flex-direction: column;
5174  width: 100%;
5175  padding: 2rem;
5176}
5177@media (min-width: 750px) {
5178  .c-slider__content {
5179    padding: 2.3rem 3rem;
5180  }
5181}
5182.c-slider__content :first-child {
5183  margin-top: 0;
5184}
5185.c-slider__content :last-child {
5186  margin-bottom: 0;
5187}
5188.c-slider__content-wrapper {
5189  box-sizing: border-box;
5190}
5191@media (max-width: 749px) {
5192  .c-slider__content-wrapper {
5193    width: 100% !important;
5194  }
5195}
5196@media (min-width: 750px) {
5197  .c-slider__content-wrapper {
5198    display: flex;
5199    flex-direction: row;
5200    width: 100%;
5201  }
5202  .c-slider__content-wrapper--stacked {
5203    flex-direction: column-reverse;
5204  }
5205}
5206.c-slider__media {
5207  overflow: hidden;
5208}
5209.c-slider__media img {
5210  display: block;
5211  width: 100%;
5212  height: auto;
5213  min-height: 100%;
5214  max-height: 100vh;
5215  box-sizing: border-box;
5216  object-fit: cover;
5217}
5218.swiper-slide-visible
5219  .c-slider__media:not(.c-slider__media--disable-image-animation)
5220  img {
5221  animation: sliderMediaScale backwards 0.75s 50ms;
5222}
5223@media (min-width: 750px) {
5224  .c-slider__media {
5225    min-width: 100%;
5226  }
5227  .c-slider__media-position--right {
5228    order: 1;
5229  }
5230  .c-slider__media--half-width {
5231    min-width: 50%;
5232  }
5233  .c-slider__media--third-width {
5234    min-width: 33%;
5235    width:33%;
5236  }
5237}
5238@keyframes sliderMediaScale {
5239  from {
5240    transform: scale(1.025);
5241  }
5242  to {
5243    transform: scale(1);
5244  }
5245}
5246  
5247  
5248  
5249 
5250  
5251</style>
5252
5253
5254
5255
5256<style data-shopify>
5257#section-template--18490087768318__dd98427f-187f-4ee1-911e-476d4bfca3fe .c-slider__content h2 {
5258
5259line-height:1.1em;
5260margin-block-end:0.5em !important;
5261  margin-block-start:0.5em !important;
5262
5263}
5264
5265
5266#section-template--18490087768318__dd98427f-187f-4ee1-911e-476d4bfca3fe .c-slider__content {
5267 padding:4vw 4vw!important;
5268 justify-content: center;
5269 position:relative;
5270}
5271
5272@media screen and (min-width:750px) {
5273
5274  
5275
5276
5277}
5278
5279@media screen and (min-width:750px) {
5280
5281.description-position--bottomLeft {
5282 position:absolute;
5283 width:100%;
5284 left:2vw;
5285 bottom:2vw;
5286 max-width:30em;
5287 
5288}
5289
5290.description-position--bottomRight {
5291 position:absolute;
5292 width:100%;
5293 right:2vw;
5294 bottom:2vw;
5295 max-width:30em;
5296 
5297}
5298
5299.description-position--topRight {
5300 position:absolute;
5301 width:100%;
5302 top:2vw;
5303 right:2vw;
5304 max-width:30em;
5305 
5306}
5307
5308.description-position--topLeft {
5309 position:absolute;
5310 width:100%;
5311 top:2vw;
5312 left:2vw;
5313 max-width:30em;
5314 
5315}
5316
5317}
5318
5319
5320
5321
5322
5323</style>
5324
5325<div class=" borders topBorder justified" id="section-template--18490087768318__dd98427f-187f-4ee1-911e-476d4bfca3fe">
5326  <div class="js-slider c-slider" data-autoplay = "4" data-start-index = "0" data-animation = "fade" data-animation-speed = "800" data-display-dots-nav = false data-display-arrows-nav = false data-display-arrows-nav-text = false data-arrow-nav-icon='' style="background-color:#231f20;">
5327  <div class="c-slider__inner swiper-wrapper">
5328
5329  
5330  
5331    <div class="c-slider__item swiper-slide" >
5332      <div class="c-slider__content-wrapper">
5333  
5334        <!-- Image Block --><div class="c-slider__media c-slider__media-position--right c-slider__media--half-width ">
5335            <img
5336              srcset="//www.withcococktails.com/cdn/shop/files/5C384396-FBD0-46FF-A460-EE517F676743-42161-00002E6E7F999F2D_375x.jpg?v=1715623103 375w,//www.withcococktails.com/cdn/shop/files/5C384396-FBD0-46FF-A460-EE517F676743-42161-00002E6E7F999F2D_550x.jpg?v=1715623103 550w,//www.withcococktails.com/cdn/shop/files/5C384396-FBD0-46FF-A460-EE517F676743-42161-00002E6E7F999F2D_750x.jpg?v=1715623103 750w,//www.withcococktails.com/cdn/shop/files/5C384396-FBD0-46FF-A460-EE517F676743-42161-00002E6E7F999F2D_1100x.jpg?v=1715623103 1100w,//www.withcococktails.com/cdn/shop/files/5C384396-FBD0-46FF-A460-EE517F676743-42161-00002E6E7F999F2D.jpg?v=1715623103 1184w"
5337              sizes="100vw"
5338              src="//www.withcococktails.com/cdn/shop/files/5C384396-FBD0-46FF-A460-EE517F676743-42161-00002E6E7F999F2D_1500x.jpg?v=1715623103"
5339              loading="lazy"
5340              alt=""
5341              width="1184"
5342              height="1776"
5343              style="max-height: 81vh; border: 0rem solid transparent;"
5344             >
5345          </div><!-- end Image Block -->
5346        
5347        <!-- Content Block -->
5348        <div class="c-slider__content" style=" color:#fbf9f6;padding: 5rem;">
5349          
5350          <h2 class="h1" style=" color:#fbf9f6;">Botanical Library</h2>
5351          <div class="description description-position--default">
5352          <p>Our mixes are brimming with the kind of culinary botanicals you’d find on the menu at your favorite local restaurant, from ginger root and lavender to bee pollen and raw honey. </p><p>Visit our Botanical Library and learn about our ingredient here.<br/><br/></p>
5353          </div><div class="c-slider__button-container">
5354              <a class="button button--secondary" href="/pages/botanical-glossary">
5355                
5356                  Botanical Glossary ✹ ⟶
5357                
5358              </a>
5359            </div>
5359<div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-left" style=" color:#231f20;"></div>
5360        </div>
5361        <!-- end Content Block -->
5362  
5363      </div>
5364    </div>
5365  
5366 
5367 </div>
5368 <div class="c-slider__controls c-slider__controls--position-left" style="display: none;  color:#231f20; padding: 0 5rem 5rem;">
5369  <div class="c-slider__dots-nav"></div>
5370</div>
5371 </div>
5372</div>
5373  
5374
5375
5376<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.min.css"/>
5377<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 5377
5377
5378<script>
5379/*!
5380 * Slider
5381 * Version: 1.0.0
5382 * License: Commercial License
5383 */
5384function sectionSlider(){var sliderID=Math.random().toString(36).slice(2),sliderElement=document.querySelector(".js-slider");if(!sliderElement)return null;sliderElement.classList.remove("js-slider"),sliderElement.setAttribute("id","slider-"+sliderID);var options={animation:sliderElement.getAttribute("data-animation"),animationSpeed:+sliderElement.getAttribute("data-animation-speed"),autoplay:sliderElement.getAttribute("data-autoplay"),startIndex:sliderElement.getAttribute("data-start-index"),displayDotsNav:"true"===sliderElement.getAttribute("data-display-dots-nav"),displayArrowsNav:"true"===sliderElement.getAttribute("data-display-arrows-nav"),displayArrowsNavText:"true"===sliderElement.getAttribute("data-display-arrows-nav-text"),arrowNavIcon:sliderElement.getAttribute("data-arrow-nav-icon")||'<svg viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm-4.828 11.5l4.608 3.763-.679.737-6.101-5 6.112-5 .666.753-4.604 3.747h11.826v1h-11.828z"/></svg>'},controls=sliderElement.querySelector(".c-slider__controls:not(.c-slider__controls--slide)"),controlDots=controls.querySelector(".c-slider__dots-nav"),slides=[].slice.call(sliderElement.querySelectorAll(".c-slider__item"));function createDotsNav(controls){var nav=document.createElement("div");nav.className="c-slider__dots-nav",controls.appendChild(nav),slides.forEach((function(s,index){var button=document.createElement("button"),buttonInner=document.createElement("span");buttonInner.textContent="Slide "+(index+1),button.appendChild(buttonInner),nav.appendChild(button)}))}function createArrowsNav(controls){var nav=document.createElement("div");nav.className="c-slider__arrows-nav"+(options.displayArrowsNavText?"":" c-slider__arrows-nav--hide-text"),controls.appendChild(nav);var prev=document.createElement("button"),next=document.createElement("button");prev.innerHTML=options.arrowNavIcon+"Prev",next.innerHTML="Next"+options.arrowNavIcon,prev.setAttribute("data-direction","prev"),next.setAttribute("data-direction","next"),nav.appendChild(prev),nav.appendChild(next)}slides.forEach((function(slide){var controls=slide.querySelector(".c-slider__controls");options.displayDotsNav&&createDotsNav(controls),options.displayArrowsNav&&createArrowsNav(controls)})),options.displayArrowsNav&&createArrowsNav(controls);var swiper=new Swiper(sliderElement,{effect:options.animation,speed:options.animationSpeed,fadeEffect:{crossFade:!0},initialSlide:+options.startIndex,pagination:{el:options.displayDotsNav?"#slider-"+sliderID+" > .c-slider__controls .c-slider__dots-nav":null,type:"bullets",bulletElement:"button",bulletClass:"c-slider__dots-nav-item",bulletActiveClass:"is-active",clickable:!0,renderBullet:function(index,className){return'<button class="'+className+'"><span>Slide '+index+"1</span></button>"}},navigation:{nextEl:"#slider-"+sliderID+' .c-slider__arrows-nav button[data-direction="next"]',prevEl:"#slider-"+sliderID+' .c-slider__arrows-nav button[data-direction="prev"]'},autoplay:"0"!=options.autoplay&&{delay:1e3*+options.autoplay,pauseOnMouseEnter: !0, disableOnInteraction: false },loop:!0});function setActiveDot(){var sliderDotNavElements;[].slice.call(sliderElement.querySelectorAll(".c-slider__dots-nav button")).forEach((function(dot){dot.classList.remove("is-active"),swiper.realIndex==dot.getAttribute("data-index")&&dot.classList.add("is-active")}))}swiper.slides.forEach((function(slide){var sliderDotNavElements;[].slice.call(slide.querySelectorAll(".c-slider__dots-nav button")).forEach((function(dot,index){dot.setAttribute("data-index",index),dot.addEventListener("click",(function(){swiper.slideToLoop(index)}))}))})),swiper.on("activeIndexChange",(function(){setActiveDot()})),setActiveDot(),controlDots.classList.remove("swiper-pagination-bullets"),controlDots.classList.remove("swiper-pagination-horizontal")}document.addEventListener("DOMContentLoaded",sectionSlider);</script>
5384
5385
5386<script>
5387   function addAccess() {
5388
5389
5390
5391  var elems =document.querySelectorAll(".c-slider__item:not(:last-child) .c-slider__controls button");
5392
5393  elems.forEach(function (elem, index) {
5394     
5395	elem.setAttribute("tabindex","-1")
5396   });
5397
5398}
5399
5400document.addEventListener("DOMContentLoaded", addAccess);
5401</script>
5401</section><section id="shopify-section-template--18490087768318__d59cf105-6b7a-4e00-98e6-1d9a198f0dee" class="shopify-section section"><style>
5402  
5403 .c-slider {
5404  position: relative;
5405  overflow: hidden;
5406}
5407.c-slider__controls {
5408  display: flex;
5409  flex-direction: column;
5410  color: #000;
5411
5412}
5413.c-slider__controls--slide {
5414  padding-top: 20px;
5415}
5416.c-slider__controls--position-center {
5417  align-items: center;
5418}
5419.c-slider__controls--position-right {
5420  align-items: end;
5421}
5422.c-slider__dots-nav {
5423  margin: 0 -3px 20px;
5424}
5425.c-slider__dots-nav button {
5426  color: inherit;
5427  cursor: pointer;
5428  padding: 0 3px;
5429  background: 0 0;
5430  border: 0;
5431  font-size: 0;
5432}
5433.c-slider__dots-nav button span {
5434  display: block;
5435  width: 8px;
5436  height: 8px;
5437  border-radius: 50%;
5438  background: 0 0;
5439  border: 1px solid currentColor;
5440  transition: background 0.1s;
5441}
5442.c-slider__dots-nav button:hover span {
5443  background: currentColor;
5444}
5445.c-slider__dots-nav:not(:hover) button.is-active span,
5446.c-slider__dots-nav:not(:hover) button[aria-current="true"] span {
5447  transition: none;
5448  background: currentColor;
5449}
5450.c-slider__arrows-nav {
5451  display: flex;
5452  align-items: center;
5453  margin: -3px 0;
5454}
5455.c-slider__arrows-nav--hide-text button {
5456  font-size: 0;
5457}
5458.c-slider__arrows-nav button {
5459  color: inherit;
5460  cursor: pointer;
5461  display: flex;
5462  align-items: center;
5463  margin: 0 3px;
5464  padding: 0;
5465  background: 0 0;
5466  border: 0;
5467  text-transform: uppercase;
5468  transition: opacity 0.15s;
5469}
5470.c-slider__arrows-nav button:focus,
5471.c-slider__arrows-nav button:hover {
5472  opacity: 0.65;
5473}
5474.c-slider__arrows-nav button[data-direction="next"] svg,
5475.c-slider__arrows-nav button[data-direction="prev"] svg {
5476  width: 30px;
5477  height: 30px;
5478  backface-visibility: hidden;
5479  fill: currentColor;
5480}
5481  
5482  
5483  
5484.c-slider__arrows-nav button[data-direction="prev"] svg {
5485  margin-right: 5px;
5486}
5487.c-slider__arrows-nav button[data-direction="next"] svg {
5488  transform: rotate(180deg);
5489  margin-left: 5px;
5490}
5491.c-slider__arrows-nav--hide-text button[data-direction="next"] svg {
5492  margin-left: 0;
5493}
5494.c-slider__content {
5495  display: flex;
5496  flex-direction: column;
5497  width: 100%;
5498  padding: 2rem;
5499}
5500@media (min-width: 750px) {
5501  .c-slider__content {
5502    padding: 2.3rem 3rem;
5503  }
5504}
5505.c-slider__content :first-child {
5506  margin-top: 0;
5507}
5508.c-slider__content :last-child {
5509  margin-bottom: 0;
5510}
5511.c-slider__content-wrapper {
5512  box-sizing: border-box;
5513}
5514@media (max-width: 749px) {
5515  .c-slider__content-wrapper {
5516    width: 100% !important;
5517  }
5518}
5519@media (min-width: 750px) {
5520  .c-slider__content-wrapper {
5521    display: flex;
5522    flex-direction: row;
5523    width: 100%;
5524  }
5525  .c-slider__content-wrapper--stacked {
5526    flex-direction: column;
5527  }
5528}
5529.c-slider__media {
5530  overflow: hidden;
5531}
5532.c-slider__media img {
5533  display: block;
5534  width: 100%;
5535  height: auto;
5536  max-height: 100vh;
5537  box-sizing: border-box;
5538  object-fit: cover;
5539}
5540.swiper-slide-visible
5541  .c-slider__media:not(.c-slider__media--disable-image-animation)
5542  img {
5543  animation: sliderMediaScale backwards 0.75s 50ms;
5544}
5545@media (min-width: 750px) {
5546  .c-slider__media {
5547    min-width: 100%;
5548  }
5549  .c-slider__media-position--right {
5550    order: 1;
5551  }
5552  .c-slider__media--half-width {
5553    min-width: 50%;
5554  }
5555  .c-slider__media--third-width {
5556    min-width: 33%;
5557    width:33%;
5558  }
5559}
5560@keyframes sliderMediaScale {
5561  from {
5562    transform: scale(1.025);
5563  }
5564  to {
5565    transform: scale(1);
5566  }
5567}
5568  
5569  
5570  
5571  
5572  @media (prefers-reduced-motion) {
5573  .c-slider-marquee .swiper-wrapper{
5574     
5575  transform:none !important;
5576
5577
5578}
5579}
5580 
5581 .c-slider-marquee .swiper-wrapper{
5582     
5583  transition-timing-function:linear !important;
5584  position: relative;
5585  display:flex;
5586  align-items:center;
5587
5588
5589}
5590  
5591 
5592  
5593</style>
5594
5595
5596
5597
5598<style data-shopify>
5599#section-template--18490087768318__d59cf105-6b7a-4e00-98e6-1d9a198f0dee .c-slider__content h2 {
5600line-height:1.1em;
5601margin-block-end:0 !important;
5602
5603}
5604
5605#section-template--18490087768318__d59cf105-6b7a-4e00-98e6-1d9a198f0dee a:not([href])[aria-disabled="true"] {
5606   cursor:default;
5607  }
5608
5609
5610#section-template--18490087768318__d59cf105-6b7a-4e00-98e6-1d9a198f0dee .c-slider__content {
5611
5612 position:relative;
5613}
5614
5615
5616
5617
5618@media screen and (min-width:750px) {
5619
5620.description-position--bottomLeft {
5621 position:absolute;
5622 width:100%;
5623 left:2vw;
5624 bottom:2vw;
5625 max-width:30em;
5626 
5627}
5628
5629.description-position--bottomRight {
5630 position:absolute;
5631 width:100%;
5632 right:2vw;
5633 bottom:2vw;
5634 max-width:30em;
5635 
5636}
5637
5638.description-position--topRight {
5639 position:absolute;
5640 width:100%;
5641 top:2vw;
5642 right:2vw;
5643 max-width:30em;
5644 
5645}
5646
5647.description-position--topLeft {
5648 position:absolute;
5649 width:100%;
5650 top:2vw;
5651 left:2vw;
5652 max-width:30em;
5653 
5654}
5655
5656}
5657
5658
5659
5660
5661
5662</style>
5663
5664<div class=" borders flushButton centered" id="section-template--18490087768318__d59cf105-6b7a-4e00-98e6-1d9a198f0dee">
5665  <div class="js-slider c-slider c-slider-marquee" data-autoplay = "0" data-start-index = "1" data-animation = "fade" data-animation-speed = "6900" data-display-dots-nav =  data-display-arrows-nav =  data-display-arrows-nav-text =  data-arrow-nav-icon='' style="background-color:#b2b2a3;">
5666  <div class="c-slider__inner swiper-wrapper">
5667
5668  
5669  
5670    <div class="c-slider__item swiper-slide" >
5671      <div class="c-slider__content-wrapper">
5672  
5673        <!-- Image Block --><!-- end Image Block -->
5674        
5675        <!-- Content Block -->
5676      
5677        <div class="c-slider__content" style=" color:#231f20;padding: 0vw;">
5678          <h2 class="h2" style=" color:#231f20;"></h2>
5679          <div class="description description-position--">
5680          
5681          </div><div class="c-slider__button-container">
5682              <a class="button button--secondary" href="/blogs/recipes">
5683                
5684                  See our Recipes ⟶
5685                
5686              </a>
5687            </div>
5687<div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-" style="display: none;"></div>
5688        </div>
5689           
5690        <!-- end Content Block -->
5691  
5692      </div>
5693    </div>
5694  
5695  
5696    <div class="c-slider__item swiper-slide" >
5697      <div class="c-slider__content-wrapper">
5698  
5699        <!-- Image Block --><a  role="link" aria-disabled="true" class="c-slider__media c-slider__media-position-- c-slider__media---width ">
5700            <img
5701              srcset="//www.withcococktails.com/cdn/shop/files/5A_375x.png?v=1691127484 375w,//www.withcococktails.com/cdn/shop/files/5A_550x.png?v=1691127484 550w,//www.withcococktails.com/cdn/shop/files/5A_750x.png?v=1691127484 750w,//www.withcococktails.com/cdn/shop/files/5A.png?v=1691127484 900w"
5702              sizes="100vw"
5703              src="//www.withcococktails.com/cdn/shop/files/5A_1500x.png?v=1691127484"
5704              loading="lazy"
5705              alt=""
5706              width="900"
5707              height="350"
5708              style="max-height: vh; "
5709             >
5710          </a><!-- end Image Block -->
5711        
5712        <!-- Content Block -->
5713      
5714        <div class="c-slider__content" style=" color:#231f20;padding: 0vw;">
5715          <h2 class="h2" style=" color:#231f20;"></h2>
5716          <div class="description description-position--">
5717          
5718          </div><div class="c-slider__button-container">
5719              <a class="button button--secondary" role="link" aria-disabled="true">
5720                
5721                  Button label
5722                
5723              </a>
5724            </div><div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-" style="display: none;"></div>
5725        </div>
5726           
5727        <!-- end Content Block -->
5728  
5729      </div>
5730    </div>
5731  
5732  
5733    <div class="c-slider__item swiper-slide" >
5734      <div class="c-slider__content-wrapper">
5735  
5736        <!-- Image Block --><a  role="link" aria-disabled="true" class="c-slider__media c-slider__media-position-- c-slider__media---width ">
5737            <img
5738              srcset="//www.withcococktails.com/cdn/shop/files/3A_375x.png?v=1691127565 375w,//www.withcococktails.com/cdn/shop/files/3A_550x.png?v=1691127565 550w,//www.withcococktails.com/cdn/shop/files/3A_750x.png?v=1691127565 750w,//www.withcococktails.com/cdn/shop/files/3A.png?v=1691127565 900w"
5739              sizes="100vw"
5740              src="//www.withcococktails.com/cdn/shop/files/3A_1500x.png?v=1691127565"
5741              loading="lazy"
5742              alt=""
5743              width="900"
5744              height="350"
5745              style="max-height: vh; "
5746             >
5747          </a><!-- end Image Block -->
5748        
5749        <!-- Content Block -->
5750      
5751        <div class="c-slider__content" style=" color:#231f20;padding: 0vw;">
5752          <h2 class="h2" style=" color:#231f20;"></h2>
5753          <div class="description description-position--">
5754          
5755          </div><div class="c-slider__button-container">
5756              <a class="button button--secondary" role="link" aria-disabled="true">
5757                
5758                  Button label
5759                
5760              </a>
5761            </div><div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-" style="display: none;"></div>
5762        </div>
5763           
5764        <!-- end Content Block -->
5765  
5766      </div>
5767    </div>
5768  
5769  
5770    <div class="c-slider__item swiper-slide" >
5771      <div class="c-slider__content-wrapper">
5772  
5773        <!-- Image Block --><!-- end Image Block -->
5774        
5775        <!-- Content Block -->
5776      
5777        <div class="c-slider__content" style=" color:#231f20;padding: 0vw;">
5778          <h2 class="h2" style=" color:#231f20;"></h2>
5779          <div class="description description-position--">
5780          
5781          </div><div class="c-slider__button-container">
5782              <a class="button button--secondary" href="/blogs/recipes">
5783                
5784                  See our Recipes ⟶
5785                
5786              </a>
5787            </div><div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-" style="display: none;"></div>
5788        </div>
5789           
5790        <!-- end Content Block -->
5791  
5792      </div>
5793    </div>
5794  
5795  
5796    <div class="c-slider__item swiper-slide" >
5797      <div class="c-slider__content-wrapper">
5798  
5799        <!-- Image Block --><a  role="link" aria-disabled="true" class="c-slider__media c-slider__media-position-- c-slider__media---width ">
5800            <img
5801              srcset="//www.withcococktails.com/cdn/shop/files/4A_375x.png?v=1691127591 375w,//www.withcococktails.com/cdn/shop/files/4A_550x.png?v=1691127591 550w,//www.withcococktails.com/cdn/shop/files/4A_750x.png?v=1691127591 750w,//www.withcococktails.com/cdn/shop/files/4A.png?v=1691127591 900w"
5802              sizes="100vw"
5803              src="//www.withcococktails.com/cdn/shop/files/4A_1500x.png?v=1691127591"
5804              loading="lazy"
5805              alt=""
5806              width="900"
5807              height="350"
5808              style="max-height: vh; "
5809             >
5810          </a><!-- end Image Block -->
5811        
5812        <!-- Content Block -->
5813      
5814        <div class="c-slider__content" style=" color:#231f20;padding: 0vw;">
5815          <h2 class="h2" style=" color:#231f20;"></h2>
5816          <div class="description description-position--">
5817          
5818          </div><div class="c-slider__button-container">
5819              <a class="button button--secondary" role="link" aria-disabled="true">
5820                
5821                  Button label
5822                
5823              </a>
5824            </div>
5824<div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-" style="display: none;"></div>
5825        </div>
5826           
5827        <!-- end Content Block -->
5828  
5829      </div>
5830    </div>
5831  
5832  
5833    <div class="c-slider__item swiper-slide" >
5834      <div class="c-slider__content-wrapper">
5835  
5836        <!-- Image Block --><a  role="link" aria-disabled="true" class="c-slider__media c-slider__media-position-- c-slider__media---width ">
5837            <img
5838              srcset="//www.withcococktails.com/cdn/shop/files/2A_375x.png?v=1691127550 375w,//www.withcococktails.com/cdn/shop/files/2A_550x.png?v=1691127550 550w,//www.withcococktails.com/cdn/shop/files/2A_750x.png?v=1691127550 750w,//www.withcococktails.com/cdn/shop/files/2A.png?v=1691127550 900w"
5839              sizes="100vw"
5840              src="//www.withcococktails.com/cdn/shop/files/2A_1500x.png?v=1691127550"
5841              loading="lazy"
5842              alt=""
5843              width="900"
5844              height="350"
5845              style="max-height: vh; "
5846             >
5847          </a><!-- end Image Block -->
5848        
5849        <!-- Content Block -->
5850      
5851        <div class="c-slider__content" style=" color:#231f20;padding: 0vw;">
5852          <h2 class="h2" style=" color:#231f20;"></h2>
5853          <div class="description description-position--">
5854          
5855          </div><div class="c-slider__button-container">
5856              <a class="button button--secondary" role="link" aria-disabled="true">
5857                
5858                  Button label
5859                
5860              </a>
5861            </div><div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-" style="display: none;"></div>
5862        </div>
5863           
5864        <!-- end Content Block -->
5865  
5866      </div>
5867    </div>
5868  
5869 
5870 </div>
5871 <div class="c-slider__controls c-slider__controls--position-" style="display: none;  padding: 0 0rem 0rem;">
5872  <div class="c-slider__dots-nav"></div>
5873</div>
5874 </div>
5875</div>
5876  
5877
5878
5879<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.min.css"/>
5880<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 5880
5880
5881<script>
5882/*!
5883 * Slider
5884 * Version: 1.0.0
5885 * License: Commercial License
5886 */
5887function sectionSlider() {
5888    var sliderID = Math.random().toString(36).slice(2),
5889        sliderElement = document.querySelector(".js-slider");
5890    if (!sliderElement) return null;
5891    sliderElement.classList.remove("js-slider"), sliderElement.setAttribute("id", "slider-" + sliderID);
5892    var options = {
5893            animation: sliderElement.getAttribute("data-animation"),
5894            animationSpeed: +sliderElement.getAttribute("data-animation-speed"),
5895            autoplay: sliderElement.getAttribute("data-autoplay"),
5896            startIndex: sliderElement.getAttribute("data-start-index"),
5897            displayDotsNav: "true" === sliderElement.getAttribute("data-display-dots-nav"),
5898            displayArrowsNav: "true" === sliderElement.getAttribute("data-display-arrows-nav"),
5899            displayArrowsNavText: "true" === sliderElement.getAttribute("data-display-arrows-nav-text"),
5900            arrowNavIcon: sliderElement.getAttribute("data-arrow-nav-icon") || '<svg viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm-4.828 11.5l4.608 3.763-.679.737-6.101-5 6.112-5 .666.753-4.604 3.747h11.826v1h-11.828z"/></svg>'
5901        },
5902        controls = sliderElement.querySelector(".c-slider__controls:not(.c-slider__controls--slide)"),
5903        controlDots = controls.querySelector(".c-slider__dots-nav"),
5904        slides = [].slice.call(sliderElement.querySelectorAll(".c-slider__item"));
5905         
5906    function createDotsNav(controls) {
5907        var nav = document.createElement("div");
5908        nav.className = "c-slider__dots-nav", controls.appendChild(nav), slides.forEach((function(s, index) {
5909            var button = document.createElement("button"),
5910                buttonInner = document.createElement("span");
5911            buttonInner.textContent = "Slide " + (index + 1), button.appendChild(buttonInner), nav.appendChild(button)
5912        }))
5913    }
5914
5915   
5916
5917    function createArrowsNav(controls) {
5918        var nav = document.createElement("div");
5919        nav.className = "c-slider__arrows-nav" + (options.displayArrowsNavText ? "" : " c-slider__arrows-nav--hide-text"), controls.appendChild(nav);
5920        var prev = document.createElement("button"),
5921            next = document.createElement("button");
5922        prev.innerHTML = options.arrowNavIcon + "Prev", next.innerHTML = "Next" + options.arrowNavIcon, prev.setAttribute("data-direction", "prev"), next.setAttribute("data-direction", "next"), nav.appendChild(prev), nav.appendChild(next)
5923    }
5924    slides.forEach((function(slide) {
5925        var controls = slide.querySelector(".c-slider__controls");
5926        options.displayDotsNav && createDotsNav(controls), options.displayArrowsNav && createArrowsNav(controls)
5927    })), options.displayArrowsNav && createArrowsNav(controls);
5928    var swiper = new Swiper(sliderElement, {
5929          slidesPerView:'auto',
5930        spaceBetween: 10,
5931        speed:+options.animationSpeed,
5932        centeredSlides: true,
5933        allowTouchMove:false,
5934      
5935        initialSlide: +options.startIndex,
5936        pagination: {
5937           
5938        },
5939      
5940         on: {
5941              init: function () {
5942                
5943              }
5944            },
5945        navigation: {
5946            nextEl: "#slider-" + sliderID + ' .c-slider__arrows-nav button[data-direction="next"]',
5947            prevEl: "#slider-" + sliderID + ' .c-slider__arrows-nav button[data-direction="prev"]'
5948        },
5949        autoplay:  {
5950           
5951		    delay: 0,
5952          pauseOnMouseEnter: false,
5953		  disableOnInteraction: false,
5954       
5955          
5956        },
5957       
5958        loop: true
5959        
5960    });
5961  
5962  
5963
5964
5965    function setActiveDot() {
5966        var sliderDotNavElements;
5967        [].slice.call(sliderElement.querySelectorAll(".c-slider__dots-nav button")).forEach((function(dot) {
5968            dot.classList.remove("is-active"), swiper.realIndex == dot.getAttribute("data-index") && dot.classList.add("is-active")
5969        }))
5970    }
5971    swiper.slides.forEach((function(slide) {
5972        var sliderDotNavElements;
5973        [].slice.call(slide.querySelectorAll(".c-slider__dots-nav button")).forEach((function(dot, index) {
5974            dot.setAttribute("data-index", index), dot.addEventListener("click", (function() {
5975                swiper.slideToLoop(index)
5976            }))
5977        }))
5978    })), swiper.on("activeIndexChange", (function() {
5979        setActiveDot()
5980    })), setActiveDot(), controlDots.classList.remove("swiper-pagination-bullets"), controlDots.classList.remove("swiper-pagination-horizontal")
5981}
5982document.addEventListener("DOMContentLoaded", sectionSlider); 
5983  
5984  
5985  
5986  
5987</script>
5987 
5988
5989
5990    <style data-shopify>
5991     #section-template--18490087768318__d59cf105-6b7a-4e00-98e6-1d9a198f0dee .c-slider-marquee .c-slider__content-wrapper {
5992         flex-direction:column;
5993         width:unset;
5994        }
5995
5996
5997
5998       #section-template--18490087768318__d59cf105-6b7a-4e00-98e6-1d9a198f0dee .c-slider-marquee .c-slider__media {
5999            aspect-ratio: 3/2;
6000         }
6001
6002         #section-template--18490087768318__d59cf105-6b7a-4e00-98e6-1d9a198f0dee .c-slider-marquee .c-slider__content {
6003             width:unset;
6004                }
6005
6006               
6007                 @media screen and (min-width:750px) {
6008                 #section-template--18490087768318__d59cf105-6b7a-4e00-98e6-1d9a198f0dee .swiper-slide {
6009                 width: 180px;
6010                 }
6011                 }
6012
6013                @media screen and (max-width:749px) {
6014                 #section-template--18490087768318__d59cf105-6b7a-4e00-98e6-1d9a198f0dee .swiper-slide {
6015                 width: 180px;
6016                 }
6017                 }
6018                
6019
6020      
6021                 #section-template--18490087768318__d59cf105-6b7a-4e00-98e6-1d9a198f0dee .swiper-slide {
6022                 margin-right: 1vw !important;
6023                 }
6024                 
6025
6026
6027                #section-template--18490087768318__d59cf105-6b7a-4e00-98e6-1d9a198f0dee .c-slider-marquee {
6028                padding-top:0px;
6029                 padding-bottom:0px;
6030               }
6031
6032              
6033                #section-template--18490087768318__d59cf105-6b7a-4e00-98e6-1d9a198f0dee .c-slider-marquee .c-slider__media img {
6034                 width:100%;
6035                 height:100px;
6036                 position:absolute;
6037                 object-fit:contain;
6038                 padding: 24px 30px;
6039                }
6040
6041                #section-template--18490087768318__d59cf105-6b7a-4e00-98e6-1d9a198f0dee .c-slider-marquee .c-slider__media {
6042                 position:relative;
6043                 display: flex;
6044                 align-items: center;
6045                }
6046                
6047
6048
6049                 
6050                
6051      </style></section><section id="shopify-section-template--18490087768318__282eaad9-6134-4b15-b983-3a9ea2b05edc" class="shopify-section section"><style>
6052  
6053 .c-slider {
6054  position: relative;
6055  overflow: hidden;
6056}
6057.c-slider__controls {
6058  display: flex;
6059  flex-direction: column;
6060  color: #000;
6061
6062}
6063.c-slider__controls--slide {
6064  padding-top: 20px;
6065}
6066.c-slider__controls--position-center {
6067  align-items: center;
6068}
6069.c-slider__controls--position-right {
6070  align-items: end;
6071}
6072.c-slider__dots-nav {
6073  margin: 0 -3px 20px;
6074}
6075.c-slider__dots-nav button {
6076  color: inherit;
6077  cursor: pointer;
6078  padding: 0 3px;
6079  background: 0 0;
6080  border: 0;
6081  font-size: 0;
6082}
6083.c-slider__dots-nav button span {
6084  display: block;
6085  width: 8px;
6086  height: 8px;
6087  border-radius: 50%;
6088  background: 0 0;
6089  border: 1px solid currentColor;
6090  transition: background 0.1s;
6091}
6092.c-slider__dots-nav button:hover span {
6093  background: currentColor;
6094}
6095.c-slider__dots-nav:not(:hover) button.is-active span,
6096.c-slider__dots-nav:not(:hover) button[aria-current="true"] span {
6097  transition: none;
6098  background: currentColor;
6099}
6100.c-slider__arrows-nav {
6101  display: flex;
6102  align-items: center;
6103  margin: -3px 0;
6104}
6105.c-slider__arrows-nav--hide-text button {
6106  font-size: 0;
6107}
6108.c-slider__arrows-nav button {
6109  color: inherit;
6110  cursor: pointer;
6111  display: flex;
6112  align-items: center;
6113  margin: 0 3px;
6114  padding: 0;
6115  background: 0 0;
6116  border: 0;
6117  text-transform: uppercase;
6118  transition: opacity 0.15s;
6119}
6120.c-slider__arrows-nav button:focus,
6121.c-slider__arrows-nav button:hover {
6122  opacity: 0.65;
6123}
6124.c-slider__arrows-nav button[data-direction="next"] svg,
6125.c-slider__arrows-nav button[data-direction="prev"] svg {
6126  width: 30px;
6127  height: 30px;
6128  backface-visibility: hidden;
6129  fill: currentColor;
6130}
6131  
6132  
6133  
6134.c-slider__arrows-nav button[data-direction="prev"] svg {
6135  margin-right: 5px;
6136}
6137.c-slider__arrows-nav button[data-direction="next"] svg {
6138  transform: rotate(180deg);
6139  margin-left: 5px;
6140}
6141.c-slider__arrows-nav--hide-text button[data-direction="next"] svg {
6142  margin-left: 0;
6143}
6144.c-slider__content {
6145  display: flex;
6146  flex-direction: column;
6147  width: 100%;
6148  padding: 2rem;
6149}
6150@media (min-width: 750px) {
6151  .c-slider__content {
6152    padding: 2.3rem 3rem;
6153  }
6154}
6155.c-slider__content :first-child {
6156  margin-top: 0;
6157}
6158.c-slider__content :last-child {
6159  margin-bottom: 0;
6160}
6161.c-slider__content-wrapper {
6162  box-sizing: border-box;
6163}
6164@media (max-width: 749px) {
6165  .c-slider__content-wrapper {
6166    width: 100% !important;
6167  }
6168}
6169@media (min-width: 750px) {
6170  .c-slider__content-wrapper {
6171    display: flex;
6172    flex-direction: row;
6173    width: 100%;
6174  }
6175  .c-slider__content-wrapper--stacked {
6176    flex-direction: column-reverse;
6177  }
6178}
6179.c-slider__media {
6180  overflow: hidden;
6181}
6182.c-slider__media img {
6183  display: block;
6184  width: 100%;
6185  height: auto;
6186  min-height: 100%;
6187  max-height: 100vh;
6188  box-sizing: border-box;
6189  object-fit: cover;
6190}
6191.swiper-slide-visible
6192  .c-slider__media:not(.c-slider__media--disable-image-animation)
6193  img {
6194  animation: sliderMediaScale backwards 0.75s 50ms;
6195}
6196@media (min-width: 750px) {
6197  .c-slider__media {
6198    min-width: 100%;
6199  }
6200  .c-slider__media-position--right {
6201    order: 1;
6202  }
6203  .c-slider__media--half-width {
6204    min-width: 50%;
6205  }
6206  .c-slider__media--third-width {
6207    min-width: 33%;
6208    width:33%;
6209  }
6210}
6211@keyframes sliderMediaScale {
6212  from {
6213    transform: scale(1.025);
6214  }
6215  to {
6216    transform: scale(1);
6217  }
6218}
6219  
6220  
6221  
6222 
6223  
6224</style>
6225
6226
6227
6228
6229<style data-shopify>
6230#section-template--18490087768318__282eaad9-6134-4b15-b983-3a9ea2b05edc .c-slider__content h2 {
6231
6232line-height:1.1em;
6233margin-block-end:0.5em !important;
6234  margin-block-start:0.5em !important;
6235
6236}
6237
6238
6239#section-template--18490087768318__282eaad9-6134-4b15-b983-3a9ea2b05edc .c-slider__content {
6240 padding:4vw 4vw!important;
6241 justify-content: center;
6242 position:relative;
6243}
6244
6245@media screen and (min-width:750px) {
6246
6247  
6248
6249
6250}
6251
6252@media screen and (min-width:750px) {
6253
6254.description-position--bottomLeft {
6255 position:absolute;
6256 width:100%;
6257 left:2vw;
6258 bottom:2vw;
6259 max-width:30em;
6260 
6261}
6262
6263.description-position--bottomRight {
6264 position:absolute;
6265 width:100%;
6266 right:2vw;
6267 bottom:2vw;
6268 max-width:30em;
6269 
6270}
6271
6272.description-position--topRight {
6273 position:absolute;
6274 width:100%;
6275 top:2vw;
6276 right:2vw;
6277 max-width:30em;
6278 
6279}
6280
6281.description-position--topLeft {
6282 position:absolute;
6283 width:100%;
6284 top:2vw;
6285 left:2vw;
6286 max-width:30em;
6287 
6288}
6289
6290}
6291
6292
6293
6294
6295
6296</style>
6297
6298<div class=" borders topBorder justified" id="section-template--18490087768318__282eaad9-6134-4b15-b983-3a9ea2b05edc">
6299  <div class="js-slider c-slider" data-autoplay = "4" data-start-index = "0" data-animation = "fade" data-animation-speed = "800" data-display-dots-nav = false data-display-arrows-nav = false data-display-arrows-nav-text = false data-arrow-nav-icon='' style="background-color:#231f20;">
6300  <div class="c-slider__inner swiper-wrapper">
6301
6302  
6303  
6304    <div class="c-slider__item swiper-slide" >
6305      <div class="c-slider__content-wrapper">
6306  
6307        <!-- Image Block --><div class="c-slider__media c-slider__media-position--left c-slider__media--half-width ">
6308            <img
6309              srcset="//www.withcococktails.com/cdn/shop/files/0C6295CA-B9BE-4B8D-988A-3C4091F5FDC2-11917-00000CA89C7CD768_64b0150f-88f6-4667-916c-bc37d534f8bc_375x.jpg?v=1736888013 375w,//www.withcococktails.com/cdn/shop/files/0C6295CA-B9BE-4B8D-988A-3C4091F5FDC2-11917-00000CA89C7CD768_64b0150f-88f6-4667-916c-bc37d534f8bc_550x.jpg?v=1736888013 550w,//www.withcococktails.com/cdn/shop/files/0C6295CA-B9BE-4B8D-988A-3C4091F5FDC2-11917-00000CA89C7CD768_64b0150f-88f6-4667-916c-bc37d534f8bc_750x.jpg?v=1736888013 750w,//www.withcococktails.com/cdn/shop/files/0C6295CA-B9BE-4B8D-988A-3C4091F5FDC2-11917-00000CA89C7CD768_64b0150f-88f6-4667-916c-bc37d534f8bc_1100x.jpg?v=1736888013 1100w,//www.withcococktails.com/cdn/shop/files/0C6295CA-B9BE-4B8D-988A-3C4091F5FDC2-11917-00000CA89C7CD768_64b0150f-88f6-4667-916c-bc37d534f8bc.jpg?v=1736888013 1184w"
6310              sizes="100vw"
6311              src="//www.withcococktails.com/cdn/shop/files/0C6295CA-B9BE-4B8D-988A-3C4091F5FDC2-11917-00000CA89C7CD768_64b0150f-88f6-4667-916c-bc37d534f8bc_1500x.jpg?v=1736888013"
6312              loading="lazy"
6313              alt=""
6314              width="1184"
6315              height="666"
6316              style="max-height: 78vh; border: 0rem solid transparent;"
6317             >
6318          </div><!-- end Image Block -->
6319        
6320        <!-- Content Block -->
6321        <div class="c-slider__content" style=" color:#fbf9f6;padding: 5rem;">
6322          
6323          <h2 class="h1" style=" color:#fbf9f6;">WithCo Bar Program</h2>
6324          <div class="description description-position--default">
6325          <p>
6325We help restaurants, stadiums, and hospitality groups build elevated, profitable, and customer-focused beverage programs.</p><p>Streamline your beverage program with <strong>speed and ease, consistency, quality, and profitability.</strong></p>
6326          </div><div class="c-slider__button-container">
6327              <a class="button button--secondary" href="/pages/bar-program-wholesale">
6328                
6329                  Explore Our Bar Program ✹ ⟶
6330                
6331              </a>
6332            </div><div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-left" style=" color:#231f20;"></div>
6333        </div>
6334        <!-- end Content Block -->
6335  
6336      </div>
6337    </div>
6338  
6339 
6340 </div>
6341 <div class="c-slider__controls c-slider__controls--position-left" style="display: none;  color:#231f20; padding: 0 5rem 5rem;">
6342  <div class="c-slider__dots-nav"></div>
6343</div>
6344 </div>
6345</div>
6346  
6347
6348
6349<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.min.css"/>
6350<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 6350
6350
6351<script>
6352/*!
6353 * Slider
6354 * Version: 1.0.0
6355 * License: Commercial License
6356 */
6357function sectionSlider(){var sliderID=Math.random().toString(36).slice(2),sliderElement=document.querySelector(".js-slider");if(!sliderElement)return null;sliderElement.classList.remove("js-slider"),sliderElement.setAttribute("id","slider-"+sliderID);var options={animation:sliderElement.getAttribute("data-animation"),animationSpeed:+sliderElement.getAttribute("data-animation-speed"),autoplay:sliderElement.getAttribute("data-autoplay"),startIndex:sliderElement.getAttribute("data-start-index"),displayDotsNav:"true"===sliderElement.getAttribute("data-display-dots-nav"),displayArrowsNav:"true"===sliderElement.getAttribute("data-display-arrows-nav"),displayArrowsNavText:"true"===sliderElement.getAttribute("data-display-arrows-nav-text"),arrowNavIcon:sliderElement.getAttribute("data-arrow-nav-icon")||'<svg viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm-4.828 11.5l4.608 3.763-.679.737-6.101-5 6.112-5 .666.753-4.604 3.747h11.826v1h-11.828z"/></svg>'},controls=sliderElement.querySelector(".c-slider__controls:not(.c-slider__controls--slide)"),controlDots=controls.querySelector(".c-slider__dots-nav"),slides=[].slice.call(sliderElement.querySelectorAll(".c-slider__item"));function createDotsNav(controls){var nav=document.createElement("div");nav.className="c-slider__dots-nav",controls.appendChild(nav),slides.forEach((function(s,index){var button=document.createElement("button"),buttonInner=document.createElement("span");buttonInner.textContent="Slide "+(index+1),button.appendChild(buttonInner),nav.appendChild(button)}))}function createArrowsNav(controls){var nav=document.createElement("div");nav.className="c-slider__arrows-nav"+(options.displayArrowsNavText?"":" c-slider__arrows-nav--hide-text"),controls.appendChild(nav);var prev=document.createElement("button"),next=document.createElement("button");prev.innerHTML=options.arrowNavIcon+"Prev",next.innerHTML="Next"+options.arrowNavIcon,prev.setAttribute("data-direction","prev"),next.setAttribute("data-direction","next"),nav.appendChild(prev),nav.appendChild(next)}slides.forEach((function(slide){var controls=slide.querySelector(".c-slider__controls");options.displayDotsNav&&createDotsNav(controls),options.displayArrowsNav&&createArrowsNav(controls)})),options.displayArrowsNav&&createArrowsNav(controls);var swiper=new Swiper(sliderElement,{effect:options.animation,speed:options.animationSpeed,fadeEffect:{crossFade:!0},initialSlide:+options.startIndex,pagination:{el:options.displayDotsNav?"#slider-"+sliderID+" > .c-slider__controls .c-slider__dots-nav":null,type:"bullets",bulletElement:"button",bulletClass:"c-slider__dots-nav-item",bulletActiveClass:"is-active",clickable:!0,renderBullet:function(index,className){return'<button class="'+className+'"><span>Slide '+index+"1</span></button>"}},navigation:{nextEl:"#slider-"+sliderID+' .c-slider__arrows-nav button[data-direction="next"]',prevEl:"#slider-"+sliderID+' .c-slider__arrows-nav button[data-direction="prev"]'},autoplay:"0"!=options.autoplay&&{delay:1e3*+options.autoplay,pauseOnMouseEnter: !0, disableOnInteraction: false },loop:!0});function setActiveDot(){var sliderDotNavElements;[].slice.call(sliderElement.querySelectorAll(".c-slider__dots-nav button")).forEach((function(dot){dot.classList.remove("is-active"),swiper.realIndex==dot.getAttribute("data-index")&&dot.classList.add("is-active")}))}swiper.slides.forEach((function(slide){var sliderDotNavElements;[].slice.call(slide.querySelectorAll(".c-slider__dots-nav button")).forEach((function(dot,index){dot.setAttribute("data-index",index),dot.addEventListener("click",(function(){swiper.slideToLoop(index)}))}))})),swiper.on("activeIndexChange",(function(){setActiveDot()})),setActiveDot(),controlDots.classList.remove("swiper-pagination-bullets"),controlDots.classList.remove("swiper-pagination-horizontal")}document.addEventListener("DOMContentLoaded",sectionSlider);</script>
6357
6358
6359<script>
6360   function addAccess() {
6361
6362
6363
6364  var elems =document.querySelectorAll(".c-slider__item:not(:last-child) .c-slider__controls button");
6365
6366  elems.forEach(function (elem, index) {
6367     
6368	elem.setAttribute("tabindex","-1")
6369   });
6370
6371}
6372
6373document.addEventListener("DOMContentLoaded", addAccess);
6374</script>
6374</section><section id="shopify-section-template--18490087768318__9a0ec005-0a3a-4c1d-8141-06f608619ae1" class="shopify-section section"><style data-shopify>
6375#section-template--18490087768318__9a0ec005-0a3a-4c1d-8141-06f608619ae1 .c-video-section__item--image.stacked > .item-heading {
6376width:40%;
6377text-align:center;
6378margin:1em auto;
6379}
6380
6381
6382@media screen and (max-width:750px) {
6383#section-template--18490087768318__9a0ec005-0a3a-4c1d-8141-06f608619ae1 .c-video-section__item--image.stacked > .item-heading {
6384width:80%;
6385}
6386}
6387
6388
6389
6390
6391</style>
6392
6393<div class="isolate archImage" id="section-template--18490087768318__9a0ec005-0a3a-4c1d-8141-06f608619ae1">
6394  <div class="c-video-section">
6395    <div class="c-video-section__blocks c-video-section__blocks--grid"><div class="c-video-section__item c-video-section__item--image stacked" 
6396              style="background-color:"><h2 class="h2 item-heading" style="color:">Bee's Knees</h2><div class="c-image-wrapper">
6397                <img
6398                srcset="//www.withcococktails.com/cdn/shop/files/ScreenShot2023-11-12at9.49.16AM_375x.png?v=1759419630 375w,//www.withcococktails.com/cdn/shop/files/ScreenShot2023-11-12at9.49.16AM_550x.png?v=1759419630 550w,//www.withcococktails.com/cdn/shop/files/ScreenShot2023-11-12at9.49.16AM_750x.png?v=1759419630 750w,//www.withcococktails.com/cdn/shop/files/ScreenShot2023-11-12at9.49.16AM_1100x.png?v=1759419630 1100w,//www.withcococktails.com/cdn/shop/files/ScreenShot2023-11-12at9.49.16AM.png?v=1759419630 1206w"
6399                sizes="100vw"
6400                src="//www.withcococktails.com/cdn/shop/files/ScreenShot2023-11-12at9.49.16AM_1500x.png?v=1759419630"
6401                loading="lazy"
6402                alt=""
6403                width="1206"
6404                height="1810"
6405                class="c-video-section__media  stacked"
6406                style="max-height: 100vh;"
6407                >
6408              
6409</div><div class="c-grid-text"style="color:">
6410              <p><strong>Honey Sour Mix</strong> : A smooth, refreshing gin cocktail with bee pollen, raw honey, angostura bitters, and fresh lemon juice.. </p><p><a href="https://www.withcococktails.com/blogs/recipes/the-bees-knees" title="https://www.withcococktails.com/blogs/recipes/the-bees-knees"><em><strong>VIEW RECIPE  ⟶</strong></em></a></p>
6411             
6412              
6413
6414              
6415                <a class="button button--primary " href="/pages/recipes"></a>
6416              
6417                
6418               </div>
6419              
6420              
6421            </div><div class="c-video-section__item c-video-section__item--image stacked" 
6422              style="background-color:rgba(0,0,0,0)"><h2 class="h2 item-heading" style="color:#090909">Old Fashioned</h2><div class="c-image-wrapper">
6423                <img
6424                srcset="//www.withcococktails.com/cdn/shop/files/06b999a9a0a8d54d37ce377aff5bc405_375x.jpg?v=1668096263 375w,//www.withcococktails.com/cdn/shop/files/06b999a9a0a8d54d37ce377aff5bc405_550x.jpg?v=1668096263 550w,//www.withcococktails.com/cdn/shop/files/06b999a9a0a8d54d37ce377aff5bc405.jpg?v=1668096263 564w"
6425                sizes="100vw"
6426                src="//www.withcococktails.com/cdn/shop/files/06b999a9a0a8d54d37ce377aff5bc405_1500x.jpg?v=1668096263"
6427                loading="lazy"
6428                alt=""
6429                width="564"
6430                height="733"
6431                class="c-video-section__media  stacked"
6432                style="max-height: 100vh;"
6433                >
6434              
6435</div><div class="c-grid-text"style="color:#090909">
6436              <p><strong>Ellis Old Fashioned Mix : </strong>The perfect summer Old Fashioned with Madagascar vanilla, orange, angostura bitters.</p><p><a href="/blogs/recipes/best-old-fashioned-recipe" title="Best Old Fashioned Recipe"><em><strong>View Recipe ⟶</strong></em></a></p>
6437             
6438              
6439
6440              
6441                <a class="button button--secondary " href="/blogs/recipes/best-old-fashioned-recipe"></a>
6442              
6443                
6444               </div>
6445              
6446              
6447            </div><div class="c-video-section__item c-video-section__item--image stacked" 
6448              style="background-color:"><h2 class="h2 item-heading" style="color:#090909">Lavender Margarita</h2><div class="c-image-wrapper">
6449                <img
6450                srcset="//www.withcococktails.com/cdn/shop/files/IMG_3116_2_375x.jpg?v=1736877936 375w,//www.withcococktails.com/cdn/shop/files/IMG_3116_2_550x.jpg?v=1736877936 550w,//www.withcococktails.com/cdn/shop/files/IMG_3116_2.jpg?v=1736877936 728w"
6451                sizes="100vw"
6452                src="//www.withcococktails.com/cdn/shop/files/IMG_3116_2_1500x.jpg?v=1736877936"
6453                loading="lazy"
6454                alt=""
6455                width="728"
6456                height="1212"
6457                class="c-video-section__media  stacked"
6458                style="max-height: 100vh;"
6459                >
6460              
6461</div><div class="c-grid-text"style="color:#090909">
6462              <p><strong>Bouquet Mix :  </strong>Looking for a refreshing, floral margarita this summer? Try our Bouquet with Blanco Tequila</p><p><a href="/blogs/recipes/lavender-gimlet" title="Lavender Gimlet"><em><strong>VIEW RECIPE ⟶</strong></em></a></p>
6463             
6464              
6465
6466              
6467                
6468               </div>
6469              
6470              
6471            </div></div>
6472  </div>
6473</div>
6474
6475
6476
6477<style>
6478@media (min-width: 750px) {
6479  .c-video-section__blocks--grid {
6480    display: grid;
6481    grid-template-columns: 50% 50%;
6482  }
6483}
6484.c-video-section__item {
6485  position: relative;
6486  overflow: hidden;
6487}
6488.c-video-section__item--text {
6489  display: flex;
6490}
6491.c-video-section__text {
6492  box-sizing: border-box;
6493  width: 100%;
6494  padding: 2rem;
6495  margin: 0 auto;
6496}
6497.c-video-section__text :first-child {
6498  margin-top: 0;
6499}
6500.c-video-section__text--center {
6501  text-align: center;
6502}
6503.c-video-section__text--right {
6504  text-align: right;
6505}
6506.c-video-section__item--text-vertical-center {
6507  align-items: center;
6508}
6509.c-video-section__item--text-vertical-bottom {
6510  align-items: flex-end;
6511}
6512.c-video-section__media {
6513  display: block;
6514  width: 100%;
6515  height: auto;
6516  min-height: 100%;
6517  max-height: 100vh;
6518  box-sizing: border-box;
6519  object-fit: cover;
6520}
6521.c-video-section__item--image .c-grid-text {
6522  position: absolute;
6523  z-index: 1;
6524  top: 50%;
6525  left: 50%;
6526  transform: translate(-50%, -50%);
6527}
6528</style>
6529
6530<style data-shopify>
6531img.c-video-section__media.stacked {
6532    position: absolute;
6533    width: 100%;
6534    min-height: initial !important;
6535    height: 100%;
6536}
6537
6538.c-image-wrapper {
6539    position: relative;
6540    width: 40%;
6541   
6542    aspect-ratio: 1;
6543    margin: 0 auto;
6544}
6545
6546 
6547
6548@media screen and (min-width:750px) {
6549#section-template--18490087768318__9a0ec005-0a3a-4c1d-8141-06f608619ae1 .c-video-section__blocks--grid {
6550 grid-template-columns: repeat(3,minmax(0,1fr)) !important;
6551}
6552}
6553
6554
6555 @media screen and (max-width:749px) {
6556.c-image-wrapper {
6557     max-width: 80%;
6558}
6559
6560
6561
6562    }
6563
6564.c-video-section__item.c-video-section__item--image.stacked {
6565padding-top:50px;
6566padding-bottom:50px;
6567
6568}
6569
6570.c-video-section__item.c-video-section__item--image.stacked .c-grid-text {
6571    position: relative;
6572    top: unset !important;
6573    left: unset !important;
6574    transition: none;
6575    max-width: 40%;
6576    margin-top: 2rem !important;
6577    margin: 0 auto;
6578    transform:none;
6579}
6580
6581
6582@media screen and (max-width:749px) {
6583.c-video-section__item.c-video-section__item--image.stacked .c-grid-text {
6584     max-width: 80%;
6585}
6586
6587    }
6588.c-video-section__item.c-video-section__item--image.stacked {
6589
6590display:flex;
6591flex-direction:column;
6592justify-content:center;
6593
6594}
6595
6596
6597
6598</style></section><section id="shopify-section-template--18490087768318__split_slider_P4dygc" class="shopify-section section"><style>
6599  
6600 .c-slider {
6601  position: relative;
6602  overflow: hidden;
6603}
6604.c-slider__controls {
6605  display: flex;
6606  flex-direction: column;
6607  color: #000;
6608
6609}
6610.c-slider__controls--slide {
6611  padding-top: 20px;
6612}
6613.c-slider__controls--position-center {
6614  align-items: center;
6615}
6616.c-slider__controls--position-right {
6617  align-items: end;
6618}
6619.c-slider__dots-nav {
6620  margin: 0 -3px 20px;
6621}
6622.c-slider__dots-nav button {
6623  color: inherit;
6624  cursor: pointer;
6625  padding: 0 3px;
6626  background: 0 0;
6627  border: 0;
6628  font-size: 0;
6629}
6630.c-slider__dots-nav button span {
6631  display: block;
6632  width: 8px;
6633  height: 8px;
6634  border-radius: 50%;
6635  background: 0 0;
6636  border: 1px solid currentColor;
6637  transition: background 0.1s;
6638}
6639.c-slider__dots-nav button:hover span {
6640  background: currentColor;
6641}
6642.c-slider__dots-nav:not(:hover) button.is-active span,
6643.c-slider__dots-nav:not(:hover) button[aria-current="true"] span {
6644  transition: none;
6645  background: currentColor;
6646}
6647.c-slider__arrows-nav {
6648  display: flex;
6649  align-items: center;
6650  margin: -3px 0;
6651}
6652.c-slider__arrows-nav--hide-text button {
6653  font-size: 0;
6654}
6655.c-slider__arrows-nav button {
6656  color: inherit;
6657  cursor: pointer;
6658  display: flex;
6659  align-items: center;
6660  margin: 0 3px;
6661  padding: 0;
6662  background: 0 0;
6663  border: 0;
6664  text-transform: uppercase;
6665  transition: opacity 0.15s;
6666}
6667.c-slider__arrows-nav button:focus,
6668.c-slider__arrows-nav button:hover {
6669  opacity: 0.65;
6670}
6671.c-slider__arrows-nav button[data-direction="next"] svg,
6672.c-slider__arrows-nav button[data-direction="prev"] svg {
6673  width: 30px;
6674  height: 30px;
6675  backface-visibility: hidden;
6676  fill: currentColor;
6677}
6678  
6679  
6680  
6681.c-slider__arrows-nav button[data-direction="prev"] svg {
6682  margin-right: 5px;
6683}
6684.c-slider__arrows-nav button[data-direction="next"] svg {
6685  transform: rotate(180deg);
6686  margin-left: 5px;
6687}
6688.c-slider__arrows-nav--hide-text button[data-direction="next"] svg {
6689  margin-left: 0;
6690}
6691.c-slider__content {
6692  display: flex;
6693  flex-direction: column;
6694  width: 100%;
6695  padding: 2rem;
6696}
6697@media (min-width: 750px) {
6698  .c-slider__content {
6699    padding: 2.3rem 3rem;
6700  }
6701}
6702.c-slider__content :first-child {
6703  margin-top: 0;
6704}
6705.c-slider__content :last-child {
6706  margin-bottom: 0;
6707}
6708.c-slider__content-wrapper {
6709  box-sizing: border-box;
6710}
6711@media (max-width: 749px) {
6712  .c-slider__content-wrapper {
6713    width: 100% !important;
6714  }
6715}
6716@media (min-width: 750px) {
6717  .c-slider__content-wrapper {
6718    display: flex;
6719    flex-direction: row;
6720    width: 100%;
6721  }
6722  .c-slider__content-wrapper--stacked {
6723    flex-direction: column-reverse;
6724  }
6725}
6726.c-slider__media {
6727  overflow: hidden;
6728}
6729.c-slider__media img {
6730  display: block;
6731  width: 100%;
6732  height: auto;
6733  min-height: 100%;
6734  max-height: 100vh;
6735  box-sizing: border-box;
6736  object-fit: cover;
6737}
6738.swiper-slide-visible
6739  .c-slider__media:not(.c-slider__media--disable-image-animation)
6740  img {
6741  animation: sliderMediaScale backwards 0.75s 50ms;
6742}
6743@media (min-width: 750px) {
6744  .c-slider__media {
6745    min-width: 100%;
6746  }
6747  .c-slider__media-position--right {
6748    order: 1;
6749  }
6750  .c-slider__media--half-width {
6751    min-width: 50%;
6752  }
6753  .c-slider__media--third-width {
6754    min-width: 33%;
6755    width:33%;
6756  }
6757}
6758@keyframes sliderMediaScale {
6759  from {
6760    transform: scale(1.025);
6761  }
6762  to {
6763    transform: scale(1);
6764  }
6765}
6766  
6767  
6768  
6769 
6770  
6771</style>
6772
6773
6774
6775
6776<style data-shopify>
6777#section-template--18490087768318__split_slider_P4dygc .c-slider__content h2 {
6778
6779line-height:1.1em;
6780margin-block-end:0.5em !important;
6781  margin-block-start:0.5em !important;
6782
6783}
6784
6785
6786#section-template--18490087768318__split_slider_P4dygc .c-slider__content {
6787 padding:4vw 4vw!important;
6788 justify-content: center;
6789 position:relative;
6790}
6791
6792@media screen and (min-width:750px) {
6793
6794  
6795
6796
6797}
6798
6799@media screen and (min-width:750px) {
6800
6801.description-position--bottomLeft {
6802 position:absolute;
6803 width:100%;
6804 left:2vw;
6805 bottom:2vw;
6806 max-width:30em;
6807 
6808}
6809
6810.description-position--bottomRight {
6811 position:absolute;
6812 width:100%;
6813 right:2vw;
6814 bottom:2vw;
6815 max-width:30em;
6816 
6817}
6818
6819.description-position--topRight {
6820 position:absolute;
6821 width:100%;
6822 top:2vw;
6823 right:2vw;
6824 max-width:30em;
6825 
6826}
6827
6828.description-position--topLeft {
6829 position:absolute;
6830 width:100%;
6831 top:2vw;
6832 left:2vw;
6833 max-width:30em;
6834 
6835}
6836
6837}
6838
6839
6840
6841
6842
6843</style>
6844
6845<div class=" borders topBorder justified" id="section-template--18490087768318__split_slider_P4dygc">
6846  <div class="js-slider c-slider" data-autoplay = "4" data-start-index = "0" data-animation = "fade" data-animation-speed = "800" data-display-dots-nav = false data-display-arrows-nav = false data-display-arrows-nav-text = true data-arrow-nav-icon='' style="background-color:#231f20;">
6847  <div class="c-slider__inner swiper-wrapper">
6848
6849  
6850  
6851    <div class="c-slider__item swiper-slide" >
6852      <div class="c-slider__content-wrapper">
6853  
6854        <!-- Image Block --><div class="c-slider__media c-slider__media-position--right c-slider__media--half-width ">
6855            <img
6856              srcset="//www.withcococktails.com/cdn/shop/files/DSC9862_VSCO_6dcf75cb-b21b-4d30-a651-522ee517b319_375x.jpg?v=1748974607 375w,//www.withcococktails.com/cdn/shop/files/DSC9862_VSCO_6dcf75cb-b21b-4d30-a651-522ee517b319_550x.jpg?v=1748974607 550w,//www.withcococktails.com/cdn/shop/files/DSC9862_VSCO_6dcf75cb-b21b-4d30-a651-522ee517b319_750x.jpg?v=1748974607 750w,//www.withcococktails.com/cdn/shop/files/DSC9862_VSCO_6dcf75cb-b21b-4d30-a651-522ee517b319_1100x.jpg?v=1748974607 1100w,//www.withcococktails.com/cdn/shop/files/DSC9862_VSCO_6dcf75cb-b21b-4d30-a651-522ee517b319_1500x.jpg?v=1748974607 1500w,//www.withcococktails.com/cdn/shop/files/DSC9862_VSCO_6dcf75cb-b21b-4d30-a651-522ee517b319_1780x.jpg?v=1748974607 1780w,//www.withcococktails.com/cdn/shop/files/DSC9862_VSCO_6dcf75cb-b21b-4d30-a651-522ee517b319.jpg?v=1748974607 1920w"
6857              sizes="100vw"
6858              src="//www.withcococktails.com/cdn/shop/files/DSC9862_VSCO_6dcf75cb-b21b-4d30-a651-522ee517b319_1500x.jpg?v=1748974607"
6859              loading="lazy"
6860              alt=""
6861              width="1920"
6862              height="1080"
6863              style="max-height: 100vh; border: 0rem solid transparent;"
6864             >
6865          </div><!-- end Image Block -->
6866        
6867        <!-- Content Block -->
6868        <div class="c-slider__content" style=" color:#fbf9f6;padding: 3rem;">
6869          
6870          <p class="image-with-text__text--caption caption-with-letter-spacing caption-with-letter-spacing--medium caption-with-letter-spacing" >Made with fresh juices and botanicals.</p>
6871         
6872          <h2 class="h1" style=" color:#fbf9f6;">Cocktail Club</h2>
6873          <div class="description description-position--default">
6874          <p>A monthly cocktail membership - think wine club meets fresh ingredient cocktails. Enjoy exclusive member discounts, free shipping, and early access to new flavors.</p>
6875          </div><div class="c-slider__button-container">
6876              <a class="button button--secondary" href="https://www.withcococktails.com/products/cocktail-club">
6877                
6878                  Shop Now ⟶
6879                
6880              </a>
6881            </div>
6881<div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-left" style=" color:#0d0c0c;"></div>
6882        </div>
6883        <!-- end Content Block -->
6884  
6885      </div>
6886    </div>
6887  
6888 
6889 </div>
6890 <div class="c-slider__controls c-slider__controls--position-left" style="display: none;  color:#0d0c0c; padding: 0 3rem 3rem;">
6891  <div class="c-slider__dots-nav"></div>
6892</div>
6893 </div>
6894</div>
6895  
6896
6897
6898<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.min.css"/>
6899<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 6899
6899
6900<script>
6901/*!
6902 * Slider
6903 * Version: 1.0.0
6904 * License: Commercial License
6905 */
6906function sectionSlider(){var sliderID=Math.random().toString(36).slice(2),sliderElement=document.querySelector(".js-slider");if(!sliderElement)return null;sliderElement.classList.remove("js-slider"),sliderElement.setAttribute("id","slider-"+sliderID);var options={animation:sliderElement.getAttribute("data-animation"),animationSpeed:+sliderElement.getAttribute("data-animation-speed"),autoplay:sliderElement.getAttribute("data-autoplay"),startIndex:sliderElement.getAttribute("data-start-index"),displayDotsNav:"true"===sliderElement.getAttribute("data-display-dots-nav"),displayArrowsNav:"true"===sliderElement.getAttribute("data-display-arrows-nav"),displayArrowsNavText:"true"===sliderElement.getAttribute("data-display-arrows-nav-text"),arrowNavIcon:sliderElement.getAttribute("data-arrow-nav-icon")||'<svg viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm-4.828 11.5l4.608 3.763-.679.737-6.101-5 6.112-5 .666.753-4.604 3.747h11.826v1h-11.828z"/></svg>'},controls=sliderElement.querySelector(".c-slider__controls:not(.c-slider__controls--slide)"),controlDots=controls.querySelector(".c-slider__dots-nav"),slides=[].slice.call(sliderElement.querySelectorAll(".c-slider__item"));function createDotsNav(controls){var nav=document.createElement("div");nav.className="c-slider__dots-nav",controls.appendChild(nav),slides.forEach((function(s,index){var button=document.createElement("button"),buttonInner=document.createElement("span");buttonInner.textContent="Slide "+(index+1),button.appendChild(buttonInner),nav.appendChild(button)}))}function createArrowsNav(controls){var nav=document.createElement("div");nav.className="c-slider__arrows-nav"+(options.displayArrowsNavText?"":" c-slider__arrows-nav--hide-text"),controls.appendChild(nav);var prev=document.createElement("button"),next=document.createElement("button");prev.innerHTML=options.arrowNavIcon+"Prev",next.innerHTML="Next"+options.arrowNavIcon,prev.setAttribute("data-direction","prev"),next.setAttribute("data-direction","next"),nav.appendChild(prev),nav.appendChild(next)}slides.forEach((function(slide){var controls=slide.querySelector(".c-slider__controls");options.displayDotsNav&&createDotsNav(controls),options.displayArrowsNav&&createArrowsNav(controls)})),options.displayArrowsNav&&createArrowsNav(controls);var swiper=new Swiper(sliderElement,{effect:options.animation,speed:options.animationSpeed,fadeEffect:{crossFade:!0},initialSlide:+options.startIndex,pagination:{el:options.displayDotsNav?"#slider-"+sliderID+" > .c-slider__controls .c-slider__dots-nav":null,type:"bullets",bulletElement:"button",bulletClass:"c-slider__dots-nav-item",bulletActiveClass:"is-active",clickable:!0,renderBullet:function(index,className){return'<button class="'+className+'"><span>Slide '+index+"1</span></button>"}},navigation:{nextEl:"#slider-"+sliderID+' .c-slider__arrows-nav button[data-direction="next"]',prevEl:"#slider-"+sliderID+' .c-slider__arrows-nav button[data-direction="prev"]'},autoplay:"0"!=options.autoplay&&{delay:1e3*+options.autoplay,pauseOnMouseEnter: !0, disableOnInteraction: false },loop:!0});function setActiveDot(){var sliderDotNavElements;[].slice.call(sliderElement.querySelectorAll(".c-slider__dots-nav button")).forEach((function(dot){dot.classList.remove("is-active"),swiper.realIndex==dot.getAttribute("data-index")&&dot.classList.add("is-active")}))}swiper.slides.forEach((function(slide){var sliderDotNavElements;[].slice.call(slide.querySelectorAll(".c-slider__dots-nav button")).forEach((function(dot,index){dot.setAttribute("data-index",index),dot.addEventListener("click",(function(){swiper.slideToLoop(index)}))}))})),swiper.on("activeIndexChange",(function(){setActiveDot()})),setActiveDot(),controlDots.classList.remove("swiper-pagination-bullets"),controlDots.classList.remove("swiper-pagination-horizontal")}document.addEventListener("DOMContentLoaded",sectionSlider);</script>
6906
6907
6908<script>
6909   function addAccess() {
6910
6911
6912
6913  var elems =document.querySelectorAll(".c-slider__item:not(:last-child) .c-slider__controls button");
6914
6915  elems.forEach(function (elem, index) {
6916     
6917	elem.setAttribute("tabindex","-1")
6918   });
6919
6920}
6921
6922document.addEventListener("DOMContentLoaded", addAccess);
6923</script>
6923</section><div id="shopify-section-template--18490087768318__a0f37875-e702-4859-bd18-40f993c48927" class="shopify-section section"><link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-card.css?v=21725503455240551581734731053" rel="stylesheet" type="text/css" media="all" />
6924<link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-price.css?v=65402837579211014041734731053" rel="stylesheet" type="text/css" media="all" />
6925<style data-shopify>
6926#section-template--18490087768318__a0f37875-e702-4859-bd18-40f993c48927 a:not(.button) {
6927                
6928                  color:unset !important;
6929                  text-decoration:none !important;
6930                 }
6931
6932
6933
6934.ss-section {
6935display:flex;
6936
6937}
6938
6939.ss-content-wrapper {
6940width:100%;
6941position:relative;
6942}
6943  .ss-row {
6944    width: auto !important;
6945    display:flow-root;
6946   }
6947
6948
6949.ss-col-12 [class*=ss-col] {
6950    float: left;
6951    position:relative;
6952}
6953
6954.ss-section {
6955position:relative;
6956}
6957
6958.ss-col-12 {
6959    width: 100%
6960}
6961
6962.ss-col-12 .ss-col-12 {
6963    width: 100%
6964}
6965
6966.ss-col-12 .ss-col-11 {
6967    width: 91.6667%
6968}
6969
6970.ss-col-12 .ss-col-10 {
6971    width: 83.3333%
6972}
6973
6974.ss-col-12 .ss-col-9 {
6975    width: 75%
6976}
6977
6978.ss-col-12 .ss-col-8 {
6979    width: 66.6667%
6980}
6981
6982.ss-col-12 .ss-col-7 {
6983    width: 58.3333%
6984}
6985
6986.ss-col-12 .ss-col-6 {
6987    width: 50%
6988}
6989
6990.ss-col-12 .ss-col-5 {
6991    width: 41.6667%
6992}
6993
6994.ss-col-12 .ss-col-4 {
6995    width: 33.3333%
6996}
6997
6998.ss-col-12 .ss-col-3 {
6999    width: 25%
7000}
7001
7002.ss-col-12 .ss-col-2 {
7003    width: 16.6667%
7004}
7005
7006.ss-col-12 .ss-col-1 {
7007    width: 8.3333%
7008}
7009
7010.ss-block {
7011padding:8px;
7012}
7013
7014.section-background__image {
7015background-size:cover;
7016background-position:center;
7017}
7018
7019@media screen and (max-width: 749px) {
7020.ss-col-12 [class*=ss-col] {
7021    float: none !important;
7022    width: auto !important;
7023}
7024
7025.ss-section {
7026display:flex !important;
7027flex-direction:column;
7028}
7029
7030
7031
7032#section-template--18490087768318__a0f37875-e702-4859-bd18-40f993c48927 .section-background {
7033display:none;
7034}
7035
7036
7037
7038
7039
7040
7041}
7042
7043
7044
7045.ss-html-block {
7046 position:relative;
7047}
7048
7049
7050
7051.section-background {
7052position:absolute;
7053inset:0;
7054width:auto;
7055}
7056.section-background__image {
7057position:absolute;
7058inset:0;
7059width:auto;
7060display:block !important;
7061}
7062
7063.section-background_video {
7064position:absolute;
7065inset:0;
7066width:auto;
7067display:block !important;
7068
7069}
7070
7071.ss-content-wrapper {
7072display:flex;
7073justify-content:center;
7074}
7075
7076.ss-text__content.ss-grid-block {
7077flex-direction:column;
7078}
7079
7080@media screen and (max-width:749px) {
7081.ss-content-wrapper {
7082
7083flex-direction:column;
7084}
7085
7086  }
7087@media screen and (min-width:750px) {
7088
7089
7090
7091#section-template--18490087768318__a0f37875-e702-4859-bd18-40f993c48927 {
7092min-height: 10vh;
7093
7094}
7095#section-template--18490087768318__a0f37875-e702-4859-bd18-40f993c48927 .ss-content {
7096width: 100%;
7097display:flex;
7098}
7099
7100
7101
7102}
7103
7104.ss-text__content {
7105text-align:center;
7106}
7107
7108
7109#section-template--18490087768318__a0f37875-e702-4859-bd18-40f993c48927 .ss-content {
7110align-items:stretch;
7111
7112
7113}
7114
7115
7116
7117
7118
7119#section-template--18490087768318__a0f37875-e702-4859-bd18-40f993c48927 .ss-content-wrapper {
7120justify-content:center;
7121}
7122
7123
7124#section-template--18490087768318__a0f37875-e702-4859-bd18-40f993c48927 {
7125padding-bottom:0px;
7126padding-top:0px;
7127
7128}
7129
7130.ss-image {
7131
7132    display: block;
7133    max-width: 100%;
7134    position: absolute;
7135    top: 0;
7136    left: 0;
7137    height: 100%;
7138    width: 100%;
7139}
7140
7141.ss-video-block {
7142position:relative;
7143}
7144
7145.ss-image-wrapper {
7146height:0;
7147
7148position:relative;
7149max-width:100%;
7150}
7151
7152
7153.ss-overlap-gallery {
7154position:relative;
7155}
7156
7157.ss-gallery-video {
7158width:80%;
7159}
7160  .ss-gallery-video video {
7161        object-fit:cover;
7162        height:100%;
7163        width:100%;
7164       }
7165
7166
7167.ss-overlap-gallery .ss-overlap-image {
7168position:absolute;
7169width:60%;
7170top:50%;
7171transform:translateY(-50%);
7172
7173}
7174
7175.ss-grid-block {
7176display:flex;
7177position:relative;
7178}
7179
7180.ss-overlap-image .ss-image-wrapper {
7181height:0;
7182padding-bottom:100%;
7183
7184
7185}
7186
7187.ss-overlap-gallery .ss-overlap-image img{
7188object-fit:cover;
7189
7190}
7191
7192@media screen and (min-width:750px) {
7193#section-template--18490087768318__a0f37875-e702-4859-bd18-40f993c48927 .ss-col-12 {
7194    width: 100%;
7195    display: grid;
7196    grid-template-columns: repeat(4,minmax(0,1fr));
7197    grid-gap:1vw;
7198}
7199
7200}
7201
7202
7203.ss-inline--inline_image {
7204display:inline-block;
7205}
7206.ss-inline-image {
7207position:relative;
7208
7209}
7210.ss-inline-image img {
7211position:absolute;
7212 
7213}
7214
7215.ss-decor {
7216position:absolute;
7217}
7218
7219
7220.decor-position--top-right {
7221right:0;
7222left:initial;
7223top:0;
7224
7225}
7226
7227
7228.decor-position--top-left {
7229left:0;
7230top:0;
7231
7232}
7233
7234.decor-position--bottom-left {
7235left:0;
7236bottom:0;
7237top:initial;
7238
7239}
7240
7241.decor-position--bottom-right {
7242right:0;
7243left:initial;
7244bottom:0;
7245top:initial;
7246
7247}
7248
7249.textdecor-position--top {
7250top:0;
7251border-bottom: var(--inputs-border-width) solid;
7252}
7253
7254.textdecor-position--bottom {
7255bottom:0;
7256border-top: var(--inputs-border-width) solid ;
7257}
7258
7259.textdecor-position--right {
7260position:absolute;
7261bottom:50%;
7262right: 0vw;
7263transform-origin: 100% 50%;
7264transform: rotate(90deg) translate(50%, 50%);
7265
7266}
7267
7268.textdecor-position--left {
7269bottom:50%;
7270  left: 0vw;
7271  transform-origin: 0 50%;
7272  transform: rotate(-90deg) translate(-50%, 50%);
7273
7274}
7275
7276.ss-inline--inline_text.ss-decor {
7277position:absolute;
7278display:block;
7279width:100%;
7280text-align:center;
7281
7282}
7283
7284
7285
7286
7287@media screen and (min-width:750px) {
7288.ss-grid-span--1 {
7289grid-column:auto/span 1;
7290}
7291
7292.ss-grid-span--2 {
7293grid-column:auto/span 2;
7294}
7295
7296
7297.ss-grid-span--3 {
7298grid-column:auto/span 3;
7299}
7300
7301.ss-grid-span--4 {
7302grid-column:auto/span 4;
7303}
7304
7305.ss-grid-span--5 {
7306grid-column:auto/span 5;
7307}
7308
7309.ss-grid-span--6 {
7310grid-column:auto/span 6;
7311}
7312
7313.ss-grid-span--7 {
7314grid-column:auto/span 7;
7315}
7316
7317.ss-grid-span--8 {
7318grid-column:auto/span 8;
7319}
7320
7321.ss-grid-span--9 {
7322grid-column:auto/span 9;
7323}
7324
7325.ss-grid-span--10 {
7326grid-column:auto/span 10;
7327}
7328
7329.ss-grid-span--11 {
7330grid-column:auto/span 11;
7331}
7332
7333.ss-grid-span--12 {
7334grid-column:auto/span 12;
7335}
7336
7337
7338
7339}
7340
7341
7342@media screen and (min-width:750px) {
7343.ss-grid-rowspan--1 {
7344grid-row:auto/span 1;
7345}
7346
7347.ss-grid-rowspan--2 {
7348grid-row:auto/span 2;
7349}
7350
7351
7352.ss-grid-rowspan--3 {
7353grid-row:auto/span 3;
7354}
7355
7356.ss-grid-rowspan--4 {
7357grid-row:auto/span 4;
7358}
7359
7360.ss-grid-rowspan--5 {
7361grid-row:auto/span 5;
7362}
7363
7364.ss-grid-rowspan--6 {
7365grid-row:auto/span 6;
7366}
7367
7368.ss-grid-rowspan--7 {
7369grid-row:auto/span 7;
7370}
7371
7372.ss-grid-rowspan--8 {
7373grid-row:auto/span 8;
7374}
7375
7376.ss-grid-rowspan--9 {
7377grid-row:auto/span 9;
7378}
7379
7380.ss-grid-rowspan--10 {
7381grid-row:auto/span 10;
7382}
7383
7384.ss-grid-rowspan--11 {
7385grid-row:auto/span 11;
7386}
7387
7388.ss-grid-rowspan--12 {
7389grid-row:auto/span 12;
7390}
7391
7392
7393
7394}
7395
7396
7397@media screen and (max-width:749px) {
7398.ss-grid__item {
7399padding-left:1.5rem;
7400padding-right:1.5rem;
7401
7402}
7403
7404}
7405
7406.ss-grid-item .image-with-text__text--caption {
7407                 position:relative;
7408}
7409
7410
7411@media screen and (max-width:749px) {
7412
7413.ss-decor, .ss-inline--inline_text.ss-decor  {
7414display:none;
7415}
7416
7417}
7418
7419
7420
7421.ss-grid-item__position--center  {
7422display:flex;
7423flex-direction:column;
7424justify-content:center;
7425}
7426
7427.ss-grid-item__position--top  {
7428display:flex;
7429flex-direction:column;
7430justify-content:flex-start;
7431}
7432
7433.ss-grid-item__position--bottom  {
7434display:flex;
7435flex-direction:column;
7436justify-content:flex-end;
7437}
7438
7439.ss-grid-item__position--stretch  {
7440display:flex;
7441flex-direction:column;
7442justify-content:space-between;
7443}
7444
7445.ss-image-caption-wrapper {
7446padding-left:1rem;
7447padding-right:1rem;
7448}
7449
7450
7451
7452#section-template--18490087768318__a0f37875-e702-4859-bd18-40f993c48927 .ss-col-12 {
7453
7454background-color:#231f20;
7455gap: var(--inputs-border-width) !important;
7456
7457
7458}
7459
7460#section-template--18490087768318__a0f37875-e702-4859-bd18-40f993c48927 .ss-col-12 {
7461border-top: var(--inputs-border-width) solid #231f20;
7462border-bottom: var(--inputs-border-width) solid #231f20;
7463}
7464
7465#section-template--18490087768318__a0f37875-e702-4859-bd18-40f993c48927 .ss-col-12 > * {
7466background-color:#fbf9f6;
7467
7468}
7469
7470
7471
7472
7473
7474
7475
7476
7477
7478
7479</style>
7480
7481<section class="section ss-section color-background-1 twoColMobile " id="section-template--18490087768318__a0f37875-e702-4859-bd18-40f993c48927">
7482
7483           <div class="section-background">
7484  
7485   
7486    
7487    
7488     
7489    
7490   
7491
7492          
7493      
7494        
7495  
7496     </div>
7497
7498
7499
7500<div class="ss-content-wrapper ">
7501     <div class="ss-content">
7502       
7503  
7504     <div class="ss-col-12"> 
7505     <div class="ss-grid__item ss-grid__item--content ss-grid-span--1 ss-grid-rowspan--1 ss-grid-item__position--center" ><div class="ss-text__content ss-grid-block" style="text-align:center; padding:1rem">
7506          
7507          
7508          <h2 class="h2"></h2>
7509
7510            
7511          
7512          <p><em><strong>@withcococktails</strong></em></p>
7513
7514           
7515           
7516            
7517            </div></div> 
7518     <div class="ss-grid__item ss-grid__item--content ss-grid-span--1 ss-grid-rowspan--1 ss-grid-item__position--center" ><div class="ss-text__content ss-grid-block" style="text-align:center; padding:1rem">
7519          
7520          
7521          <h2 class="h2"></h2>
7522
7523            
7524          
7525          <p><a href="https://www.instagram.com/withcococktails/" target="_blank" title="https://www.instagram.com/withcococktails/"><em><strong>Instagram ⟶</strong></em></a></p>
7526
7527           
7528           
7529            
7530            </div></div> 
7531     <div class="ss-grid__item ss-grid__item--content ss-grid-span--1 ss-grid-rowspan--1 ss-grid-item__position--center" ><div class="ss-text__content ss-grid-block" style="text-align:center; padding:1rem">
7532          
7533          
7534          <h2 class="h2"></h2>
7535
7536            
7537          
7538          <p><a href="https://www.facebook.com/WithCoCocktails/" target="_blank" title="https://www.facebook.com/WithCoCocktails/"><em><strong>Facebook ⟶</strong></em></a></p>
7539
7540           
7541           
7542            
7543            </div></div> 
7544     <div class="ss-grid__item ss-grid__item--content ss-grid-span--1 ss-grid-rowspan--1 ss-grid-item__position--center" ><div class="ss-text__content ss-grid-block" style="text-align:center; padding:1rem">
7545          
7546          
7547          <h2 class="h2"></h2>
7548
7549            
7550          
7551          <p><a href="https://www.pinterest.com.au/withcococktails/" target="_blank" title="https://www.pinterest.com.au/withcococktails/"><em><strong>Pinterest ⟶</strong></em></a></p>
7552
7553           
7554           
7555            
7556            </div></div></div> <!--ss-col-12 -->
7557    </div> <!--ss-content -->
7558 
7559  </div> <!--Content Wrapper -->
7560  
7561  </section>
7562
7563
7564
7565
7566<style data-shopify>
7567
7568
7569
7570.center-video .section-background {
7571width:20%;
7572padding-bottom:20%;
7573left:50%;
7574top:50%;
7575transform:translate(-50%, -50%);
7576border:3px solid;
7577}
7578
7579.background-split--left .section-background {
7580 width:50%;
7581
7582}
7583
7584.background-third--left .section-background {
7585 width:33.3%;
7586
7587}
7588
7589.background-split--right .section-background {
7590 width:50%;
7591 left:50%;
7592
7593}
7594
7595.background-third--right .section-background {
7596 width:33.36%;
7597 left:66.66%;
7598
7599}
7600
7601.background-split--center .section-background {
7602 width:50%;
7603 left:50%;
7604 top:50%;
7605 transform:translate(-50%, -50%);
7606 padding-bottom:50%;
7607
7608}
7609.ss-decor.decor-center {
7610 left:50%;
7611 top:50%;
7612 transform:translate(-50%, -50%);
7613}
7614
7615.large-headline h2 {
7616 font-size:clamp(2rem,5vw,5vw) !important;
7617}
7618
7619.ss-grid__item.image-fill .ss-image-wrapper {
7620padding-bottom:0;
7621height:100%;
7622
7623}
7624.ss-grid__item.image-fill .ss-image {
7625object-fit:cover !important;
7626
7627}
7628
7629.ss-grid__item.video-fill .ss-video-block {
7630height:100% !important;
7631}
7632</style>
7633
7634<script>
7635
7636                
7637
7638   function decorAccess() {
7639
7640
7641
7642  var decors =document.querySelectorAll(".ss-text__content a[title*='decor']");
7643
7644     if (decors) {   
7645        decors.forEach(function (decor, index) {
7646
7647          decor.setAttribute("tabindex","-1")
7648         });
7649       
7650     }
7651
7652}
7653
7654document.addEventListener("DOMContentLoaded", decorAccess);
7655
7656</script>
7656</div>
7657    </main>
7658
7659    <div id="shopify-section-footer" class="shopify-section">
7660<link href="//www.withcococktails.com/cdn/shop/t/41/assets/section-footer.css?v=103535102768348291741734731053" rel="stylesheet" type="text/css" media="all" />
7661<link rel="stylesheet" href="//www.withcococktails.com/cdn/shop/t/41/assets/component-newsletter.css?v=103472482056003053551734731053" media="print" onload="this.media='all'">
7662<link rel="stylesheet" href="//www.withcococktails.com/cdn/shop/t/41/assets/component-list-menu.css?v=151968516119678728991734731053" media="print" onload="this.media='all'">
7663<link rel="stylesheet" href="//www.withcococktails.com/cdn/shop/t/41/assets/component-list-payment.css?v=69253961410771838501734731053" media="print" onload="this.media='all'">
7664<link rel="stylesheet" href="//www.withcococktails.com/cdn/shop/t/41/assets/component-list-social.css?v=52211663153726659061734731053" media="print" onload="this.media='all'">
7665<link rel="stylesheet" href="//www.withcococktails.com/cdn/shop/t/41/assets/component-rte.css?v=69919436638515329781734731053" media="print" onload="this.media='all'">
7666<link rel="stylesheet" href="//www.withcococktails.com/cdn/shop/t/41/assets/disclosure.css?v=646595190999601341734731053" media="print" onload="this.media='all'">
7667
7668<noscript><link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-newsletter.css?v=103472482056003053551734731053" rel="stylesheet" type="text/css" media="all" /></noscript>
7669<noscript><link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-list-menu.css?v=151968516119678728991734731053" rel="stylesheet" type="text/css" media="all" /></noscript>
7670<noscript><link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-list-payment.css?v=69253961410771838501734731053" rel="stylesheet" type="text/css" media="all" /></noscript>
7671<noscript><link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-list-social.css?v=52211663153726659061734731053" rel="stylesheet" type="text/css" media="all" /></noscript>
7672<noscript><link href="//www.withcococktails.com/cdn/shop/t/41/assets/component-rte.css?v=69919436638515329781734731053" rel="stylesheet" type="text/css" media="all" /></noscript>
7673<noscript><link href="//www.withcococktails.com/cdn/shop/t/41/assets/disclosure.css?v=646595190999601341734731053" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.footer {
7674    margin-top: 0px;
7675  }
7676
7677  .section-footer-padding {
7678    padding-top: 40px;
7679    padding-bottom: 40px;
7680  }
7681
7682  @media screen and (min-width: 750px) {
7683    .footer {
7684      margin-top: 0px;
7685    }
7686
7687    .section-footer-padding {
7688      padding-top: 40px;
7689      padding-bottom: 80px;
7690    }
7691  }</style><footer class="footer color-background-2 gradient section-footer-padding"><div class="footer__content-top page-width"><div class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet "><div class="footer-block grid__item" ><div class="footer-block__details-content footer-block-image center"><img
7692                        srcset= "//www.withcococktails.com/cdn/shop/files/With_Co_Stacked_Icon_b2fd0113-e7b0-45a9-bb51-a57fae2e715c.svg?v=1690869701&width=200, //www.withcococktails.com/cdn/shop/files/With_Co_Stacked_Icon_b2fd0113-e7b0-45a9-bb51-a57fae2e715c.svg?v=1690869701&width=400 2x"
7693                        src="//www.withcococktails.com/cdn/shop/files/With_Co_Stacked_Icon_b2fd0113-e7b0-45a9-bb51-a57fae2e715c.svg?v=1690869701&width=400"
7694                        alt=""
7695                        loading="lazy"
7696                        width="662"
7697                        height="371"
7698                        style="max-width: min(100%, 200px);"
7699                      ></div></div><div class="footer-block grid__item footer-block--menu" ><ul class="footer-block__details-content list-unstyled"><li>
7700                            <a href="/pages/contact-us" class="link link--text list-menu__item list-menu__item--link">
7701                              Contact Us
7702                            </a>
7703                          </li><li>
7704                            <a href="/policies/terms-of-service" class="link link--text list-menu__item list-menu__item--link">
7705                              Terms of Service
7706                            </a>
7707                          </li><li>
7708                            <a href="/policies/privacy-policy" class="link link--text list-menu__item list-menu__item--link">
7709                              Privacy Policy
7710                            </a>
7711                          </li><li>
7712                            <a href="/policies/refund-policy" class="link link--text list-menu__item list-menu__item--link">
7713                              Refund Policy
7714                            </a>
7715                          </li></ul></div><div class="footer-block grid__item footer-block--menu" ><ul class="footer-block__details-content list-unstyled"><li>
7716                            <a href="/pages/faqs" class="link link--text list-menu__item list-menu__item--link">
7717                              FAQs
7718                            </a>
7719                          </li><li>
7720                            <a href="/pages/store-locator" class="link link--text list-menu__item list-menu__item--link">
7721                              Find a Retailer
7722                            </a>
7723                          </li><li>
7724                            <a href="/pages/become-a-retailer" class="link link--text list-menu__item list-menu__item--link">
7725                              Become a Retailer
7726                            </a>
7727                          </li><li>
7728                            <a href="https://join.collabs.shopify.com/community/appl
7728y/WV_XeH6Suww" class="link link--text list-menu__item list-menu__item--link">
7729                              Ambassador Program
7730                            </a>
7731                          </li><li>
7732                            <a href="https://www.withcococktails.com/account/login" class="link link--text list-menu__item list-menu__item--link">
7733                               Bar/Restaurant Wholesale Login
7734                            </a>
7735                          </li><li>
7736                            <a href="https://www.withcococktails.com/apps/wpdapp" class="link link--text list-menu__item list-menu__item--link">
7737                              Apply for Bar/Restaurant Wholesale Account
7738                            </a>
7739                          </li><li>
7740                            <a href="https://www.withcococktails.com/apps/retextion" class="link link--text list-menu__item list-menu__item--link">
7741                              Manage Subscription
7742                            </a>
7743                          </li></ul></div><div class="footer-block grid__item" ><h2 class="footer-block__heading">Life is better with company</h2><div class="footer-block__details-content rte">
7744                    <p>WithCo stands for "with company" so grab a bottle, a few friends, and raise a glass to good company."</p>
7745                  </div></div></div><div class="footer-block--newsletter"><div class="footer-block__newsletter"><h2 class="footer-block__heading"><em>We respect your inbox boundaries.</em></h2><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter">
7746              <div class="newsletter-form__field-wrapper">
7747                <div class="field">
7748                  <input
7749                    id="NewsletterForm--footer"
7750                    type="email"
7751                    name="contact[email]"
7752                    class="field__input"
7753                    value=""
7754                    aria-required="true"
7755                    autocorrect="off"
7756                    autocapitalize="off"
7757                    autocomplete="email"
7758                    
7759                    placeholder="Email"
7760                    required
7761                  >
7762                  <label class="field__label" for="NewsletterForm--footer">
7763                    Email
7764                  </label>
7765                  <button type="submit" class="newsletter-form__button field__button" name="commit" id="Subscribe" aria-label="Subscribe">
7766                    <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
7767  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
7768</svg>
7769
7770                  </button>
7771                </div></div></form></div></div>
7772    </div><div class="logoXL">
7773      <img src="//www.withcococktails.com/cdn/shop/files/WithCo_Drink_With_Company.svg?v=1691123040&width=3780">
7774  </div> 
7775  
7776  <div class="footer__content-bottom">
7777    
7778    <div class="footer__content-bottom-wrapper page-width">
7779      <div class="footer__column footer__localization isolate"><noscript><form method="post" action="/localization" id="FooterCountryFormNoScript" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="localization-form__select">
7780                <h2 class="visually-hidden" id="FooterCountryLabelNoScript">Country/region</h2>
7781                <select class="localization-selector link" name="country_code" aria-labelledby="FooterCountryLabelNoScript"><option value="CA">
7782                      Canada (CAD $)
7783                    </option><option value="US" selected>
7784                      United States (USD $)
7785                    </option></select>
7786                <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
7787  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
7788</svg>
7789
7790              </div>
7791              <button class="button button--tertiary">Update country/region</button></form></noscript>
7792          <localization-form><form method="post" action="/localization" id="FooterCountryForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="no-js-hidden">
7793                <h2 class="caption-large text-body" id="FooterCountryLabel">Country/region</h2>
7794                <div class="disclosure">
7795                  <button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large" aria-expanded="false" aria-controls="FooterCountryList" aria-describedby="FooterCountryLabel">
7796                    United States (USD $)
7797                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
7798  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
7799</svg>
7800
7801                  </button>
7802                  <div class="disclosure__list-wrapper" hidden>
7803                    <ul id="FooterCountryList" role="list" class="disclosure__list list-unstyled"><li class="disclosure__item" tabindex="-1">
7804                          <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="CA">
7805                            Canada <span class="localization-form__currency">(CAD $)</span>
7806                          </a>
7807                        </li><li class="disclosure__item" tabindex="-1">
7808                          <a class="link link--text disclosure__link caption-large disclosure__link--active focus-inset" href="#" aria-current="true" data-value="US">
7809                            United States <span class="localization-form__currency">(USD $)</span>
7810                          </a>
7811                        </li></ul>
7812                  </div>
7813                </div>
7814                <input type="hidden" name="country_code" value="US">
7815              </div></form></localization-form></div>
7816      <div class="footer__column footer__column--info"><div class="footer__copyright caption">
7817          <small class="copyright__content">&copy; 2026 WithCo Cocktails</small>
7818        </div>
7819      </div>
7820    </div>
7821  </div> 
7822</footer>
7823
7824
7825
7826
7827</div>
7828
7829    <ul hidden>
7830      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
7831      <li id="a11y-new-window-message">Opens in a new window.</li>
7832    </ul>
7833
7834    
7834<script>
7835      window.shopUrl = 'https://www.withcococktails.com';
7836      window.routes = {
7837        cart_add_url: '/cart/add',
7838        cart_change_url: '/cart/change',
7839        cart_update_url: '/cart/update',
7840        cart_url: '/cart',
7841        predictive_search_url: '/search/suggest'
7842      };
7843
7844      window.cartStrings = {
7845        error: `There was an error while updating your cart. Please try again.`,
7846        quantityError: `You can only add [quantity] of this item to your cart.`
7847      }
7848
7849      window.variantStrings = {
7850        addToCart: `Add to cart`,
7851        soldOut: `Sold out`,
7852        unavailable: `Unavailable`,
7853      }
7854
7855      window.accessibilityStrings = {
7856        imageAvailable: `Image [index] is now available in gallery view`,
7857        shareSuccess: `Link copied to clipboard`,
7858        pauseSlideshow: `Pause slideshow`,
7859        playSlideshow: `Play slideshow`,
7860      }
7861    </script>
7861<script src="//www.withcococktails.com/cdn/shop/t/41/assets/predictive-search.js?v=31278710863581584031734731053" defer="defer"></script>
7861
7862      
7862<script src="//www.withcococktails.com/cdn/shop/t/41/assets/theme-scripts.js?v=111603181540343972631734731053" defer="defer"></script>
7862
7863      
7863<script src="//www.withcococktails.com/cdn/shop/t/41/assets/custom-scripts.js?v=159645930143693265411734731053" defer="defer"></script>
7863<script>
7864    $('.mega-menu').each(function(){
7865        $(this).click(function(){
7866            if ($(this).find('summary').attr('aria-expanded') == 'true'){
7867                $('.header-wrapper').addClass('change-bg-custom');
7868            } else {
7869                $('.header-wrapper').removeClass('change-bg-custom');
7870            }
7871        })
7872    })
7873    </script>
7873
7874    
7875    <style>
7876      .header-wrapper {
7877        transition: 0.3s;
7878      }
7879    
7880      .header-wrapper.change-bg-custom {
7881        background: rgb(var(--color-background), 1) !important;
7882      }
7883    </style>
7884      
7885    <!-- "snippets/smile-initializer.liquid" was not rendered, the associated app was uninstalled -->
7886
7887    
7887<script src="//www.withcococktails.com/cdn/shop/t/41/assets/customer_login.js?v=59744391624472872811734731053" defer="defer"></script>
7887
7888    
7889    
7890
7891
7892
7893
7894
7895
7896
7897
7898
7899
7900
7901
7902
7903
7904    
7905    <!-- WPD Start -->
7906    
7907         
7908    
7909    <!-- WPD End -->
7910  
7911<!-- BEAE-FOOTER -->
7912
7913
7914<!-- START BEAE POPUP BUILDER -->
7915<!-- END BEAE POPUP BUILDER -->
7916<!-- END BEAE-FOOTER -->
7917<!-- BEAE-ANALYTICS --><!-- This snippet render by Beae - Landing page builder to use function of Google Analytic 4 -->
7918<!-- To use this function, go to settings in app and enable analytic [link docs] -->
7919
7920  
7921  
7921<script>
7922    window.addEventListener('load', () => {
7923      // fallback for gtag when not initialized
7924      if (typeof window.gtag !== 'function') {
7925        window.gtag = (str1, str2, obj) => {
7926        }
7927      }
7928    })
7929  </script>
7929
7930  
7931  <!-- End snippet of Google Analytic 4 --><!-- END BEAE-ANALYTICS --><style> #wpdSuccessMessageWrapper img {display: none;} </style>
7932<div id="shopify-block-AVElYbHJnemxjbVVrN__10840395464443086010" class="shopify-block shopify-app-block">
7933
7934
7935<script>
7936  console.log("[Alia app extension] v1.0.5");
7937
7938  const BACKEND_URL = "https://backend.alia-prod.com";
7939
7940  window.ALIA_SHOPIFY_EXTENSION_INFO = {
7941    customerID: "",
7942    country: "US",
7943    market: "us",
7944    language: "en"
7945  }
7946
7947  if (document.readyState !== "loading") {
7948    initAlia();
7949  } else {
7950    document.addEventListener("DOMContentLoaded", () => initAlia(), { once: true });
7951  }
7952
7953  async function initAlia() {
7954    const url = BACKEND_URL + "/public/launcher.js?shopifyUrl=drinkwithco.myshopify.com";
7955    const script = document.createElement("script");
7956    script.src = url;
7957    script.async = true;
7958    document.head.appendChild(script);
7959  }
7960</script>
7960
7961
7962</div><div id="shopify-block-AaldhMkR3WENZK01jK__17309853810776502128" class="shopify-block shopify-app-block"><style>
7963   
7964</style>
7965<script>
7966  var pify_shop = "drinkwithco.myshopify.com";
7967  
7968</script>
7968
7969
7970
7971</div><div id="shopify-block-ATzdJWHhyNmRuTEpFd__10312807297210203588" class="shopify-block shopify-app-block">
7972
7973
7974</div><div id="shopify-block-AeXdFL3NiTloxRjRUY__14952540001915115444" class="shopify-block shopify-app-block">
7975
7976
7977
7978
7979<link id="upcart-stylesheet" rel="preload" href="https://cdn.shopify.com/extensions/01a10e34-72cb-7c0f-a6e2-6632a961362e/upcart-2-416/assets/upcart-stylesheet.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
7980
7981
7982
7983  
7983<script defer type="text/javascript" src="https://cdn.shopify.com/extensions/01a10e34-72cb-7c0f-a6e2-6632a961362e/upcart-2-416/assets/upcart-bundle.js"></script>
7983
7984
7985
7986<script>
7987  
7988  function b64DecodeUnicode(str) {
7989    try {
7990        return decodeURIComponent(
7991        atob(str)
7992            .split('')
7993            .map(function (c) {
7994            return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
7995            })
7996            .join(''),
7997        );
7998    } catch {
7999        return str;
8000    }
8001  }
8002</script>
8002
8003
8004
8005<script>
8006(function() {
8007    window.upcartSettings = {};
8008    window.upcartSettings.upcartSettings = {};
8009    window.upcartSettings.upcartEditorSettings = {};
8010    window.upcartSettings.stickyCartButtonEditorSettings = {};
8011
8012    
8013    
8014    
8015    let val;
8016
8017    val = b64DecodeUnicode("cmlnaHQ=");
8018    if (val === '') {
8019        val = b64DecodeUnicode("cmlnaHQ=");
8020    }
8021    window.upcartSettings.upcartSettings.cartPosition = val;
8022
8023    val = b64DecodeUnicode("dHJ1ZQ==");
8024    if (val === '') {
8025        val = b64DecodeUnicode("ZmFsc2U=");
8026    }
8027    val = JSON.parse(val);
8028    window.upcartSettings.upcartSettings.disableSticky = val;
8029
8030    val = b64DecodeUnicode("dHJ1ZQ==");
8031    if (val === '') {
8032        val = b64DecodeUnicode("dHJ1ZQ==");
8033    }
8034    val = JSON.parse(val);
8035    window.upcartSettings.upcartSettings.openOnAddToCart = val;
8036
8037    val = b64DecodeUnicode("ZmFsc2U=");
8038    if (val === '') {
8039        val = b64DecodeUnicode("ZmFsc2U=");
8040    }
8041    val = JSON.parse(val);
8042    window.upcartSettings.upcartSettings.redirectToCart = val;
8043
8044    val = b64DecodeUnicode("");
8045    if (val === '') {
8046        val = b64DecodeUnicode("ZmFsc2U=");
8047    }
8048    val = JSON.parse(val);
8049    window.upcartSettings.upcartSettings.enableCartSkeletons = val;
8050
8051    val = b64DecodeUnicode("eyJjYXJ0VGl0bGUiOiJDYXJ0IOKAoiB7e2NhcnRfcXVhbnRpdHl9fSIsImNoZWNrb3V0IjoiQ2hlY2tvdXQg4oCiIHt7dG90YWxfcHJpY2V9fSIsImFkZFRleHQiOiJBZGQiLCJlbXB0eUNhcnQiOiJZb3VyIGNhcnQgaXMgZW1wdHkiLCJkaXNjb3VudFNhdmluZ3MiOiJTYXZlIiwiY29udGludWVTaG9wcGluZyI6Ik9yIGNvbnRpbnVlIHNob3BwaW5nIiwidG90YWxTYXZpbmdzIjoiRGlzY291bnRzIn0=");
8052    if (val === '') {
8053        val = b64DecodeUnicode("eyJjYXJ0VGl0bGUiOiJDYXJ0IOKAoiB7e2NhcnRfcXVhbnRpdHl9fSIsImNoZWNrb3V0IjoiQ2hlY2tvdXQg4oCiIHt7dG90YWxfcHJpY2V9fSIsImFkZFRleHQiOiJBZGQiLCJlbXB0eUNhcnQiOiJZb3VyIGNhcnQgaXMgZW1wdHkiLCJkaXNjb3VudFNhdmluZ3MiOiJTYXZlIiwiY29udGludWVTaG9wcGluZyI6Ik9yIGNvbnRpbnVlIHNob3BwaW5nIiwidG90YWxTYXZpbmdzIjoiRGlzY291bnRzIiwic3VidG90YWwiOiJTdWJ0b3RhbCIsImJ1bmRsZUhpZGVTaW5ndWxhckl0ZW1UZXh0IjoiSGlkZSAxIGl0ZW0iLCJidW5kbGVTaG93U2luZ3VsYXJJdGVtVGV4dCI6IlNob3cgMSBpdGVtIiwiYnVuZGxlSGlkZU11bHRpcGxlSXRlbXNUZXh0IjoiSGlkZSB7TlVNQkVSX09GX0lURU1TfSBpdGVtcyIsImJ1bmRsZVNob3dNdWx0aXBsZUl0ZW1zVGV4dCI6IlNob3cge05VTUJFUl9PRl9JVEVNU30gaXRlbXMifQ==");
8054    }
8055    val = JSON.parse(val);
8056    window.upcartSettings.upcartSettings.translations = val;
8057
8058    val = b64DecodeUnicode("eyJhYm92ZUZvb3RlciI6IiIsImFib3ZlSGVhZGVyIjoiIiwiYmVsb3dIZWFkZXIiOiIiLCJiZXR3ZWVuTGluZUl0ZW1zIjoiIiwiYWJvdmVDaGVja291dEJ1dHRvbiI6IiIsImJlbG93Q2hlY2tvdXRCdXR0b24iOiIiLCJib3R0b21PZkNhcnQiOiIiLCJvbkVtcHR5Q2FydCI6IiIsInNjcmlwdHNCZWZvcmVMb2FkIjoiPHNjcmlwdD5cbmRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ0RPTUNvbnRlbnRMb2FkZWQnLCAoKSA9PiB7XG4gIC8vIERlZmluZSB0aGUgdXBjYXJ0T25BZGRUb0NhcnQgZnVuY3Rpb25cbiAgd2luZG93LnVwY2FydE9uQWRkVG9DYXJ0ID0gKGlkLCBxdWFudGl0eSwgaXRlbSkgPT4ge1xuICAgIGNvbnNvbGUubG9nKCdwcm9kdWN0IGFkZGVkJyk7IC8vIEFkZGl0aW9uYWwgbG9nXG4gIH07XG59KTtcbjwvc2NyaXB0PiJ9");
8059    if (val === '') {
8060        val = b64DecodeUnicode("eyJhYm92ZUZvb3RlciI6IiIsImFib3ZlSGVhZGVyIjoiIiwiYmVsb3dIZWFkZXIiOiIiLCJiZXR3ZWVuTGluZUl0ZW1zIjoiIiwiYmVsb3dDYXJ0SXRlbXMiOiIiLCJhYm92ZUNoZWNrb3V0QnV0dG9uIjoiIiwiYmVsb3dDaGVja291dEJ1dHRvbiI6IiIsImJvdHRvbU9mQ2FydCI6IiIsIm9uRW1wdHlDYXJ0IjoiIiwic2NyaXB0c0JlZm9yZUxvYWQiOiIifQ==");
8061    }
8062    val = JSON.parse(val);
8063    window.upcartSettings.upcartSettings.htmlFields = val;
8064
8065    val = b64DecodeUnicode("dHJ1ZQ==");
8066    if (val === '') {
8067        val = b64DecodeUnicode("dHJ1ZQ==");
8068    }
8069    val = JSON.parse(val);
8070    window.upcartSettings.upcartSettings.automaticDiscount = val;
8071
8072    val = b64DecodeUnicode("ZmFsc2U=");
8073    if (val === '') {
8074        val = b64DecodeUnicode("ZmFsc2U=");
8075    }
8076    val = JSON.parse(val);
8077    window.upcartSettings.upcartSettings.basePriceForDiscount = val;
8078
8079    val = b64DecodeUnicode("dHJ1ZQ==");
8080    if (val === '') {
8081        val = b64DecodeUnicode("ZmFsc2U=");
8082    }
8083    val = JSON.parse(val);
8084    window.upcartSettings.upcartSettings.hideSingleUnderscoredProperties = val;
8085
8086    val = b64DecodeUnicode("dHJ1ZQ==");
8087    if (val === '') {
8088        val = b64DecodeUnicode("ZmFsc2U=");
8089    }
8090    val = JSON.parse(val);
8091    window.upcartSettings.upcartSettings.showContinueShoppingButton = val;
8092
8093    val = b64DecodeUnicode("dHJ1ZQ==");
8094    if (val === '') {
8095        val = b64DecodeUnicode("ZmFsc2U=");
8096    }
8097    val = JSON.parse(val);
8098    window.upcartSettings.upcartSettings.ajaxRaceConditionPrevention = val;
8099
8100    val = b64DecodeUnicode("ZmFsc2U=");
8101    if (val === '') {
8102        val = b64DecodeUnicode("ZmFsc2U=");
8103    }
8104    val = JSON.parse(val);
8105    window.upcartSettings.upcartSettings.htmlFieldForceReRender = val;
8106
8107    val = b64DecodeUnicode("ZmFsc2U=");
8108    if (val === '') {
8109        val = b64DecodeUnicode("ZmFsc2U=");
8110    }
8111    val = JSON.parse(val);
8112    window.upcartSettings.upcartSettings.skipGoogleFonts = val;
8113
8114    val = b64DecodeUnicode("");
8115    if (val === '') {
8116        val = b64DecodeUnicode("ZmFsc2U=");
8117    }
8118    val = JSON.parse(val);
8119    window.upcartSettings.upcartSettings.overrideScrollLocking = val;
8120
8121    val = b64DecodeUnicode("");
8122    if (val === '') {
8123        val = b64DecodeUnicode("MTAw");
8124    }
8125    window.upcartSettings.upcartSettings.trafficAllocationPercent = val;
8126
8127    val = b64DecodeUnicode("");
8128    if (val === '') {
8129        val = b64DecodeUnicode("ZmFsc2U=");
8130    }
8131    val = JSON.parse(val);
8132    window.upcartSettings.upcartSettings.renderCartInShadowDom = val;
8133
8134    val = b64DecodeUnicode("dHJ1ZQ==");
8135    if (val === '') {
8136        val = b64DecodeUnicode("ZmFsc2U=");
8137    }
8138    val = JSON.parse(val);
8139    window.upcartSettings.upcartSettings.cartEventTracking = val;
8140
8141    val = b64DecodeUnicode("");
8142    if (val === '') {
8143        val = b64DecodeUnicode("eyJvcHRpb24iOiJkZWZhdWx0LXNlbGVjdG9yIiwiY3VzdG9tU2VsZWN0b3IiOiIifQ==");
8144    }
8145    val = JSON.parse(val);
8146    window.upcartSettings.upcartSettings.openCartButtonSelection = val;
8147
8148    val = b64DecodeUnicode("");
8149    if (val === '') {
8150        val = b64DecodeUnicode("eyJvcHRpb24iOiJkZWZhdWx0LXNlbGVjdG9yIiwiY3VzdG9tU2VsZWN0b3IiOiIifQ==");
8151    }
8152    val = JSON.parse(val);
8153    window.upcartSettings.upcartSettings.addToCartButtonSelection = val;
8154
8155    val = b64DecodeUnicode("bGluZQ==");
8156    if (val === '') {
8157        val = b64DecodeUnicode("bGluZQ==");
8158    }
8159    window.upcartSettings.upcartSettings.updateItemIdentifier = val;
8160
8161    val = b64DecodeUnicode("Knt9");
8162    if (val === '') {
8163        val = b64DecodeUnicode("Knt9");
8164    }
8165    window.upcartSettings.upcartSettings.customCSS = val;
8166
8167    val = b64DecodeUnicode("Knt9");
8168    if (val === '') {
8169        val = b64DecodeUnicode("Knt9");
8170    }
8171    window.upcartSettings.upcartSettings.customStickyCartCSS = val;
8172
8173    val = b64DecodeUnicode("ZmFsc2U=");
8174    if (val === '') {
8175        val = b64DecodeUnicode("ZmFsc2U=");
8176    }
8177    val = JSON.parse(val);
8178    window.upcartSettings.upcartSettings.integrationZapietEnabled = val;
8179
8180    val = b64DecodeUnicode("ZmFsc2U=");
8181    if (val === '') {
8182        val = b64DecodeUnicode("ZmFsc2U=");
8183    }
8184    val = JSON.parse(val);
8185    window.upcartSettings.upcartSettings.integrationYmqEnabled = val;
8186
8187    val = b64DecodeUnicode("");
8188    if (val === '') {
8189        val = b64DecodeUnicode("eyJzdGF0dXMiOiJESVNBQkxFRCJ9");
8190    }
8191    val = JSON.parse(val);
8192    window.upcartSettings.upcartSettings.customCartBundleInfo = val;
8193
8194    val = b64DecodeUnicode("");
8195    if (val === '') {
8196        val = b64DecodeUnicode("ZGlzY291bnRfb25seQ==");
8197    }
8198    window.upcartSettings.upcartSettings.savingsRowBehaviour = val;
8199
8200    val = b64DecodeUnicode("");
8201    if (val === '') {
8202        val = b64DecodeUnicode("W10=");
8203    }
8204    val = JSON.parse(val);
8205    window.upcartSettings.upcartSettings.activeCartIds = val;
8206
8207    val = b64DecodeUnicode("dHJ1ZQ==");
8208    if (val === '') {
8209        val = b64DecodeUnicode("dHJ1ZQ==");
8210    }
8211    val = JSON.parse(val);
8212    window.upcartSettings.upcartEditorSettings.cartIsEnabled = val;
8213
8214    val = b64DecodeUnicode("");
8215    if (val === '') {
8216        val = b64DecodeUnicode("");
8217    }
8218    window.upcartSettings.upcartEditorSettings.cartId = val;
8219
8220    val = b64DecodeUnicode("eyJmaWVsZHMiOnsiY29tcGFyZUF0UHJpY2UiOnRydWUsImluaGVyaXRGb250cyI6dHJ1ZSwiYmFja2dyb3VuZENvbG9yIjoiI0ZGRkZGRiIsImNhcnRBY2NlbnRDb2xvciI6IiNGOUY4RjMiLCJidXR0b25Db2xvciI6IiNCM0IzQTMiLCJidXR0b25UZXh0Q29sb3IiOiIjRkZGRkZGIiwiYnV0dG9uVGV4dEhvdmVyQ29sb3IiOiIjZmZmZmZmIiwiY2FydFRleHRDb2xvciI6IiMwMDAwMDAiLCJlbmFibGVTdWJ0b3RhbExpbmUiOmZhbHNlfX0=");
8221    if (val === '') {
8222        val = b64DecodeUnicode("eyJmaWVsZHMiOnsiY29tcGFyZUF0UHJpY2UiOnRydWUsImluaGVyaXRGb250cyI6dHJ1ZSwiYmFja2dyb3VuZENvbG9yIjoiI0ZGRkZGRiIsImNhcnRBY2NlbnRDb2xvciI6IiNmNmY2ZjciLCJidXR0b25Db2xvciI6IiMwMDAwMDAiLCJidXR0b25UZXh0Q29sb3IiOiIjRkZGRkZGIiwiYnV0dG9uVGV4dEhvdmVyQ29sb3IiOiIjZTllOWU5IiwiY2FydFRleHRDb2xvciI6IiMwMDAwMDAiLCJidXR0b25Sb3VuZGVkQ29ybmVyc1NpemUiOjAsImVuYWJsZVN1YnRvdGFsTGluZSI6ZmFsc2UsInN1YnRvdGFsVGV4dENvbG9yIjoiIzAwMDAwMCIsImNhcnRXaWR0aCI6eyJkZXNrdG9wIjoiYmFzZSIsIm1vYmlsZSI6ImZ1bGwifX19");
8223    }
8224    val = JSON.parse(val);
8225    window.upcartSettings.upcartEditorSettings.settingsModule = val;
8226
8227    val = b64DecodeUnicode("");
8228    if (val === '') {
8229        val = b64DecodeUnicode("IzJlYTgxOA==");
8230    }
8231    window.upcartSettings.upcartEditorSettings.designSettingsCartSavingsTextColor = val;
8232
8233    val = b64DecodeUnicode("");
8234    if (val === '') {
8235        val = b64DecodeUnicode("MS4wLjA=");
8236    }
8237    window.upcartSettings.upcartEditorSettings.headerModuleVersion = val;
8238
8239    val = b64DecodeUnicode("");
8240    if (val === '') {
8241        val = b64DecodeUnicode("MS4wLjA=");
8242    }
8243    window.upcartSettings.upcartEditorSettings.announcementModuleVersion = val;
8244
8245    val = b64DecodeUnicode("");
8246    if (val === '') {
8247        val = b64DecodeUnicode("MS4wLjA=");
8248    }
8249    window.upcartSettings.upcartEditorSettings.upsellsModuleVersion = val;
8250
8251    val = b64DecodeUnicode("");
8252    if (val === '') {
8253        val = b64DecodeUnicode("MS4wLjA=");
8254    }
8255    window.upcartSettings.upcartEditorSettings.recommendationsModuleVersion = val;
8256
8257    val = b64DecodeUnicode("");
8258    if (val === '') {
8259        val = b64DecodeUnicode("MS4wLjA=");
8260    }
8261    window.upcartSettings.upcartEditorSettings.notesModuleVersion = val;
8262
8263    val = b64DecodeUnicode("");
8264    if (val === '') {
8265        val = b64DecodeUnicode("MS4wLjA=");
8266    }
8267    window.upcartSettings.upcartEditorSettings.discountCodeModuleVersion = val;
8268
8269    val = b64DecodeUnicode("");
8270    if (val === '') {
8271        val = b64DecodeUnicode("MS4wLjA=");
8272    }
8273    window.upcartSettings.upcartEditorSettings.trustBadgesModuleVersion = val;
8274
8275    val = b64DecodeUnicode("");
8276    if (val === '') {
8277        val = b64DecodeUnicode("MS4wLjA=");
8278    }
8279    window.upcartSettings.upcartEditorSettings.rewardsModuleVersion = val;
8280
8281    val = b64DecodeUnicode("");
8282    if (val === '') {
8283        val = b64DecodeUnicode("MS4wLjA=");
8284    }
8285    window.upcartSettings.upcartEditorSettings.cartItemsModuleVersion = val;
8286
8287    val = b64DecodeUnicode("");
8288    if (val === '') {
8289        val = b64DecodeUnicode("MS4wLjA=");
8290    }
8291    window.upcartSettings.upcartEditorSettings.addonsModuleVersion = val;
8292
8293    val = b64DecodeUnicode("");
8294    if (val === '') {
8295        val = b64DecodeUnicode("MS4wLjA=");
8296    }
8297    window.upcartSettings.upcartEditorSettings.cartSummaryModuleVersion = val;
8298
8299    val = b64DecodeUnicode("");
8300    if (val === '') {
8301        val = b64DecodeUnicode("MS4wLjA=");
8302    }
8303    window.upcartSettings.upcartEditorSettings.expressPayModuleVersion = val;
8304
8305    val = b64DecodeUnicode("");
8306    if (val === '') {
8307        val = b64DecodeUnicode("ZmFsc2U=");
8308    }
8309    val = JSON.parse(val);
8310    window.upcartSettings.upcartEditorSettings.customJsxTemplatesEnabled = val;
8311
8312    val = b64DecodeUnicode("");
8313    if (val === '') {
8314        val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
8315    }
8316    val = JSON.parse(val);
8317    window.upcartSettings.upcartEditorSettings.headerModuleCustomJsxTemplates = val;
8318
8319    val = b64DecodeUnicode("");
8320    if (val === '') {
8321        val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInNrZWxldG9uIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
8322    }
8323    val = JSON.parse(val);
8324    window.upcartSettings.upcartEditorSettings.announcementModuleCustomJsxTemplates = val;
8325
8326    val = b64DecodeUnicode("");
8327    if (val === '') {
8328        val = b64DecodeUnicode("eyJ1cHNlbGxUaWxlIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInNrZWxldG9uIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
8329    }
8330    val = JSON.parse(val);
8331    window.upcartSettings.upcartEditorSettings.upsellsModuleCustomJsxTemplates = val;
8332
8333    val = b64DecodeUnicode("");
8334    if (val === '') {
8335        val = b64DecodeUnicode("eyJyZWNvbW1lbmRhdGlvblRpbGUiOnsic3JjIjpudWxsLCJjb21waWxlZCI6bnVsbCwiaXNBY3RpdmUiOmZhbHNlfSwic2tlbGV0b24iOnsic3JjIjpudWxsLCJjb21waWxlZCI6bnVsbCwiaXNBY3RpdmUiOmZhbHNlfX0=");
8336    }
8337    val = JSON.parse(val);
8338    window.upcartSettings.upcartEditorSettings.recommendationsModuleCustomJsxTemplates = val;
8339
8340    val = b64DecodeUnicode("");
8341    if (val === '') {
8342        val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
8343    }
8344    val = JSON.parse(val);
8345    window.upcartSettings.upcartEditorSettings.notesModuleCustomJsxTemplates = val;
8346
8347    val = b64DecodeUnicode("");
8348    if (val === '') {
8349        val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInNrZWxldG9uIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
8350    }
8351    val = JSON.parse(val);
8352    window.upcartSettings.upcartEditorSettings.discountModuleCustomJsxTemplates = val;
8353
8354    val = b64DecodeUnicode("");
8355    if (val === '') {
8356        val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInNrZWxldG9uIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
8357    }
8358    val = JSON.parse(val);
8359    window.upcartSettings.upcartEditorSettings.trustBadgesModuleCustomJsxTemplates = val;
8360
8361    val = b64DecodeUnicode("");
8362    if (val === '') {
8363        val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInNrZWxldG9uIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
8364    }
8365    val = JSON.parse(val);
8366    window.upcartSettings.upcartEditorSettings.rewardsModuleCustomJsxTemplates = val;
8367
8368    val = b64DecodeUnicode("");
8369    if (val === '') {
8370        val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInNrZWxldG9uIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
8371    }
8372    val = JSON.parse(val);
8373    window.upcartSettings.upcartEditorSettings.triggeredRewardsModuleCustomJsxTemplates = val;
8374
8375    val = b64DecodeUnicode("");
8376    if (val === '') {
8377        val = b64DecodeUnicode("eyJza2VsZXRvbiI6eyJzcmMiOm51bGwsImNvbXBpbGVkIjpudWxsLCJpc0FjdGl2ZSI6ZmFsc2V9LCJwcm9kdWN0VGlsZSI6eyJzcmMiOm51bGwsImNvbXBpbGVkIjpudWxsLCJpc0FjdGl2ZSI6ZmFsc2V9LCJ2YXJpYW50Ijp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInByb3BlcnRpZXMiOnsic3JjIjpudWxsLCJjb21waWxlZCI6bnVsbCwiaXNBY3RpdmUiOmZhbHNlfSwiYnVuZGxlIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInByaWNlIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
8378    }
8379    val = JSON.parse(val);
8380    window.upcartSettings.upcartEditorSettings.cartItemsModuleCustomJsxTemplates = val;
8381
8382    val = b64DecodeUnicode("");
8383    if (val === '') {
8384        val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
8385    }
8386    val = JSON.parse(val);
8387    window.upcartSettings.upcartEditorSettings.cartSummaryModuleCustomJsxTemplates = val;
8388
8389    val = b64DecodeUnicode("");
8390    if (val === '') {
8391        val = b64DecodeUnicode("eyJtYWluIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX0sInNrZWxldG9uIjp7InNyYyI6bnVsbCwiY29tcGlsZWQiOm51bGwsImlzQWN0aXZlIjpmYWxzZX19");
8392    }
8393    val = JSON.parse(val);
8394    window.upcartSettings.upcartEditorSettings.addonsModuleCustomJsxTemplates = val;
8395
8396    val = b64DecodeUnicode("");
8397    if (val === '') {
8398        val = b64DecodeUnicode("eyJzcmMiOm51bGwsImNvbXBpbGVkIjpudWxsLCJpc0FjdGl2ZSI6ZmFsc2V9");
8399    }
8400    val = JSON.parse(val);
8401    window.upcartSettings.upcartEditorSettings.betweenAnnouncementsAndTieredRewardsCustomTemplate = val;
8402
8403    val = b64DecodeUnicode("");
8404    if (val === '') {
8405        val = b64DecodeUnicode("eyJzcmMiOm51bGwsImNvbXBpbGVkIjpudWxsLCJpc0FjdGl2ZSI6ZmFsc2V9");
8406    }
8407    val = JSON.parse(val);
8408    window.upcartSettings.upcartEditorSettings.betweenTieredRewardsAndTriggeredRewardsCustomTemplate = val;
8409
8410    val = b64DecodeUnicode("");
8411    if (val === '') {
8412        val = b64DecodeUnicode("eyJhYm92ZUNoZWNrb3V0Q3VzdG9tSnN4VGVtcGxhdGUiOnsic3JjIjpudWxsLCJjb21waWxlZCI6bnVsbCwiaXNBY3RpdmUiOmZhbHNlfX0=");
8413    }
8414    val = JSON.parse(val);
8415    window.upcartSettings.upcartEditorSettings.checkoutModuleCustomJsxTemplates = val;
8416
8417    val = b64DecodeUnicode("");
8418    if (val === '') {
8419        val = b64DecodeUnicode("YmFzZQ==");
8420    }
8421    window.upcartSettings.upcartEditorSettings.headerBorderBottom = val;
8422
8423    val = b64DecodeUnicode("");
8424    if (val === '') {
8425        val = b64DecodeUnicode("YmFzZQ==");
8426    }
8427    window.upcartSettings.upcartEditorSettings.headerHeight = val;
8428
8429    val = b64DecodeUnicode("");
8430    if (val === '') {
8431        val = b64DecodeUnicode("I2ZmZmZmZjAw");
8432    }
8433    window.upcartSettings.upcartEditorSettings.headerBackgroundColor = val;
8434
8435    val = b64DecodeUnicode("");
8436    if (val === '') {
8437        val = b64DecodeUnicode("eyJ0eXBlIjoiaW5oZXJpdEhlYWRpbmdTdHlsZXMiLCJoZWFkaW5nTGV2ZWwiOiJoMiJ9");
8438    }
8439    val = JSON.parse(val);
8440    window.upcartSettings.upcartEditorSettings.headerTitleContent = val;
8441
8442    val = b64DecodeUnicode("");
8443    if (val === '') {
8444        val = b64DecodeUnicode("c2lkZQ==");
8445    }
8446    window.upcartSettings.upcartEditorSettings.headerTitleAlignment = val;
8447
8448    val = b64DecodeUnicode("");
8449    if (val === '') {
8450        val = b64DecodeUnicode("dGl0bGVfX2Nsb3NlQnV0dG9u");
8451    }
8452    window.upcartSettings.upcartEditorSettings.headerElementArrangement = val;
8453
8454    val = b64DecodeUnicode("");
8455    if (val === '') {
8456        val = b64DecodeUnicode("eyJiYXNlIjoiIzAwMDAwMDBjIiwib25Ib3ZlciI6IiMwMDAwMDAxNCJ9");
8457    }
8458    val = JSON.parse(val);
8459    window.upcartSettings.upcartEditorSettings.headerCloseButtonBackgroundColor = val;
8460
8461    val = b64DecodeUnicode("");
8462    if (val === '') {
8463        val = b64DecodeUnicode("eyJiYXNlIjoiIzYzNzM4MSIsIm9uSG92ZXIiOm51bGx9");
8464    }
8465    val = JSON.parse(val);
8466    window.upcartSettings.upcartEditorSettings.headerCloseButtonIconColor = val;
8467
8468    val = b64DecodeUnicode("");
8469    if (val === '') {
8470        val = b64DecodeUnicode("c21hbGw=");
8471    }
8472    window.upcartSettings.upcartEditorSettings.headerCloseButtonIconSize = val;
8473
8474    val = b64DecodeUnicode("");
8475    if (val === '') {
8476        val = b64DecodeUnicode("YmFzZQ==");
8477    }
8478    window.upcartSettings.upcartEditorSettings.headerCloseButtonIconStrokeWidth = val;
8479
8480    val = b64DecodeUnicode("");
8481    if (val === '') {
8482        val = b64DecodeUnicode("bm9uZQ==");
8483    }
8484    window.upcartSettings.upcartEditorSettings.headerCloseButtonBorderWidth = val;
8485
8486    val = b64DecodeUnicode("");
8487    if (val === '') {
8488        val = b64DecodeUnicode("eyJiYXNlIjoiIzAwMDAwMCIsIm9uSG92ZXIiOm51bGx9");
8489    }
8490    val = JSON.parse(val);
8491    window.upcartSettings.upcartEditorSettings.headerCloseButtonBorderColor = val;
8492
8493    val = b64DecodeUnicode("ZmFsc2U=");
8494    if (val === '') {
8495        val = b64DecodeUnicode("ZmFsc2U=");
8496    }
8497    val = JSON.parse(val);
8498    window.upcartSettings.upcartEditorSettings.announcementModule = val;
8499
8500    val = b64DecodeUnicode("PHA+WW91ciBwcm9kdWN0cyBhcmUgcmVzZXJ2ZWQgZm9yIDxiPntUSU1FUn08L2I+IG1pbnV0ZXMhPC9wPg==");
8501    if (val === '') {
8502        val = b64DecodeUnicode("PHA+WW91ciBwcm9kdWN0cyBhcmUgcmVzZXJ2ZWQgZm9yIDxiPntUSU1FUn08L2I+ITwvcD4=");
8503    }
8504    window.upcartSettings.upcartEditorSettings.announcementEditor = val;
8505
8506    val = b64DecodeUnicode("I0NERTBFMA==");
8507    if (val === '') {
8508        val = b64DecodeUnicode("I0NERTBFMA==");
8509    }
8510    window.upcartSettings.upcartEditorSettings.announcementBackgroun
8510dColor = val;
8511
8512    val = b64DecodeUnicode("dG9w");
8513    if (val === '') {
8514        val = b64DecodeUnicode("dG9w");
8515    }
8516    window.upcartSettings.upcartEditorSettings.announcementModulePosition = val;
8517
8518    val = b64DecodeUnicode("I0M1RTZGRA==");
8519    if (val === '') {
8520        val = b64DecodeUnicode("I0M1RTZGRA==");
8521    }
8522    window.upcartSettings.upcartEditorSettings.announcementBorderColor = val;
8523
8524    val = b64DecodeUnicode("MzAw");
8525    if (val === '') {
8526        val = b64DecodeUnicode("MDA6MDA=");
8527    }
8528    window.upcartSettings.upcartEditorSettings.announcementTimer = val;
8529
8530    val = b64DecodeUnicode("");
8531    if (val === '') {
8532        val = b64DecodeUnicode("YmFzZQ==");
8533    }
8534    window.upcartSettings.upcartEditorSettings.announcementHeight = val;
8535
8536    val = b64DecodeUnicode("");
8537    if (val === '') {
8538        val = b64DecodeUnicode("MTU=");
8539    }
8540    window.upcartSettings.upcartEditorSettings.announcementTextFontSizePx = val;
8541
8542    val = b64DecodeUnicode("ZmFsc2U=");
8543    if (val === '') {
8544        val = b64DecodeUnicode("ZmFsc2U=");
8545    }
8546    val = JSON.parse(val);
8547    window.upcartSettings.upcartEditorSettings.rewardsModule = val;
8548
8549    val = b64DecodeUnicode("IzY0NjQ2NA==");
8550    if (val === '') {
8551        val = b64DecodeUnicode("I0UyRTJFMg==");
8552    }
8553    window.upcartSettings.upcartEditorSettings.rewardsBarBackgroun
8553dColor = val;
8554
8555    val = b64DecodeUnicode("I0IzQjNBMw==");
8556    if (val === '') {
8557        val = b64DecodeUnicode("IzkzRDNGRg==");
8558    }
8559    window.upcartSettings.upcartEditorSettings.rewardsBarForegroundColor = val;
8560
8561    val = b64DecodeUnicode("");
8562    if (val === '') {
8563        val = b64DecodeUnicode("IzRENDk0OQ==");
8564    }
8565    window.upcartSettings.upcartEditorSettings.rewardsTierIconColorComplete = val;
8566
8567    val = b64DecodeUnicode("");
8568    if (val === '') {
8569        val = b64DecodeUnicode("IzRENDk0OQ==");
8570    }
8571    window.upcartSettings.upcartEditorSettings.rewardsTierIconColorIncomplete = val;
8572
8573    val = b64DecodeUnicode("Y2FydFRvdGFs");
8574    if (val === '') {
8575        val = b64DecodeUnicode("Y2FydFRvdGFs");
8576    }
8577    window.upcartSettings.upcartEditorSettings.rewardsBasis = val;
8578
8579    val = b64DecodeUnicode("ZmFsc2U=");
8580    if (val === '') {
8581        val = b64DecodeUnicode("ZmFsc2U=");
8582    }
8583    val = JSON.parse(val);
8584    window.upcartSettings.upcartEditorSettings.rewardsProductLinkVisible = val;
8585
8586    val = b64DecodeUnicode("cHJvZHVjdHNPck9yZGVy");
8587    if (val === '') {
8588        val = b64DecodeUnicode("cHJvZHVjdHNPck9yZGVy");
8589    }
8590    window.upcartSettings.upcartEditorSettings.rewardsTargetType = val;
8591
8592    val = b64DecodeUnicode("MTI1");
8593    if (val === '') {
8594        val = b64DecodeUnicode("MTI1");
8595    }
8596    window.upcartSettings.upcartEditorSettings.rewardsMinAmount = val;
8597
8598    val = b64DecodeUnicode("PHA+WW914oCZcmUgPGI+e0FNT1VOVH08L2I+IGF3YXkgZnJvbSBmcmVlIHNoaXBwaW5nITwvcD4=");
8599    if (val === '') {
8600        val = b64DecodeUnicode("PHA+WW914oCZcmUgPGI+e0FNT1VOVH08L2I+IGF3YXkgZnJvbSBmcmVlIHNoaXBwaW5nITwvcD4=");
8601    }
8602    window.upcartSettings.upcartEditorSettings.rewardsEditor = val;
8603
8604    val = b64DecodeUnicode("PHA+PHN0cm9uZz5GcmVlIHNoaXBwaW5nIHVubG9ja2VkITwvc3Ryb25nPjwvcD4K");
8605    if (val === '') {
8606        val = b64DecodeUnicode("RnJlZSBzaGlwcGluZyB1bmxvY2tlZCE=");
8607    }
8608    window.upcartSettings.upcartEditorSettings.rewardsEditorAfterText = val;
8609
8610    val = b64DecodeUnicode("PHA+WW914oCZcmUgPGI+e0NPVU5UfTwvYj4gcHJvZHVjdHMgYXdheSBmcm9tIGZyZWUgc2hpcHBpbmchPC9wPg==");
8611    if (val === '') {
8612        val = b64DecodeUnicode("PHA+WW914oCZcmUgPGI+e0NPVU5UfTwvYj4gcHJvZHVjdHMgYXdheSBmcm9tIGZyZWUgc2hpcHBpbmchPC9wPg==");
8613    }
8614    window.upcartSettings.upcartEditorSettings.rewardsEditorForItemCount = val;
8615
8616    val = b64DecodeUnicode("NQ==");
8617    if (val === '') {
8618        val = b64DecodeUnicode("NQ==");
8619    }
8620    window.upcartSettings.upcartEditorSettings.rewardsItemCount = val;
8621
8622    val = b64DecodeUnicode("eyJ0aWVycyI6W3sidGFyZ2V0VHlwZSI6InNoaXBwaW5nIiwibWluQW1vdW50Ijo3OSwiaXRlbUNvdW50IjoiNSIsInRleHRCZWZvcmVSZWFjaGluZ0ZvckNhcnRUb3RhbCI6IjxwPllvdeKAmXJlIDxiPntBTU9VTlR9PC9iPiBhd2F5IGZyb20gZnJlZSBzaGlwcGluZyE8L3A+IiwidGV4dEJlZm9yZVJlYWNoaW5nRm9ySXRlbUNvdW50IjoiPHA+WW914oCZcmUgPGI+e0NPVU5UfTwvYj4gcHJvZHVjdHMgYXdheSBmcm9tIGZyZWUgc2hpcHBpbmchPC9wPiIsInJld2FyZERlc2NyaXB0aW9uIjoiRnJlZSBTaGlwcGluZyIsInByb2R1Y3RzIjpbXX1dLCJnZW9Mb2NhdGlvblByaWNpbmciOltdLCJyZXdhcmRzQXV0b0NvbnZlcnRDdXJyZW5jeSI6ZmFsc2UsInJld2FyZHNHZW9Mb2NhdGlvbkVuYWJsZWQiOmZhbHNlfQ==");
8623    if (val === '') {
8624        val = b64DecodeUnicode("eyJ0aWVycyI6W10sImdlb0xvY2F0aW9uUHJpY2luZyI6W10sInJld2FyZHNBdXRvQ29udmVydEN1cnJlbmN5IjpmYWxzZSwicmV3YXJkc0dlb0xvY2F0aW9uRW5hYmxlZCI6ZmFsc2UsInVzZVByZURpc2NvdW50ZWRUb3RhbCI6ZmFsc2V9");
8625    }
8626    val = JSON.parse(val);
8627    window.upcartSettings.upcartEditorSettings.rewardsTiers = val;
8628
8629    val = b64DecodeUnicode("W10=");
8630    if (val === '') {
8631        val = b64DecodeUnicode("W10=");
8632    }
8633    val = JSON.parse(val);
8634    window.upcartSettings.upcartEditorSettings.rewardsTierProducts = val;
8635
8636    val = b64DecodeUnicode("dHJ1ZQ==");
8637    if (val === '') {
8638        val = b64DecodeUnicode("ZmFsc2U=");
8639    }
8640    val = JSON.parse(val);
8641    window.upcartSettings.upcartEditorSettings.rewardsShowIconWithSingleTier = val;
8642
8643    val = b64DecodeUnicode("");
8644    if (val === '') {
8645        val = b64DecodeUnicode("ZmFsc2U=");
8646    }
8647    val = JSON.parse(val);
8648    window.upcartSettings.upcartEditorSettings.rewardsShowOnEmptyCart = val;
8649
8650    val = b64DecodeUnicode("");
8651    if (val === '') {
8652        val = b64DecodeUnicode("ZmFsc2U=");
8653    }
8654    val = JSON.parse(val);
8655    window.upcartSettings.upcartEditorSettings.rewardsRemovePreviousProducts = val;
8656
8657    val = b64DecodeUnicode("");
8658    if (val === '') {
8659        val = b64DecodeUnicode("W10=");
8660    }
8661    val = JSON.parse(val);
8662    window.upcartSettings.upcartEditorSettings.rewardsFiltering = val;
8663
8664    val = b64DecodeUnicode("");
8665    if (val === '') {
8666        val = b64DecodeUnicode("W10=");
8667    }
8668    val = JSON.parse(val);
8669    window.upcartSettings.upcartEditorSettings.rewardsTriggeredRules = val;
8670
8671    val = b64DecodeUnicode("");
8672    if (val === '') {
8673        val = b64DecodeUnicode("eyJwcm9kdWN0RGlzY291bnRzIjpmYWxzZSwib3JkZXJEaXNjb3VudHMiOmZhbHNlLCJzaGlwcGluZ0Rpc2NvdW50cyI6ZmFsc2V9");
8674    }
8675    val = JSON.parse(val);
8676    window.upcartSettings.upcartEditorSettings.rewardsTriggeredCombinations = val;
8677
8678    val = b64DecodeUnicode("");
8679    if (val === '') {
8680        val = b64DecodeUnicode("ZmFsc2U=");
8681    }
8682    val = JSON.parse(val);
8683    window.upcartSettings.upcartEditorSettings.recommendationsModule = val;
8684
8685    val = b64DecodeUnicode("");
8686    if (val === '') {
8687        val = b64DecodeUnicode("QWRkIHlvdXIgZmF2b3VyaXRlIGl0ZW1zIHRvIHlvdXIgY2FydC4=");
8688    }
8689    window.upcartSettings.upcartEditorSettings.recommendationsHeaderText = val;
8690
8691    val = b64DecodeUnicode("");
8692    if (val === '') {
8693        val = b64DecodeUnicode("ZmFsc2U=");
8694    }
8695    val = JSON.parse(val);
8696    window.upcartSettings.upcartEditorSettings.recommendationsEnableShopNowButton = val;
8697
8698    val = b64DecodeUnicode("");
8699    if (val === '') {
8700        val = b64DecodeUnicode("U2hvcCBOb3c=");
8701    }
8702    window.upcartSettings.upcartEditorSettings.recommendationsShopNowButtonText = val;
8703
8704    val = b64DecodeUnicode("");
8705    if (val === '') {
8706        val = b64DecodeUnicode("L2NvbGxlY3Rpb25z");
8707    }
8708    window.upcartSettings.upcartEditorSettings.recommendationsShopNowButtonURL = val;
8709
8710    val = b64DecodeUnicode("");
8711    if (val === '') {
8712        val = b64DecodeUnicode("W3siaWQiOiIiLCJyZWNvbW1lbmRhdGlvbiI6bnVsbCwidiI6MX1d");
8713    }
8714    val = JSON.parse(val);
8715    window.upcartSettings.upcartEditorSettings.recommendationItems = val;
8716
8717    val = b64DecodeUnicode("");
8718    if (val === '') {
8719        val = b64DecodeUnicode("WW91IG1heSBhbHNvIGxpa2U=");
8720    }
8721    window.upcartSettings.upcartEditorSettings.recommendationsProductRecommendationsHeaderText = val;
8722
8723    val = b64DecodeUnicode("");
8724    if (val === '') {
8725        val = b64DecodeUnicode("Mw==");
8726    }
8727    window.upcartSettings.upcartEditorSettings.recommendationsMaxRecommendationsToShow = val;
8728
8729    val = b64DecodeUnicode("");
8730    if (val === '') {
8731        val = b64DecodeUnicode("dmVydGljYWw=");
8732    }
8733    window.upcartSettings.upcartEditorSettings.recommendationsDirection = val;
8734
8735    val = b64DecodeUnicode("dHJ1ZQ==");
8736    if (val === '') {
8737        val = b64DecodeUnicode("ZmFsc2U=");
8738    }
8739    val = JSON.parse(val);
8740    window.upcartSettings.upcartEditorSettings.upsellsModule = val;
8741
8742    val = b64DecodeUnicode("aG9yaXpvbnRhbA==");
8743    if (val === '') {
8744        val = b64DecodeUnicode("aG9yaXpvbnRhbA==");
8745    }
8746    window.upcartSettings.upcartEditorSettings.upsellsDirection = val;
8747
8748    val = b64DecodeUnicode("PHA+VHJ5IHRoZXNlIGN1c3RvbWVyIGZhdm9yaXRlcyE8L3A+Cg==");
8749    if (val === '') {
8750        val = b64DecodeUnicode("WW91J2xsIGxvdmUgdGhlc2U=");
8751    }
8752    window.upcartSettings.upcartEditorSettings.upsellsTitle = val;
8753
8754    val = b64DecodeUnicode("MTA=");
8755    if (val === '') {
8756        val = b64DecodeUnicode("MTA=");
8757    }
8758    window.upcartSettings.upcartEditorSettings.maximumUpsellsToShow = val;
8759
8760    val = b64DecodeUnicode("ZmFsc2U=");
8761    if (val === '') {
8762        val = b64DecodeUnicode("ZmFsc2U=");
8763    }
8764    val = JSON.parse(val);
8765    window.upcartSettings.upcartEditorSettings.upsellsShouldLimit = val;
8766
8767    val = b64DecodeUnicode("ZmFsc2U=");
8768    if (val === '') {
8769        val = b64DecodeUnicode("ZmFsc2U=");
8770    }
8771    val = JSON.parse(val);
8772    window.upcartSettings.upcartEditorSettings.upsellsTrigger = val;
8773
8774    val = b64DecodeUnicode("dHJ1ZQ==");
8775    if (val === '') {
8776        val = b64DecodeUnicode("ZmFsc2U=");
8777    }
8778    val = JSON.parse(val);
8779    window.upcartSettings.upcartEditorSettings.showUpsellItemsAlreadyInCart = val;
8780
8781    val = b64DecodeUnicode("W3siaWQiOiIxMTA4MCIsInYiOjIsInRyaWdnZXIiOnsib24iOiJzcGVjaWZpYyIsInNlbGVjdGlvbiI6eyJ0eXBlIjoiUHJvZHVjdCIsInByb2R1Y3RzIjpbeyJpZCI6ImdpZDovL3Nob3BpZnkvUHJvZHVjdC8xMDY0NDY2OTUxNCIsInNob3J0SWQiOiIxMDY0NDY2OTUxNCIsInZhcmlhbnRzIjpbIjQ0NDEwOTkyOTE4NzgyIiwiNDQ0MTA5OTI5NTE1NTAiXSwiaGFuZGxlIjoiZ2luZ2VybXVsZSIsInRpdGxlIjoiR2luZ2VyIE11bGUifSx7ImlkIjoiZ2lkOi8vc2hvcGlmeS9Qcm9kdWN0LzEwNjQ0NjcxMzA2Iiwic2hvcnRJZCI6IjEwNjQ0NjcxMzA2IiwidmFyaWFudHMiOlsiNDQ0MTA5Mjg1NjI0MzAiLCI0NDQxMDkyODU5NTE5OCJdLCJoYW5kbGUiOiJlbGxpcy1vbGQtZmFzaGlvbmVkIiwidGl0bGUiOiJFbGxpcyBPbGQgRmFzaGlvbmVkIn0seyJpZCI6ImdpZDovL3Nob3BpZnkvUHJvZHVjdC8xMDY0MjA5Nzg2NiIsInNob3J0SWQiOiIxMDY0MjA5Nzg2NiIsInZhcmlhbnRzIjpbIjQ0NDEwNTkzMjE0NzE4IiwiNDQ0MTA1OTMyNDc0ODYiXSwiaGFuZGxlIjoiYm91cXVldCIsInRpdGxlIjoiQm91cXVldCIsImltYWdlIjoiaHR0cHM6Ly9jZG4uc2hvcGlmeS5jb20vcy9maWxlcy8xLzE4MDIvNTE0NS9maWxlcy9XaXRoQ28tMTZvei1Cb3R0bGVzLTE0LmpwZz92PTE2OTk5NjU2OTUifSx7ImlkIjoiZ2lkOi8vc2hvcGlmeS9Qcm9kdWN0LzEzMzExNjI1NDYyNTMiLCJzaG9ydElkIjoiMTMzMTE2MjU0NjI1MyIsInZhcmlhbnRzIjpbIjQ0NDExMDA2MDkxNTE4IiwiNDQ0MTEwMDYxNTcwNTQiXSwiaGFuZGxlIjoiaGV5LWdpcmwiLCJ0aXRsZSI6IkhleSBHaXJsIiwiaW1hZ2UiOiJodHRwczovL2Nkbi5zaG9waWZ5LmNvbS9zL2ZpbGVzLzEvMTgwMi81MTQ1L2ZpbGVzL1dpdGhDby0xNm96LUJvdHRsZXMtMTEuanBnP3Y9MTY5OTk2NjExNCJ9LHsiaWQiOiJnaWQ6Ly9zaG9waWZ5L1Byb2R1Y3QvMzc3NDY1MjkwNzU5NyIsInNob3J0SWQiOiIzNzc0NjUyOTA3NTk3IiwidmFyaWFudHMiOlsiNDQ0MTEwMzM1NTExMDIiLCI0NDQxMTAzMzU4Mzg3MCJdLCJoYW5kbGUiOiJob25leS1zb3VyIiwidGl0bGUiOiJIb25leSBTb3VyIiwiaW1hZ2UiOiJodHRwczovL2Nkbi5zaG9waWZ5LmNvbS9zL2ZpbGVzLzEvMTgwMi81MTQ1L2ZpbGVzL1dpdGhDby0xNm96LUJvdHRsZXMtNy5qcGc/dj0xNjk5OTY2MTkxIn0seyJpZCI6ImdpZDovL3Nob3BpZnkvUHJvZHVjdC80NTgxNTgwODY1NjEzIiwic2hvcnRJZCI6IjQ1ODE1ODA4NjU2MTMiLCJ2YXJpYW50cyI6WyI0NDQwODU2MzA0MDUxMCIsIjQ0NDA4NTYzMDczMjc4Il0sImhhbmRsZSI6ImFnYXZlLW1hcmdhcml0YSIsInRpdGxlIjoiQWdhdmUgTWFyZ2FyaXRhIiwiaW1hZ2UiOiJodHRwczovL2Nkbi5zaG9waWZ5LmNvbS9zL2ZpbGVzLzEvMTgwMi81MTQ1L2ZpbGVzL1dpdGhDby0xNm96LUJvdHRsZXMtMjY2LjM2LjA4QU0uanBnP3Y9MTY5OTk2NTQ2OSJ9LHsiaWQiOiJnaWQ6Ly9zaG9waWZ5L1Byb2R1Y3QvNDY5NjQ0MDc2NjU0MSIsInNob3J0SWQiOiI0Njk2NDQwNzY2NTQxIiwidmFyaWFudHMiOlsiMzI3MjE3MDg5MDg2MjEiXSwiaGFuZGxlIjoidGhlLXdoaXNrZXktbG92ZXItYm94IiwidGl0bGUiOiJUaGUgV2hpc2tleSBBZmljaW9uYWRvICgzIHBhY2spIiwiaW1hZ2UiOiJodHRwczovL2Nkbi5zaG9waWZ5LmNvbS9zL2ZpbGVzLzEvMTgwMi81MTQ1L2ZpbGVzL0JlbmVmaXRzb2ZEZXRveC5fMi5wbmc/dj0xNzE3Mjc2MTgwIn0seyJpZCI6ImdpZDovL3Nob3BpZnkvUHJvZHVjdC82NTc2MzUyMzk1MzQxIiwic2hvcnRJZCI6IjY1NzYzNTIzOTUzNDEiLCJ2YXJpYW50cyI6WyI0NDQxMDU3ODY5ODQ5NCIsIjQ0NDEwNTc4NzMxMjYyIl0sImhhbmRsZSI6ImJsb29keS1tYXJ5IiwidGl0bGUiOiJCbG9vZHkgTWFyeSIsImltYWdlIjoiaHR0cHM6Ly9jZG4uc2hvcGlmeS5jb20vcy9maWxlcy8xLzE4MDIvNTE0NS9maWxlcy9XaXRoQ28tMTZvei1Cb3R0bGVzLTE3LmpwZz92PTE2OTk5NjU2MTQifSx7ImlkIjoiZ2lkOi8vc2hvcGlmeS9Qcm9kdWN0LzY2ODY5MzQ0OTk0MDUiLCJzaG9ydElkIjoiNjY4NjkzNDQ5OTQwNSIsInZhcmlhbnRzIjpbIjM5NTEyNzQ1NjA3MjQ1Il0sImhhbmRsZSI6IndpdGhjby1iYXItYm94IiwidGl0bGUiOiJCYXIgQm94IiwiaW1hZ2UiOiJodHRwczovL2Nkbi5zaG9waWZ5LmNvbS9zL2ZpbGVzLzEvMTgwMi81MTQ1L2ZpbGVzL1dpdGhDby1CYXItVG9vbHMtMTAuanBnP3Y9MTY5OTk2NTU0NyJ9LHsiaWQiOiJnaWQ6Ly9zaG9waWZ5L1Byb2R1Y3QvNjY4Njk1ODM1NDUwOSIsInNob3J0SWQiOiI2Njg2OTU4MzU0NTA5IiwidmFyaWFudHMiOlsiMzk1MTI3NzIwMTgyNTMiXSwiaGFuZGxlIjoiY29ja3RhaWwtamlnZ2VyIiwidGl0bGUiOiJDb2NrdGFpbCBKaWdnZXIiLCJpbWFnZSI6Imh0dHBzOi8vY2RuLnNob3BpZnkuY29tL3MvZmlsZXMvMS8xODAyLzUxNDUvZmlsZXMvV2l0aENvLUJhci1Ub29scy0zXzgwM2Q5ZWVjLTFjZTEtNDUzYS1hMTU0LTA2OWY2ZmIzMWY5Ny5qcGc/dj0xNjk5OTY1ODAzIn0seyJpZCI6ImdpZDovL3Nob3BpZnkvUHJvZHVjdC82Njg2OTgxNjg1MzI1Iiwic2hvcnRJZCI6IjY2ODY5ODE2ODUzMjUiLCJ2YXJpYW50cyI6WyIzOTUxMjgxMTk5NTIxMyJdLCJoYW5kbGUiOiJvbGQtZmFzaGlvbmVkLWNyeXN0YWwtbWl4ZXIiLCJ0aXRsZSI6Ik9sZCBGYXNoaW9uZWQgQ3J5c3RhbCBNaXhlciIsImltYWdlIjoiaHR0cHM6Ly9jZG4uc2hvcGlmeS5jb20vcy9maWxlcy8xLzE4MDIvNTE0NS9maWxlcy9XaXRoQ28tQmFyLVRvb2xzLTVfNTQxOWI3YzMtYmQ2MC00ZjFjLWI0NDgtZDQxODliNWRlMmQ4LmpwZz92PTE2OTk5NjYyOTUifSx7ImlkIjoiZ2lkOi8vc2hvcGlmeS9Qcm9kdWN0LzY2ODg5MDk2NTYxNDEiLCJzaG9ydElkIjoiNjY4ODkwOTY1NjE0MSIsInZhcmlhbnRzIjpbIjM5NTE1NDMxODYyMzQ5Il0sImhhbmRsZSI6ImljZS1tb2xkcyIsInRpdGxlIjoiSWNlIE1vbGRzIiwiaW1hZ2UiOiJodHRwczovL2Nkbi5zaG9waWZ5LmNvbS9zL2ZpbGVzLzEvMTgwMi81MTQ1L2ZpbGVzL1dpdGhDby1CYXItVG9vbHMtN193ZWJzaXplLmpwZz92PTE2OTk4OT
8781c3NjcifSx7ImlkIjoiZ2lkOi8vc2hvcGlmeS9Qcm9kdWN0LzY2ODg5NDM2MDM3ODkiLCJzaG9ydElkIjoiNjY4ODk0MzYwMzc4OSIsInZhcmlhbnRzIjpbIjM5NTE1NTQyNzgyMDI5Il0sImhhbmRsZSI6InN0cmFpbmVyIiwidGl0bGUiOiJTdHJhaW5lciIsImltYWdlIjoiaHR0cHM6Ly9jZG4uc2hvcGlmeS5jb20vcy9maWxlcy8xLzE4MDIvNTE0NS9maWxlcy9XaXRoQ28tQmFyLVRvb2xzLTJfMmIyNjUyMGMtYTliOC00ZTQ4LTkxNTQtODY0NzE1MzEzNDM0LmpwZz92PTE2OTk5NjY1MjAifSx7ImlkIjoiZ2lkOi8vc2hvcGlmeS9Qcm9kdWN0LzY2ODg5NDc0NzA0MTMiLCJzaG9ydElkIjoiNjY4ODk0NzQ3MDQxMyIsInZhcmlhbnRzIjpbIjM5NTE1NTUxODI1OTk3Il0sImhhbmRsZSI6InNoYWtlci10aW4iLCJ0aXRsZSI6IlNoYWtlciBUaW4iLCJpbWFnZSI6Imh0dHBzOi8vY2RuLnNob3BpZnkuY29tL3MvZmlsZXMvMS8xODAyLzUxNDUvZmlsZXMvV2l0aENvLUJhci1Ub29scy0xX2MxNGYyZDRkLTMxN2QtNDlhNC05ZmM3LWI3MDU1NWM3YWQ1Zi5qcGc/dj0xNjk5OTY2NTA3In1dfX0sInVwc2VsbCI6eyJ0eXBlIjoiUHJvZHVjdCIsInByb2R1Y3RzIjpbeyJpZCI6ImdpZDovL3Nob3BpZnkvUHJvZHVjdC8xMDY0NDY2OTUxNCIsInNob3J0SWQiOiIxMDY0NDY2OTUxNCIsInZhcmlhbnRzIjpbIjQ0NDEwOTkyOTE4NzgyIiwiNDQ0MTA5OTI5NTE1NTAiXSwiaGFuZGxlIjoiZ2luZ2VybXVsZSIsInRpdGxlIjoiR2luZ2VyIE11bGUiLCJpbWFnZSI6Imh0dHBzOi8vY2RuLnNob3BpZnkuY29tL3MvZmlsZXMvMS8xODAyLzUxNDUvZmlsZXMvV2l0aENvLTE2b3otQm90dGxlcy0yMC5qcGc/dj0xNjk5OTY1OTkxIn0seyJpZCI6ImdpZDovL3Nob3BpZnkvUHJvZHVjdC8xMzMxMTYyNTQ2MjUzIiwic2hvcnRJZCI6IjEzMzExNjI1NDYyNTMiLCJ2YXJpYW50cyI6WyI0NDQxMTAwNjA5MTUxOCIsIjQ0NDExMDA2MTU3MDU0Il0sImhhbmRsZSI6ImhleS1naXJsIiwidGl0bGUiOiJIZXkgR2lybCIsImltYWdlIjoiaHR0cHM6Ly9jZG4uc2hvcGlmeS5jb20vcy9maWxlcy8xLzE4MDIvNTE0NS9maWxlcy9XaXRoQ28tMTZvei1Cb3R0bGVzLTExLmpwZz92PTE2OTk5NjYxMTQifSx7ImlkIjoiZ2lkOi8vc2hvcGlmeS9Qcm9kdWN0LzEwNjQyMDk3ODY2Iiwic2hvcnRJZCI6IjEwNjQyMDk3ODY2IiwidmFyaWFudHMiOlsiNDQ0MTA1OTMyMTQ3MTgiLCI0NDQxMDU5MzI0NzQ4NiJdLCJoYW5kbGUiOiJib3VxdWV0IiwidGl0bGUiOiJCb3VxdWV0IiwiaW1hZ2UiOiJodHRwczovL2Nkbi5zaG9waWZ5LmNvbS9zL2ZpbGVzLzEvMTgwMi81MTQ1L2ZpbGVzL1dpdGhDby0xNm96LUJvdHRsZXMtMTQuanBnP3Y9MTY5OTk2NTY5NSJ9XX19XQ==");
8782    if (val === '') {
8783        val = b64DecodeUnicode("W3siX2lkIjoiIiwidHJpZ2dlciI6bnVsbCwidXBzZWxsIjpudWxsfV0=");
8784    }
8785    val = JSON.parse(val);
8786    window.upcartSettings.upcartEditorSettings.upsellsItems = val;
8787
8788    val = b64DecodeUnicode("Ym90dG9t");
8789    if (val === '') {
8790        val = b64DecodeUnicode("Ym90dG9t");
8791    }
8792    window.upcartSettings.upcartEditorSettings.upsellsModulePosition = val;
8793
8794    val = b64DecodeUnicode("ZmFsc2U=");
8795    if (val === '') {
8796        val = b64DecodeUnicode("ZmFsc2U=");
8797    }
8798    val = JSON.parse(val);
8799    window.upcartSettings.upcartEditorSettings.recommendedUpsells = val;
8800
8801    val = b64DecodeUnicode("");
8802    if (val === '') {
8803        val = b64DecodeUnicode("ZmFsc2U=");
8804    }
8805    val = JSON.parse(val);
8806    window.upcartSettings.upcartEditorSettings.smartVariantMatching = val;
8807
8808    val = b64DecodeUnicode("cmVsYXRlZA==");
8809    if (val === '') {
8810        val = b64DecodeUnicode("cmVsYXRlZA==");
8811    }
8812    window.upcartSettings.upcartEditorSettings.upsellRecommendationIntent = val;
8813
8814    val = b64DecodeUnicode("");
8815    if (val === '') {
8816        val = b64DecodeUnicode("bm8tcHJvZHVjdHM=");
8817    }
8818    window.upcartSettings.upcartEditorSettings.upsellProductReviews = val;
8819
8820    val = b64DecodeUnicode("");
8821    if (val === '') {
8822        val = b64DecodeUnicode("KHt7UkVWSUVXX0NPVU5UfX0gcmV2aWV3cyk=");
8823    }
8824    window.upcartSettings.upcartEditorSettings.upsellProductReviewsTextTemplate = val;
8825
8826    val = b64DecodeUnicode("");
8827    if (val === '') {
8828        val = b64DecodeUnicode("");
8829    }
8830    window.upcartSettings.upcartEditorSettings.upsellStrategyId = val;
8831
8832    val = b64DecodeUnicode("");
8833    if (val === '') {
8834        val = b64DecodeUnicode("ZmFsc2U=");
8835    }
8836    val = JSON.parse(val);
8837    window.upcartSettings.upcartEditorSettings.upsellStrategyEnabled = val;
8838
8839    val = b64DecodeUnicode("ZmFsc2U=");
8840    if (val === '') {
8841        val = b64DecodeUnicode("ZmFsc2U=");
8842    }
8843    val = JSON.parse(val);
8844    window.upcartSettings.upcartEditorSettings.addonsModule = val;
8845
8846    val = b64DecodeUnicode("eyJzaGlwcGluZ1Byb3RlY3Rpb24iOnsiYWN0aXZlIjp0cnVlLCJwcm9kdWN0SGFuZGxlIjoic2hpcHBpbmctcHJvdGVjdGlvbi12aXAtc2VydmljZS0xMDAtcmVwbGFjZW1lbnQiLCJkZWZhdWx0QmVoYXZpb3IiOnRydWV9LCJwcm9kdWN0QWRkb24iOnsiYWN0aXZlIjpmYWxzZSwicHJvZHVjdEhhbmRsZSI6bnVsbCwicHJvZHVjdCI6bnVsbCwiZGVmYXVsdEJlaGF2aW9yIjpmYWxzZX19");
8847    if (val === '') {
8848        val = b64DecodeUnicode("eyJzaGlwcGluZ1Byb3RlY3Rpb24iOnsiYWN0aXZlIjpmYWxzZSwicHJvZHVjdEhhbmRsZSI6bnVsbCwidGllcnMiOltdLCJ1c2VQcmVEaXNjb3VudGVkVG90YWwiOmZhbHNlfSwicHJvZHVjdEFkZG9uIjp7ImFjdGl2ZSI6ZmFsc2UsInByb2R1Y3RIYW5kbGUiOm51bGwsInByb2R1Y3QiOm51bGx9fQ==");
8849    }
8850    val = JSON.parse(val);
8851    window.upcartSettings.upcartEditorSettings.addonsField = val;
8852
8853    val = b64DecodeUnicode("ZmFsc2U=");
8854    if (val === '') {
8855        val = b64DecodeUnicode("ZmFsc2U=");
8856    }
8857    val = JSON.parse(val);
8858    window.upcartSettings.upcartEditorSettings.addonsShouldBeCounted = val;
8859
8860    val = b64DecodeUnicode("");
8861    if (val === '') {
8862        val = b64DecodeUnicode("dHJ1ZQ==");
8863    }
8864    val = JSON.parse(val);
8865    window.upcartSettings.upcartEditorSettings.enableAddonAttributeKey = val;
8866
8867    val = b64DecodeUnicode("ZmFsc2U=");
8868    if (val === '') {
8869        val = b64DecodeUnicode("ZmFsc2U=");
8870    }
8871    val = JSON.parse(val);
8872    window.upcartSettings.upcartEditorSettings.notesModule = val;
8873
8874    val = b64DecodeUnicode("PHA+QWRkIHNwZWNpYWwgaW5zdHJ1Y3Rpb25zPC9wPg==");
8875    if (val === '') {
8876        val = b64DecodeUnicode("PHA+QWRkIHNwZWNpYWwgaW5zdHJ1Y3Rpb25zPC9wPg==");
8877    }
8878    window.upcartSettings.upcartEditorSettings.notesTitle = val;
8879
8880    val = b64DecodeUnicode("U3BlY2lhbCBpbnN0cnVjdGlvbnMgZm9yIHlvdXIgb3JkZXI=");
8881    if (val === '') {
8882        val = b64DecodeUnicode("U3BlY2lhbCBpbnN0cnVjdGlvbnMgZm9yIHlvdXIgb3JkZXI=");
8883    }
8884    window.upcartSettings.upcartEditorSettings.notesPlaceholder = val;
8885
8886    val = b64DecodeUnicode("Ym90dG9tT2ZDYXJ0");
8887    if (val === '') {
8888        val = b64DecodeUnicode("Ym90dG9tT2ZDYXJ0");
8889    }
8890    window.upcartSettings.upcartEditorSettings.notesPlacement = val;
8891
8892    val = b64DecodeUnicode("ZmFsc2U=");
8893    if (val === '') {
8894        val = b64DecodeUnicode("ZmFsc2U=");
8895    }
8896    val = JSON.parse(val);
8897    window.upcartSettings.upcartEditorSettings.trustBadgesModule = val;
8898
8899    val = b64DecodeUnicode("eyJ1cmwiOiIiLCJwb3NpdGlvbiI6ImJvdHRvbSJ9");
8900    if (val === '') {
8901        val = b64DecodeUnicode("eyJ1cmwiOiIiLCJwb3NpdGlvbiI6ImJvdHRvbSJ9");
8902    }
8903    val = JSON.parse(val);
8904    window.upcartSettings.upcartEditorSettings.trustBadges = val;
8905
8906    val = b64DecodeUnicode("ZmFsc2U=");
8907    if (val === '') {
8908        val = b64DecodeUnicode("ZmFsc2U=");
8909    }
8910    val = JSON.parse(val);
8911    window.upcartSettings.upcartEditorSettings.discountCodeModule = val;
8912
8913    val = b64DecodeUnicode("RGlzY291bnQgY29kZQ==");
8914    if (val === '') {
8915        val = b64DecodeUnicode("RGlzY291bnQgY29kZQ==");
8916    }
8917    window.upcartSettings.upcartEditorSettings.discountCodePlaceholder = val;
8918
8919    val = b64DecodeUnicode("QXBwbHk=");
8920    if (val === '') {
8921        val = b64DecodeUnicode("QXBwbHk=");
8922    }
8923    window.upcartSettings.upcartEditorSettings.discountCodeButtonText = val;
8924
8925    val = b64DecodeUnicode("ZmFsc2U=");
8926    if (val === '') {
8927        val = b64DecodeUnicode("ZmFsc2U=");
8928    }
8929    val = JSON.parse(val);
8930    window.upcartSettings.upcartEditorSettings.subscriptionUpgradesModule = val;
8931
8932    val = b64DecodeUnicode("ZmFsc2U=");
8933    if (val === '') {
8934        val = b64DecodeUnicode("ZmFsc2U=");
8935    }
8936    val = JSON.parse(val);
8937    window.upcartSettings.upcartEditorSettings.subscriptionUpgradesPreventDowngrades = val;
8938
8939    val = b64DecodeUnicode("VXBncmFkZSB0byB7e3NlbGxpbmdfcGxhbl9ncm91cF9uYW1lfX0=");
8940    if (val === '') {
8941        val = b64DecodeUnicode("VXBncmFkZSB0byB7e3NlbGxpbmdfcGxhbl9ncm91cF9uYW1lfX0=");
8942    }
8943    window.upcartSettings.upcartEditorSettings.subscriptionUpgradesButtonText = val;
8944
8945    val = b64DecodeUnicode("");
8946    if (val === '') {
8947        val = b64DecodeUnicode("ZmFsc2U=");
8948    }
8949    val = JSON.parse(val);
8950    window.upcartSettings.upcartEditorSettings.subscriptionUpgradesOptionsTextOverride = val;
8951
8952    val = b64DecodeUnicode("");
8953    if (val === '') {
8954        val = b64DecodeUnicode("e3tzZWxsaW5nX3BsYW5fZ3JvdXBfbmFtZX19IC8ge3tzZWxsaW5nX3BsYW5fbmFtZX19");
8955    }
8956    window.upcartSettings.upcartEditorSettings.subscriptionUpgradesOptionsText = val;
8957
8958    val = b64DecodeUnicode("");
8959    if (val === '') {
8960        val = b64DecodeUnicode("T25lLXRpbWUgcHVyY2hhc2U=");
8961    }
8962    window.upcartSettings.upcartEditorSettings.subscriptionUpgradesOneTimePurchaseText = val;
8963
8964    val = b64DecodeUnicode("");
8965    if (val === '') {
8966        val = b64DecodeUnicode("RnVsbCBwcmljZQ==");
8967    }
8968    window.upcartSettings.upcartEditorSettings.subscriptionUpgradesFullPriceText = val;
8969
8970    val = b64DecodeUnicode("");
8971    if (val === '') {
8972        val = b64DecodeUnicode("U3Vic2NyaXB0aW9uIHBsYW5z");
8973    }
8974    window.upcartSettings.upcartEditorSettings.subscriptionUpgradesSubscriptionPlansText = val;
8975
8976    val = b64DecodeUnicode("ZmFsc2U=");
8977    if (val === '') {
8978        val = b64DecodeUnicode("ZmFsc2U=");
8979    }
8980    val = JSON.parse(val);
8981    window.upcartSettings.upcartEditorSettings.expressPayModule = val;
8982
8983    val = b64DecodeUnicode("W10=");
8984    if (val === '') {
8985        val = b64DecodeUnicode("W10=");
8986    }
8987    val = JSON.parse(val);
8988    window.upcartSettings.upcartEditorSettings.expressPayEnabledGateways = val;
8989
8990    val = b64DecodeUnicode("");
8991    if (val === '') {
8992        val = b64DecodeUnicode("MQ==");
8993    }
8994    window.upcartSettings.upcartEditorSettings.expressPayVersion = val;
8995
8996    val = b64DecodeUnicode("");
8997    if (val === '') {
8998        val = b64DecodeUnicode("eyJmaWVsZHMiOnsic2hvcGlmeUFjY2VsZXJhdGVkQ2hlY2tvdXRCdXR0b25CbG9ja1NpemUiOjQyLCJzaG9waWZ5QWNjZWxlcmF0ZWRDaGVja291dEJ1dHRvbklubGluZVNpemUiOjQyLCJzaG9waWZ5QWNjZWxlcmF0ZWRDaGVja291dElubGluZUFsaWdubWVudCI6ImNlbnRlciIsInNob3BpZnlBY2NlbGVyYXRlZENoZWNrb3V0Um93R2FwIjo4fX0=");
8999    }
9000    val = JSON.parse(val);
9001    window.upcartSettings.upcartEditorSettings.expressPayAcceleratedCheckoutStyles = val;
9002
9003    val = b64DecodeUnicode("");
9004    if (val === '') {
9005        val = b64DecodeUnicode("dHJ1ZQ==");
9006    }
9007    val = JSON.parse(val);
9008    window.upcartSettings.upcartEditorSettings.expressPayHideBuyerConsent = val;
9009
9010    val = b64DecodeUnicode("ZmFsc2U=");
9011    if (val === '') {
9012        val = b64DecodeUnicode("ZmFsc2U=");
9013    }
9014    val = JSON.parse(val);
9015    window.upcartSettings.stickyCartButtonEditorSettings.stickyCartButtonIsEnabled = val;
9016
9017    val = b64DecodeUnicode("IzAwMDAwMA==");
9018    if (val === '') {
9019        val = b64DecodeUnicode("IzAwMDAwMA==");
9020    }
9021    window.upcartSettings.stickyCartButtonEditorSettings.backgroundColor = val;
9022
9023    val = b64DecodeUnicode("YWxsRGV2aWNlcw==");
9024    if (val === '') {
9025        val = b64DecodeUnicode("YWxsRGV2aWNlcw==");
9026    }
9027    window.upcartSettings.stickyCartButtonEditorSettings.deviceSettings = val;
9028
9029    val = b64DecodeUnicode("I2ZmZmZmZg==");
9030    if (val === '') {
9031        val = b64DecodeUnicode("I2ZmZmZmZg==");
9032    }
9033    window.upcartSettings.stickyCartButtonEditorSettings.iconColor = val;
9034
9035    val = b64DecodeUnicode("c3RhbmRhcmRDYXJ0");
9036    if (val === '') {
9037        val = b64DecodeUnicode("c3F1YXJlQmFn");
9038    }
9039    window.upcartSettings.stickyCartButtonEditorSettings.iconStyle = val;
9040
9041    val = b64DecodeUnicode("I2U0MjYyNg==");
9042    if (val === '') {
9043        val = b64DecodeUnicode("I2U0MjYyNg==");
9044    }
9045    window.upcartSettings.stickyCartButtonEditorSettings.quantityBackgroun
9045dColor = val;
9046
9047    val = b64DecodeUnicode("I2ZmZmZmZg==");
9048    if (val === '') {
9049        val = b64DecodeUnicode("I2ZmZmZmZg==");
9050    }
9051    window.upcartSettings.stickyCartButtonEditorSettings.quantityTextColor = val;
9052
9053    val = b64DecodeUnicode("Ym90dG9tUmlnaHQ=");
9054    if (val === '') {
9055        val = b64DecodeUnicode("Ym90dG9tUmlnaHQ=");
9056    }
9057    window.upcartSettings.stickyCartButtonEditorSettings.stickyCartPosition = val;
9058
9059
9060})();
9061</script>
9061
9062
9063
9064
9065
9066
9067
9068<script>
9069  window.upcartPreloadedCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
9070  window.upcartMoneyFormat = "${{amount}}";
9071  window.upcartStorefrontPublicAccessToken = '0fb7c2301656d24068790b201745b988' || undefined;
9072  window.upcartClientLocalizationCountry = {
9073    isoCode: 'US',
9074    currency: 'CurrencyDrop',
9075    name: 'United States'
9076  };
9077  window.upcartMyShopifyDomain = 'drinkwithco.myshopify.com';
9078</script>
9078
9079
9080
9081<script>
9082    window.upcart = window.upcart || {};
9083    window.upcart.customer = { isLoggedIn: false };
9084  </script>
9084<script>
9085  window.upcartPreloadedCart.items = window.upcartPreloadedCart.items.map((line) => {
9086    
9087
9088    return line;
9089  });
9090</script>
9090
9091
9092<div id="upCart"></div>
9093<div id="upCartStickyButton"></div>
9094
9095<style id="upCart-customCSS">
9096  
9097    *{}
9098  
9099</style>
9100
9101
9102</div>
9102<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
9102
9103</body>
9104</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.