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 – 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 & 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 & 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 & 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&width=50 50w, //www.withcococktails.com/cdn/shop/files/6_copy.png?v=1731610007&width=100 100w, //www.withcococktails.com/cdn/shop/files/6_copy.png?v=1731610007&width=150 150w, //www.withcococktails.com/cdn/shop/files/6_copy.png?v=1731610007&width=200 200w, //www.withcococktails.com/cdn/shop/files/6_copy.png?v=1731610007&width=250 250w, //www.withcococktails.com/cdn/shop/files/6_copy.png?v=1731610007&width=300 300w, //www.withcococktails.com/cdn/shop/files/6_copy.png?v=1731610007&width=400 400w, //www.withcococktails.com/cdn/shop/files/6_copy.png?v=1731610007&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"> per </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"> per </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"> per </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"> per </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"> per </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&width=3840" alt="" srcset="//www.withcococktails.com/cdn/shop/files/WithCo-Dierks-Selects-14_websize.jpg?v=1700096361&width=375 375w, //www.withcococktails.com/cdn/shop/files/WithCo-Dierks-Selects-14_websize.jpg?v=1700096361&width=550 550w, //www.withcococktails.com/cdn/shop/files/WithCo-Dierks-Selects-14_websize.jpg?v=1700096361&width=750 750w, //www.withcococktails.com/cdn/shop/files/WithCo-Dierks-Selects-14_websize.jpg?v=1700096361&width=1100 1100w, //www.withcococktails.com/cdn/shop/files/WithCo-Dierks-Selects-14_websize.jpg?v=1700096361&width=1500 1500w, //www.withcococktails.com/cdn/shop/files/WithCo-Dierks-Selects-14_websize.jpg?v=1700096361&width=1780 1780w, //www.withcococktails.com/cdn/shop/files/WithCo-Dierks-Selects-14_websize.jpg?v=1700096361&width=2000 2000w, //www.withcococktails.com/cdn/shop/files/WithCo-Dierks-Selects-14_websize.jpg?v=1700096361&width=3000 3000w, //www.withcococktails.com/cdn/shop/files/WithCo-Dierks-Selects-14_websize.jpg?v=1700096361&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&width=3840" alt="" srcset="//www.withcococktails.com/cdn/shop/files/B0000071.jpg?v=1699935608&width=375 375w, //www.withcococktails.com/cdn/shop/files/B0000071.jpg?v=1699935608&width=550 550w, //www.withcococktails.com/cdn/shop/files/B0000071.jpg?v=1699935608&width=750 750w, //www.withcococktails.com/cdn/shop/files/B0000071.jpg?v=1699935608&width=1100 1100w, //www.withcococktails.com/cdn/shop/files/B0000071.jpg?v=1699935608&width=1500 1500w, //www.withcococktails.com/cdn/shop/files/B0000071.jpg?v=1699935608&width=1780 1780w, //www.withcococktails.com/cdn/shop/files/B0000071.jpg?v=1699935608&width=2000 2000w, //www.withcococktails.com/cdn/shop/files/B0000071.jpg?v=1699935608&width=3000 3000w, //www.withcococktails.com/cdn/shop/files/B0000071.jpg?v=1699935608&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">© 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.