1<!doctype html> 2 <html class="no-js" lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width,initial-scale=1"> 7 <meta name="theme-color" content=""> 8 <!-- Google Tag Manager -->
9<script>
vendor: 327 bytes, lines 9-13
9(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 10new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 11j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 12'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 13})(window,document,'script','dataLayer','
13GTM-W86Z9DB5
vendor: 3 bytes, line 13
13');
13</script>
13 14<!-- End Google Tag Manager --> 15 <link rel="canonical" href="https://100coconuts.com/cart"> 16 <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin> 17 <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> 18 <link rel="preconnect" href="https://fonts.shopify.com" crossorigin> 19 <link rel="preconnect" href="https://monorail-edge.shopifysvc.com"> 20 21 22<style> 23@font-face { 24 font-family: 'Acrom'; 25 src: url("//100coconuts.com/cdn/shop/t/3/assets/Acrom-Medium.woff2?v=103236657076161901791710274631") format('woff2'), 26 url("https://cdn.shopify.com/s/files/1/0690/5226/8762/files/Acrom-Medium.woff2?v=1710274992") format('woff'); 27 font-weight: 500; 28 font-style: normal; 29 font-display: swap; 30} 31 32@font-face { 33 font-family: 'Acrom'; 34 src: url("//100coconuts.com/cdn/shop/t/3/assets/Acrom-ExtraBold.woff2?v=89605643350824776021710274618") format('woff2'), 35 url("https://cdn.shopify.com/s/files/1/0690/5226/8762/files/Acrom-ExtraBold.woff2?v=1710274991") format('woff'); 36 font-weight: bold; 37 font-style: normal; 38 font-display: swap; 39} 40 41@font-face { 42 font-family: 'Acrom'; 43 src: url("//100coconuts.com/cdn/shop/t/3/assets/Acrom-Regular.woff2?v=39677941880668304591710274637") format('woff2'), 44 url("https://cdn.shopify.com/s/files/1/0690/5226/8762/files/Acrom-Regular.woff2?v=1710274991") format('woff'); 45 font-weight: normal; 46 font-style: normal; 47 font-display: swap; 48} 49 50@font-face { 51 font-family: 'Acrom'; 52 src: url("//100coconuts.com/cdn/shop/t/3/assets/Acrom-Bold.woff2?v=182578764207891752991710274611") format('woff2'), 53 url("https://cdn.shopify.com/s/files/1/0690/5226/8762/files/Acrom-Bold.woff2?v=1710274991") format('woff'); 54 font-weight: bold; 55 font-style: normal; 56 font-display: swap; 57} 58 </style><link rel="icon" type="image/png" href="//100coconuts.com/cdn/shop/files/coconuts-ambassador-palm_1.webp?v=1715010767&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title> 59 Your Shopping Cart 60 – 100 Coconuts</title> 61 62 63 64 65<meta property="og:site_name" content="100 Coconuts"> 66<meta property="og:url" content="https://100coconuts.com/cart"> 67<meta property="og:title" content="Your Shopping Cart"> 68<meta property="og:type" content="website"> 69<meta property="og:description" content="Discover 100 Coconuts Pure Coconut Water: 100% pure, naturally hydrating with electrolytes & antioxidants. Shop now for natural refreshment!"><meta property="og:image" content="http://100coconuts.com/cdn/shop/files/Untitled_design_16.png?v=1721406003"> 70 <meta property="og:image:secure_url" content="https://100coconuts.com/cdn/shop/files/Untitled_design_16.png?v=1721406003"> 71 <meta property="og:image:width" content="2400"> 72 <meta property="og:image:height" content="1256"><meta name="twitter:site" content="@100_coconuts"><meta name="twitter:card" content="summary_large_image"> 73<meta name="twitter:title" content="Your Shopping Cart"> 74<meta name="twitter:description" content="Discover 100 Coconuts Pure Coconut Water: 100% pure, naturally hydrating with electrolytes & antioxidants. Shop now for natural refreshment!">
75<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
75<meta name="google-site-verification" content="JM15HCFbcomrLkUOV6gTh1IerO7g0UAJuqKe-IogfJc"> 76<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/69052268762/digital_wallets/dialog"> 77<meta id="in-context-paypal-metadata" data-shop-id="69052268762" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 78<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
78<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=153288922"></script>
78 79<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
80<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=153288922&shop_id=69052268762" crossorigin="anonymous"></script>
vendor: 1 bytes, line 80
80
81<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":69052268762,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/69052268762","merchantName":"100 Coconuts","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","discover","amex","elo","jcb"],"total":{"type":"pending","label":"100 Coconuts","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 81
81
82<script id="shopify-features" type="application/json">{"accessToken":"0438c754e3c94f32f735868c13ade669","betas":["rich-media-storefront-analytics"],"domain":"100coconuts.com","predictiveSearch":true,"shopId":69052268762,"locale":"en"}</script>
vendor: 1 bytes, line 82
82
83<script>var Shopify = Shopify || {}; 84Shopify.shop = "c8ad0d-2.myshopify.com"; 85Shopify.locale = "en"; 86Shopify.currency = {"active":"USD","rate":"1.0"}; 87Shopify.country = "US"; 88Shopify.theme = {"name":"Shapes","id":140674236634,"schema_name":"Shapes","schema_version":"2.2.4","theme_store_id":1535,"role":"main"}; 89Shopify.theme.handle = "null"; 90Shopify.theme.style = {"id":null,"handle":null}; 91Shopify.cdnHost = "100coconuts.com/cdn"; 92Shopify.routes = Shopify.routes || {}; 93Shopify.routes.root = "/"; 94Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 95Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 96Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 97Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 97
97
98<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 98
98
99<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 99
99
100<script> 101 window.ShopifyPay = window.ShopifyPay || {}; 102 window.ShopifyPay.apiHost = "shop.app\/pay"; 103 window.ShopifyPay.redirectState = null; 104</script>
vendor: 1 bytes, line 104
104
105<script> 106 window.Shopify = window.Shopify || {}; 107 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 108 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 109 window.Shopify.SignInWithShop.eligible = true; 110</script>
vendor: 1 bytes, line 110
110
111<script id="shop-js-analytics" type="application/json">{"pageType":"cart"}</script>
vendor: 1 bytes, line 111
111
112<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 112
112
113<script type="module"> 114 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 115 116 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 117 118</script>
vendor: 1 bytes, line 118
118
119<script> 120 window.Shopify = window.Shopify || {}; 121 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 122 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"]}; 123</script>
vendor: 1 bytes, line 123
123
124<script>(function() { 125 var isLoaded = false; 126 function asyncLoad() { 127 if (isLoaded) return; 128 isLoaded = true; 129 var urls = ["https:\/\/d217z8zw4dqir.cloudfront.net\/script_tags\/loop_snippets?shop=c8ad0d-2.myshopify.com","https:\/\/cdn.nfcube.com\/instafeed-63fcc836111bb378506d2b1b38031080.js?shop=c8ad0d-2.myshopify.com"]; 130 for (var i = 0; i < urls.length; i++) { 131 var s = document.createElement('script'); 132 s.type = 'text/javascript'; 133 s.async = true; 134 s.src = urls[i]; 135 var x = document.getElementsByTagName('script')[0]; 136 x.parentNode.insertBefore(s, x); 137 } 138 }; 139 if(window.attachEvent) { 140 window.attachEvent('onload', asyncLoad); 141 } else { 142 window.addEventListener('load', asyncLoad, false); 143 } 144})();</script>
vendor: 1 bytes, line 144
144
145<script id="__st">var __st={"a":69052268762,"offset":-14400,"reqid":"a892bab2-1e2e-47e0-a466-b9cd2ecc66a6-1791334333","pageurl":"100coconuts.com\/cart","u":"4748eda90afc","p":"cart"};</script>
vendor: 1 bytes, line 145
145
146<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 146
146
147<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 147
147
148<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//100coconuts.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 148
148
149<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 = "//100coconuts.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>
149<script crossorigin="anonymous" defer="defer" src="//100coconuts.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 149
149
150<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 150
150
151<script> 152 window.Shopify = window.Shopify || {}; 153 window.Shopify.MCP = window.Shopify.MCP || {}; 154 window.Shopify.MCP.enabled = true; 155 window.Shopify.MCP.shop = "c8ad0d-2.myshopify.com"; 156 window.Shopify.MCP.mcpEndpoint = "https:\/\/100coconuts.com\/api\/mcp"; 157 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"]}}]; 158</script>
vendor: 1 bytes, line 158
158
159<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("\/\/100coconuts.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 160</script>
vendor: 1 bytes, line 160
160
161<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://100coconuts.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 162</script>
vendor: 1 bytes, line 162
162
163<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 164 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); 165</script>
vendor: 1 bytes, line 165
165
166<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})}})); 167</script>
vendor: 1 bytes, line 167
167
168<script id='scb4127' type='text/javascript' async='' src='https://100coconuts.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
168<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://100coconuts.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 169<style id="shopify-accelerated-checkout-cart"> 170 #shopify-buyer-consent { 171 margin-top: 1em; 172 display: inline-block; 173 width: 100%; 174} 175 176#shopify-buyer-consent.hidden { 177 display: none; 178} 179 180#shopify-subscription-policy-button { 181 background: none; 182 border: none; 183 padding: 0; 184 text-decoration: underline; 185 font-size: inherit; 186 cursor: pointer; 187} 188 189#shopify-subscription-policy-button::before { 190 box-shadow: none; 191} 192 193 </style> 194
195<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
195 196 197
197<script> 198 window.THEMENAME = 'Shapes'; 199 window.THEMEVERSION = '1.0.1'; 200 201 document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 202 203 window.theme = { 204 strings: { 205 itemCountOne: "{{ count }} item", 206 itemCountOther: "{{ count }} items", 207 loading: "Loading", 208 addToCart: "Add to Cart", 209 preOrder: "Order Now", 210 soldOut: "Sold Out", 211 unavailable: "Unavailable", 212 regularPrice: "Regular price", 213 salePrice: "Sale price", 214 sale: "On Sale", 215 unitPrice: "Unit price", 216 unitPriceSeparator: "per", 217 cartEmpty: "Your cart is currently empty.", 218 cartCookies: "Enable cookies to use the shopping cart", 219 update: "Update Cart", 220 quantity: "Quantity", 221 discountedTotal: "Discounted total", 222 regularTotal: "Regular total", 223 priceColumn: "See Price column for discount details.", 224 addedToCart: "Added to Cart!", 225 cartError: "There was an error while updating your cart. Please try again.", 226 cartAddError: "All {{ title }} are in your cart." 227 }, 228 routes: { 229 root_url: "\/", 230 cart_url: "\/cart", 231 cart_add_url: "\/cart\/add", 232 cart_change_url: "\/cart\/change", 233 cart_update_url: "\/cart\/update", 234 cart_clear_url: "\/cart\/clear", 235 predictive_search_url: '/search/suggest' 236 }, 237 moneyFormat: "${{amount}}", 238 moneyWithCurrencyFormat: "${{amount}} USD", 239 cartItemCount: 0, 240 settings: { 241 cart_type: "modal", 242 open_modal_on_add_to_cart: true, 243 parallax_intensity: 50 244 }, 245 info: { 246 name: 'Shapes', 247 } 248 }; 249</script>
249 250 251 252
252<script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');</script>
252 253
253<script> 254 function debounce(fn, wait) { 255 let t; 256 return (...args) => { 257 clearTimeout(t); 258 t = setTimeout(() => fn.apply(this, args), wait); 259 }; 260 } 261 </script>
261 262
262<script src="//100coconuts.com/cdn/shop/t/3/assets/utils.js?v=7831558957854122511709232269" defer></script>
262 263
263<script src="//100coconuts.com/cdn/shop/t/3/assets/global.bundle.min.js?v=116883603013089553431709232268" type="module"></script>
263 264
264<script src="//100coconuts.com/cdn/shop/t/3/assets/cart-count.js?v=51561485870383068741709232268" type="module"></script>
264 265 266
266<script src="//100coconuts.com/cdn/shop/t/3/assets/cart-items.js?v=18494231088895156391709232268" type="module"></script>
266 267
267<script src="//100coconuts.com/cdn/shop/t/3/assets/cart-footer.js?v=107578074203092953621709232268" type="module"></script>
267 268 269 270 271
271<script src="//100coconuts.com/cdn/shop/t/3/assets/alpine-extensions.js?v=130255111265633159301709232268" defer></script>
271 272 <link rel="stylesheet" href="//100coconuts.com/cdn/shop/t/3/assets/base.bundle.css?v=52272455402072983241713903673"> 273 274 275 <style> 276 :root { 277 --max-site-width: 1820px; 278 } 279 </style> 280 <style data-shopify> 281 Liquid error (layout/theme line 159): font_face can only be used with a font drop 282 @font-face { 283 font-family: "Dela Gothic One"; 284 font-weight: 400; 285 font-style: normal; 286 font-display: swap; 287 src: url("//100coconuts.com/cdn/fonts/dela_gothic_one/delagothicone_n4.ba42e34f7ce5de231a79c7aeb381fd0f2e2ad113.woff2") format("woff2"), 288 url("//100coconuts.com/cdn/fonts/dela_gothic_one/delagothicone_n4.cc62ac293474843dbccea653d0df6488615e900b.woff") format("woff"); 289} 290 291 292:root { 293 --heading-font-stack: font-family: 'Acrom'; 294 --heading-font-weight: 900; 295 --heading-font-style: normal; 296 --heading-letterspacing: 0.0; 297 --heading-capitalize: uppercase; 298 --main-font-stack: , ; 299 --main-font-weight: ; 300 --main-font-style: ; 301 --accent-font-stack: , ; 302 --accent-font-weight: ; 303 --accent-font-style: ; 304 } 305 </style> 306<style> 307 :root { 308 --payment-button-height: 48px; 309 --section-x-padding: 1.25rem; 310 --grid-gap: 1.25rem; 311 --icon-thickness: 1.5; 312 --header-height: 60px; 313 --can-movement-delay: 0; 314 315 --transparent: transparent; 316 317 --color-primary-text: 0, 0, 0; 318 --color-primary-background: 237, 255, 251; 319 --color-primary-accent-1: 255, 79, 97; 320 --color-primary-accent-2: 0, 0, 0; 321 --color-primary-card: 237, 255, 251; 322 --color-primary-gradient: linear-gradient(180deg, rgba(94, 234, 201, 1), rgba(94, 234, 201, 1) 54%, rgba(221, 255, 119, 1) 99%);--color-primary-text-overlay: 237, 255, 251; 323--color-primary-card-text-overlay: 237, 255, 251; 324--color-primary-accent-1-overlay: 0, 0, 0; 325--color-primary-accent-2-overlay: 237, 255, 251; 326--color-secondary-text: 0, 0, 0; 327 --color-secondary-background: 94, 234, 201; 328 --color-secondary-accent-1: 0, 0, 0; 329 --color-secondary-accent-2: 0, 0, 0; 330 --color-secondary-card: 94, 234, 201; 331 --color-secondary-gradient: ;--color-secondary-text-overlay: 94, 234, 201; 332--color-secondary-card-text-overlay: 94, 234, 201; 333--color-secondary-accent-1-overlay: 94, 234, 201; 334--color-secondary-accent-2-overlay: 94, 234, 201; 335--color-tertiary-text: 0, 0, 0; 336 --color-tertiary-background: 244, 54, 76; 337 --color-tertiary-accent-1: 0, 0, 0; 338 --color-tertiary-accent-2: 0, 0, 0; 339 --color-tertiary-card: 244, 54, 76; 340 --color-tertiary-gradient: linear-gradient(54deg, rgba(114, 255, 249, 1) 13%, rgba(246, 255, 84, 1) 85%);--color-tertiary-text-overlay: 244, 54, 76; 341--color-tertiary-card-text-overlay: 244, 54, 76; 342--color-tertiary-accent-1-overlay: 244, 54, 76; 343--color-tertiary-accent-2-overlay: 244, 54, 76; 344--color-quaternary-text: 0, 0, 0; 345 --color-quaternary-background: 253, 218, 1; 346 --color-quaternary-accent-1: 0, 0, 0; 347 --color-quaternary-accent-2: 0, 0, 0; 348 --color-quaternary-card: 255, 79, 97; 349 --color-quaternary-gradient: linear-gradient(127deg, rgba(254, 217, 81, 1) 11%, rgba(255, 70, 199, 1) 81%);--color-quaternary-text-overlay: 253, 218, 1; 350--color-quaternary-card-text-overlay: 255, 79, 97; 351--color-quaternary-accent-1-overlay: 253, 218, 1; 352--color-quaternary-accent-2-overlay: 253, 218, 1; 353--color-border: 0, 0, 0; 354 --section-border-thickness: 0px; 355 --drop-down-offset: 2px; 356 --shape-divider-offset: 2px; 357 358 359 --button-border-radius: 9999px; 360 --textarea-border-radius: 1rem; 361 --button-border-width: 0; 362 --input-border-width: 1px; 363 --button-shadow-border-width: var(--button-border-width); 364 --button-text-transform: none; 365 --button-drop-shadow-size: 00px; 366 --button-drop-shadow-top-size: 0px; 367 --button-drop-shadow-left-size: 0px; 368 --button-hover-top-size: -0.25rem; 369 --button-hover-left-size: var(--button-drop-shadow-left-size); 370 --button-shadow-display: none; 371 --sticker-border-radius: 0; 372 --sticker-border-width: 2px; 373 --sticker-shadow-border-width: 0; 374 --sticker-text-transform: none; 375 --sticker-drop-shadow-top-size: 0px; 376 --sticker-drop-shadow-left-size: 0px; 377 --card-border-radius: 0; 378 --card-drop-shadow-size: 0px; 379 --card-drop-shadow-top-size: 0px; 380 --card-drop-shadow-left-size: 0; 381 --card-border-width: 0; 382 --card-shadow-border-width: 0; 383 --media-border-radius: 0.375rem; 384 --media-drop-shadow-size: 0px; 385 --media-drop-shadow-top-size: 0px; 386 --media-drop-shadow-left-size: 0; 387 --media-drop-shadow-size-half: 0.0px; 388 --media-drop-shadow-top-size-half: 0.0px; 389 --media-drop-shadow-left-size-half: 0; 390 --media-border-width: 0;
391 --media-shadow-border-width: var(--media-border-width); 392 --heading-shadow-spread: 6px; 393 --heading-stroke-thickness: 0px; 394 --product-tiles-text-transform: none; 395 --select-svg: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E%0A"); 396 397 --hover-effect-enlarge-shape: 1.1; 398 --hover-effect-lift-shape: 0; 399 --hover-effect-rotate-shape: 0deg; 400 } 401 402 403 404 [data-color-scheme="primary"] { 405 --color-scheme-text: var(--color-primary-text); 406 --color-scheme-background: var(--color-primary-background); 407 --color-scheme-accent-1: var(--color-primary-accent-1); 408 --color-scheme-accent-2: var(--color-primary-accent-2); 409 --color-scheme-card: var(--color-primary-card); 410 --color-scheme-gradient: var(--color-primary-gradient); 411 --color-scheme-text-overlay: var(--color-primary-text-overlay); 412 --color-scheme-card-text-overlay: var(--color-primary-card-text-overlay); 413 --color-scheme-accent-1-overlay: var(--color-primary-accent-1-overlay); 414 --color-scheme-accent-2-overlay: var(--color-primary-accent-2-overlay); 415 --color-scheme-secondary-background: var(--color-primary-background); 416 --select-svg: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E%0A"); 417 } 418 419 420 [data-color-scheme="secondary"] { 421 --color-scheme-text: var(--color-secondary-text); 422 --color-scheme-background: var(--color-secondary-background); 423 --color-scheme-gradient: var(--color-secondary-gradient); 424 --color-scheme-accent-1: var(--color-secondary-accent-1); 425 --color-scheme-accent-2: var(--color-secondary-accent-2); 426 --color-scheme-card: var(--color-secondary-card); 427 --color-scheme-text-overlay: var(--color-secondary-text-overlay); 428 --color-scheme-card-text-overlay: var(--color-secondary-card-text-overlay); 429 --color-scheme-accent-1-overlay: var(--color-secondary-accent-1-overlay); 430 --color-scheme-accent-2-overlay: var(--color-secondary-accent-2-overlay); 431 --color-scheme-secondary-background: var(--color-secondary-background); 432 --select-svg: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E%0A"); 433 } 434 435 436 [data-color-scheme="tertiary"] { 437 --color-scheme-text: var(--color-tertiary-text); 438 --color-scheme-background: var(--color-tertiary-background); 439 --color-scheme-accent-1: var(--color-tertiary-accent-1); 440 --color-scheme-accent-2: var(--color-tertiary-accent-2); 441 --color-scheme-card: var(--color-tertiary-card); 442 --color-scheme-gradient: var(--color-tertiary-gradient); 443 --color-scheme-text-overlay: var(--color-tertiary-text-overlay); 444 --color-scheme-card-text-overlay: var(--color-tertiary-card-text-overlay); 445 --color-scheme-accent-1-overlay: var(--color-tertiary-accent-1-overlay); 446 --color-scheme-accent-2-overlay: var(--color-tertiary-accent-2-overlay); 447 --color-scheme-secondary-background: var(--color-tertiary-background); 448 --select-svg: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E%0A"); 449 } 450 451 [data-color-scheme="quaternary"] { 452 --color-scheme-text: var(--color-quaternary-text); 453 --color-scheme-background: var(--color-quaternary-background); 454 --color-scheme-accent-1: var(--color-quaternary-accent-1); 455 --color-scheme-accent-2: var(--color-quaternary-accent-2); 456 --color-scheme-card: var(--color-quaternary-card); 457 --color-scheme-gradient: var(--color-quaternary-gradient); 458 --color-scheme-text-overlay: var(--color-quaternary-text-overlay); 459 --color-scheme-card-text-overlay: var(--color-quaternary-card-text-overlay); 460 --color-scheme-accent-1-overlay: var(--color-quaternary-accent-1-overlay); 461 --color-scheme-accent-2-overlay: var(--color-quaternary-accent-2-overlay); 462 --color-scheme-secondary-background: var(--color-quaternary-background); 463 --select-svg: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E%0A"); 464 } 465 466 [data-color-scheme="white"] { 467 --color-scheme-text: 255,255,255; 468 --color-scheme-accent: 255,255,255; 469 --color-scheme-background: 0,0,0; 470 --color-scheme-card: 0,0,0; 471 --color-scheme-text-overlay: 0,0,0; 472 --color-scheme-accent-1-overlay: 0,0,0; 473 --color-border: 255,255,255; 474 } 475 476 [data-color-scheme="black"] { 477 --color-scheme-text: 0,0,0; 478 --color-scheme-accent: 0,0,0; 479 --color-scheme-background: 255,255,255;
480 --color-scheme-card: 255,255,255; 481 --color-scheme-text-overlay: 255,255,255; 482 --color-scheme-accent-1-overlay: 255,255,255; 483 --color-border: 0,0,0; 484 } 485 486 487 488 [data-color-scheme="primary"] .card { 489 --color-scheme-secondary-background: var(--color-primary-card); 490 } 491 492 [data-color-scheme="secondary"] .card { 493 --color-scheme-secondary-background: var(--color-secondary-card); 494 } 495 496 [data-color-scheme="tertiary"] .card { 497 --color-scheme-secondary-background: var(--color-tertiary-card); 498 } 499 500 [data-color-scheme="quaternary"] .card { 501 --color-scheme-secondary-background: var(--color-quaternary-card); 502 } 503 504[data-color-scheme] { 505 --color-heading-shadow: var(--color-scheme-accent-1); 506 --color-heading-stroke: var(--color-scheme-text); 507 --color-button-background: var(--color-scheme-text); 508 --color-button-text: var(--color-scheme-text-overlay); 509 --color-button-border: var(--color-scheme-text); 510 --color-button-shadow: var(--color-scheme-gradient); 511 --color-card-border: var(--color-scheme-accent-1); 512 --color-card-shadow: var(--color-scheme-card); 513 --color-sticker-border: var(--color-scheme-text); 514 --color-sticker-shadow: var(--color-scheme-text); 515 --color-media-border: var(--color-scheme-text); 516 --color-media-shadow: var(--color-scheme-gradient); 517 --color-media-shadow-fill: rgb(var(--color-scheme-gradient)); 518 --color-sticker-shadow: var(--color-scheme-text); 519 --color-sticker-shadow-fill: rgb(var(--color-scheme-text));--heading-color: var(--color-scheme-accent-2); 520 --heading-text-shadow:} 521 522 [data-color-scheme] .card { 523 --color-scheme-text-overlay: var(--color-scheme-card-text-overlay); 524 } 525 526 [data-color-scheme] .card { 527 --color-button-text: var(--color-scheme-card-text-overlay); 528 } 529 530 531 /* 532 Typography and spacing sizes 533 */:root { 534 --base-font-size: 112.5%; 535 --base-line-height: 1.2; 536 --line-height-heading: 1.1; 537 --font-size-ratio-xs: 0.7491535; 538 --font-size-ratio-sm: 0.8908985; 539 --font-size-ratio-base: 1; 540 --font-size-ratio-lg: 1.33484; 541 --font-size-ratio-xl: 1.498307; 542 --font-size-ratio-2xl: 1.681793; 543 --font-size-ratio-3xl: 2; 544 --font-size-ratio-4xl: 2.66968; 545 --font-size-ratio-5xl: 2.996614; 546 --font-size-ratio-6xl: 3.563594; 547 --font-size-ratio-7xl: 4; 548 --font-size-ratio-8xl: 4.519842; 549 --font-size-ratio-9xl: 4.996614; 550 --font-size-xs: calc(var(--font-size-ratio-xs) * 1rem); 551 --font-size-sm: calc(var(--font-size-ratio-sm) * 1rem); 552 --font-size-base: calc(var(--font-size-ratio-base) * 1rem); 553 --font-size-lg: calc(var(--font-size-ratio-lg) * 1rem); 554 --font-size-xl: calc(var(--font-size-ratio-xl) * 1rem); 555 --font-size-2xl: calc(var(--font-size-ratio-2xl) * 1rem); 556 --font-size-3xl: calc(var(--font-size-ratio-3xl) * 1rem); 557 --font-size-4xl: calc(var(--font-size-ratio-4xl) * 1rem); 558 --font-size-5xl: calc(var(--font-size-ratio-5xl) * 1rem); 559 --font-size-6xl: calc(var(--font-size-ratio-6xl) * 1rem); 560 --font-size-7xl: calc(var(--font-size-ratio-7xl) * 1rem); 561 --font-size-8xl: calc(var(--font-size-ratio-8xl) * 1rem); 562 --font-size-9xl: calc(var(--font-size-ratio-9xl) * 1rem); 563 564 --standard-heading-size: var(--font-size-3xl); 565 --feature-heading-size: var(--font-size-4xl); 566 --secondary-heading-size: var(--font-size-lg); 567 --section-vertical-spacing: 2rem; 568 } 569 @media (min-width: 990px) { 570 :root { 571 --standard-heading-size: var(--font-size-5xl); 572 --feature-heading-size: var(--font-size-9xl); 573 --secondary-heading-size: var(--font-size-lg); 574 --section-vertical-spacing: 4rem; 575 --section-x-padding: 2.5rem; 576 --grid-gap: 2.5rem; 577 } 578 } 579 580 581 .heading-effects { 582 color: rgb(var(--heading-color)); 583 text-shadow: var(--heading-text-shadow); 584 -webkit-text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke)); 585 text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke)); 586 } 587 .heading-small{ 588 font-size: 42px; 589 590 color: rgb(var(--heading-color)); 591 text-shadow: var(--heading-text-shadow); 592 -webkit-text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke)); 593 text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke)); 594 595 } 596 @media (max-width: 991px){ 597 .heading-small{ 598 font-size: 30px; 599 } 600 } 601 .heading-standard { 602 font-size: var(--standard-heading-size); 603 604 color: rgb(var(--heading-color)); 605 text-shadow: var(--heading-text-shadow); 606 -webkit-text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke)); 607 text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke)); 608 609 } 610 611 .heading-feature { 612 font-size: var(--feature-heading-size); 613 614 color: rgb(var(--heading-color)); 615 text-shadow: var(--heading-text-shadow); 616 -webkit-text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke)); 617 text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke)); 618 619 } 620 621 .heading-secondary { 622 font-size: var(--secondary-heading-size); 623 } 624 625 626 /* 627 Cards 628 */ 629 .card-container::after {-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_101_5)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-5 7.5C-5.82421 7.5 -7.10101 8.19181 -8.728 10.795L-11.272 9.205C-9.56566 6.47486 -7.50912 4.5 -5 4.5C-2.49088 4.5 -0.434342 6.47486 1.272 9.205C2.89899 11.8082 4.17579 12.5 5 12.5C5.82421 12.5 7.10101 11.8082 8.728 9.205C10.4343 6.47486 12.4909 4.5 15 4.5C17.5091 4.5 19.5657 6.47486 21.272 9.205C22.899 11.8082 24.1758 12.5 25 12.5C25.8242 12.5 27.101 11.8082 28.728 9.205L31.272 10.795C29.5657 13.5251 27.5091 15.5 25 15.5C22.4909 15.5 20.4343 13.5251 18.728 10.795C17.101 8.19181 15.8242 7.5 15 7.5C14.1758 7.5 12.899 8.19181 11.272 10.795C9.56566 13.5251 7.50912 15.5 5 15.5C2.49088 15.5 0.434342 13.5251 -1.272 10.795C-2.89899 8.19181 -4.17579 7.5 -5 7.5Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_101_5'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); 630 mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_101_5)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-5 7.5C-5.82421 7.5 -7.10101 8.19181 -8.728 10.795L-11.272 9.205C-9.56566 6.47486 -7.50912 4.5 -5 4.5C-2.49088 4.5 -0.434342 6.47486 1.272 9.205C2.89899 11.8082 4.17579 12.5 5 12.5C5.82421 12.5 7.10101 11.8082 8.728 9.205C10.4343 6.47486 12.4909 4.5 15 4.5C17.5091 4.5 19.5657 6.47486 21.272 9.205C22.899 11.8082 24.1758 12.5 25 12.5C25.8242 12.5 27.101 11.8082 28.728 9.205L31.272 10.795C29.5657 13.5251 27.5091 15.5 25 15.5C22.4909 15.5 20.4343 13.5251 18.728 10.795C17.101 8.19181 15.8242 7.5 15 7.5C14.1758 7.5 12.899 8.19181 11.272 10.795C9.56566 13.5251 7.50912 15.5 5 15.5C2.49088 15.5 0.434342 13.5251 -1.272 10.795C-2.89899 8.19181 -4.17579 7.5 -5 7.5Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_101_5'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");} 631 632 /* 633 Media 634 */ 635 .media-style-container::after, 636 .media-shape-drop-shadow {} 637 638 639 /* 640 Custom cursor 641 */</style> 642 643 644 645 <style id="generated-critical-css"> 646.max-w-site{max-width:var(--max-site-width)} 647</style> 648 649 <style id="manual-critical-css"> 650 [x-cloak] { 651 display: none; 652 } 653 [data-parallax-container] { 654 will-change: opacity; 655 opacity: 0; 656 transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); 657 } 658 .no-js [data-parallax-container], 659 [data-parallax-container].animated { 660 opacity: 1; 661 } 662 663 @media (prefers-reduced-motion) { 664 [data-parallax-container] { 665 opacity: 1; 666 } 667 } 668 </style> 669 670 671 672 <link rel="preload" as="font" href="//100coconuts.com/cdn/fonts/dela_gothic_one/delagothicone_n4.ba42e34f7ce5de231a79c7aeb381fd0f2e2ad113.woff2" type="font/woff2" crossorigin> 673 674 675 <link rel="preload" as="font" href="Liquid error (layout/theme line 233): font_url can only be used with a font drop" type="font/woff2" crossorigin> 676 677 678
678<script> 679 window.onYouTubeIframeAPIReady = () => { 680 document.body.dispatchEvent(new CustomEvent('youtubeiframeapiready')); 681 }; 682 </script>
682 683 684
684<script type="text/javascript" id="loop-subscription-script" src="//100coconuts.com/cdn/shop/t/3/assets/loop-widget.js?v=68420565190221174771713456048"></script>
684 685 686 687 <!-- product page: this change the bg based on the URL--> 688
689<script> 690document.addEventListener("DOMContentLoaded", function() { 691 var url = window.location.href; 692 var color = ''; 693 var gradient = ''; 694 695 if (url.includes('mango')) { 696 color = '#FF9803'; 697 gradient = 'linear-gradient(180deg, rgba(255,152,3,0) 15%, rgba(255,152,3,1) 100%)'; 698 } else if (url.includes('pineapple')) { 699 color = '#FDDA00'; 700 gradient = 'linear-gradient(180deg, rgba(253,218,0,0) 15%, rgba(253,218,0,1) 100%)'; 701 } 702 703 if (color) { 704 var elementsToChange = [ 705 document.getElementById('shape-divider-shape_divider_eF7LPJ'), 706 document.getElementById('shape-divider-shape_divider_RXJpqD'), 707 document.querySelector('#shopify-section-template--17537817084122__logo_list_fdxgjf section'), 708 document.querySelector('#shopify-section-template--17537817084122__main > section') 709 ]; 710 711 elementsToChange.forEach(function(element) { 712 if (element) { 713 element.style.backgroundColor = color; 714 } 715 }); 716 717 var gradientElement = document.querySelector('#slideshow-thumbnails-template--17537817084122__main .thumbnails-overflow-indicator-bottom'); 718 if (gradientElement) { 719 gradientElement.style.background = gradient; 720 } 721 722 // Selecting and changing color 723 var colorElememt = [ 724 document.querySelector('.shopify-product-form button span'), 725 ...document.querySelectorAll('.product-media .push-btn-surface') 726]; 727 728 colorElememt.forEach(function(colors) { 729 if (colors) { 730 colors.style.color = color; 731} 732}) 733 } 734}); 735 736 737 738 739 740 </script>
740 741 <!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 742 743 744 745 746 747 748 749 750 751 752 753 754
754<script async src="https://static.klaviyo.com/onsite/js/W8deuG/klaviyo.js?company_id=W8deuG"></script>
754 755
755<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>
755 756 757 758 759 760 761 762
762<script> 763 window.klaviyoReviewsProductDesignMode = false 764 </script>
764 765 766 767 768 769 770 771 772 773 774<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
775<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: 69052268762,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "cart"};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 775
775
776<script> 777 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 778</script>
vendor: 1 bytes, line 778
778
779<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}
779).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: 69052268762,storefrontBaseUrl: "https://100coconuts.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://100coconuts.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"1783660762","configuration":"{\"accountID\":\"W8deuG\",\"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"]}
779,{"id":"1371504858","configuration":"{\"pixelCode\":\"D2RH1BBC77U0LO3AA3QG\"}","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":["share_all_events"]},"dataSharingState":"optimized"},{"id":"872874202","configuration":"{\"myshopifyDomain\":\"c8ad0d-2.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":"607879386","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-8YFJGVEENZ\\\",\\\"GT-5M37BTWD\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-8YFJGVEENZ\\\",\\\"AW-16534113418\\\/iLNhCLTRk-wZEIqZisw9\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-8YFJGVEENZ\\\",\\\"AW-16534113418\\\/NHGKCK7Rk-wZEIqZisw9\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-8YFJGVEENZ\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-8YFJGVEENZ\\\",\\\"AW-16534113418\\\/ArzJCKvRk-wZEIqZisw9\\\",\\\"MC-069QTPHDR4\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-8YFJGVEENZ\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-8YFJGVEENZ\\\",\\\"AW-16534113418\\\/xRQvCK3Qk-wZEIqZisw9\\\",\\\"MC-069QTPHDR4\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-8YFJGVEENZ\\\",\\\"AW-16534113418\\\/t0prCKjRk-wZEIqZisw9\\\",\\\"MC-069QTPHDR4\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-8YFJGVEENZ\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-8YFJGVEENZ\\\",\\\"AW-16534113418\\\/u5ZsCLfRk-wZEIqZisw9\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-8YFJGVEENZ\\\",\\\"AW-16534113418\\\/WK2CCLHRk-wZEIqZisw9\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-8YFJGVEENZ\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"100 Coconuts","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"c8ad0d-2.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/100coconuts.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8244899676378","handle":"pure-coconut-water-mango","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44644560797914","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8244899905754","handle":"pure-coconut-water","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47245203308762","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8244899938522","handle":"pure-coconut-water-pineapple","
779isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44644561453274","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8802342207706","handle":"pure-coconut-water-watermelon","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46242910929114","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8383570903258","handle":"pure-coconut-water-16-6oz","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45014763897050","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9118550524122","handle":"variety-hydration-pack-12-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47230266736858","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://100coconuts.com/cdn","87a86122w399bf3b8pd0403c97m2c07468c",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"140674236634","themeStoreId":"1535","themePublished":"true","eventMetadataId":"8871c2b3-b98b-4fb8-a514-6a68982eb826","pageType":"cart","shopId":"69052268762","storefrontBaseUrl":"https:\/\/100coconuts.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"87a86122w399bf3b8pd0403c97m2c07468c","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
779<script> 780 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 781 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 782 window.ShopifyAnalytics.meta.currency = 'USD'; 783 var meta = {"page":{"pageType":"cart","requestId":"a892bab2-1e2e-47e0-a466-b9cd2ecc66a6-1791334333"}}; 784 for (var attr in meta) { 785 window.ShopifyAnalytics.meta[attr] = meta[attr]; 786 } 787</script>
vendor: 1 bytes, line 787
787
788<script class="analytics"> 789 (function () { 790 var customDocumentWrite = function(content) { 791 var jquery = null; 792 793 if (window.jQuery) { 794 jquery = window.jQuery; 795 } else if (window.Checkout && window.Checkout.$) { 796 jquery = window.Checkout.$; 797 } 798 799 if (jquery) { 800 jquery('body').append(content); 801 } 802 }; 803 804 var hasLoggedConversion = function(token) { 805 if (token) { 806 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 807 } 808 return false; 809 } 810 811 var setCookieIfConversion = function(token) { 812 if (token) { 813 var twoMonthsFromNow = new Date(Date.now()); 814 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 815 816 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 817 } 818 } 819 820 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 821 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 822 if (trekkie.integrations) { 823 return; 824 } 825 trekkie.methods = [ 826 'identify', 827 'page', 828 'ready', 829 'track', 830 'trackForm', 831 'trackLink' 832 ]; 833 trekkie.factory = function(method) { 834 return function() { 835 var args = Array.prototype.slice.call(arguments); 836 args.unshift(method); 837 trekkie.push(args); 838 if (method == 'track' || method == 'page') { 839 var pageUrl; 840 try { 841 pageUrl = window.location.href; 842 } catch (e) {} 843 var pageReferrer; 844 try { 845 pageReferrer = document.referrer; 846 } catch (e) {} 847 try { 848 if (window.__TREKKIE_SHIM_QUEUE == null) { 849 window.__TREKKIE_SHIM_QUEUE = []; 850 } 851 window.__TREKKIE_SHIM_QUEUE.push({ 852 from: 'trekkie-stub', 853 method: method, 854 args: args.slice(1), 855 pageContext: { 856 url: pageUrl, 857 referrer: pageReferrer 858 } 859 }); 860 } catch (e) { 861 // no-op 862 } 863 } 864 return trekkie; 865 }; 866 }; 867 for (var i = 0; i < trekkie.methods.length; i++) { 868 var key = trekkie.methods[i]; 869 trekkie[key] = trekkie.factory(key); 870 } 871 trekkie.load = function(config) { 872 trekkie.config = config || {}; 873 trekkie.config.initialDocumentCookie = document.cookie; 874 var first = document.getElementsByTagName('script')[0]; 875var script = document.createElement('script'); 876script.type = 'text/javascript'; 877script.onerror = function(e) { 878 var scriptFallback = document.createElement('script'); 879 scriptFallback.type = 'text/javascript'; 880 scriptFallback.onerror = function(error) { 881 var Monorail = { 882 produce: function produce(monorailDomain, schemaId, payload) { 883 var currentMs = new Date().getTime(); 884 var event = { 885 schema_id: schemaId, 886 payload: payload, 887 metadata: { 888 event_created_at_ms: currentMs, 889 event_sent_at_ms: currentMs 890 } 891 }; 892 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 893 }, 894 sendRequest: function sendRequest(endpointUrl, payload) { 895 // Try the sendBeacon API 896 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 897 var blobData = new window.Blob([payload], { 898 type: 'text/plain' 899 }); 900 901 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 902 return true; 903 } // sendBeacon was not successful 904 905 } // XHR beacon 906 907 var xhr = new XMLHttpRequest(); 908 909 try { 910 xhr.open('POST', endpointUrl); 911 xhr.setRequestHeader('Content-Type', 'text/plain'); 912 xhr.send(payload); 913 } catch (e) { 914 console.log(e); 915 } 916 917 return false; 918 }, 919 isIos12: function isIos12() { 920 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 921 } 922 }; 923 Monorail.produce('monorail-edge.shopifysvc.com', 924 'trekkie_storefront_load_errors/1.1', 925 {shop_id: 69052268762, 926 theme_id: 140674236634, 927 app_name: "storefront", 928 context_url: window.location.href, 929 source_url: "//100coconuts.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 930 931 }; 932 scriptFallback.async = true; 933 scriptFallback.src = '//100coconuts.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 934 first.parentNode.insertBefore(scriptFallback, first); 935}; 936script.async = true; 937script.src = '//100coconuts.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 938first.parentNode.insertBefore(script, first); 939 940 }; 941 trekkie.load( 942 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":69052268762,"isMerchantRequest":null,"themeId":14
9420674236634,"themeCityHash":"228506282863729203","contentLanguage":"en","currency":"USD","eventMetadataId":"8871c2b3-b98b-4fb8-a514-6a68982eb826"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} 943 ); 944 945 var loaded = false; 946 trekkie.ready(function() { 947 if (loaded) return; 948 loaded = true; 949 950 window.ShopifyAnalytics.lib = window.trekkie; 951 952 var originalDocumentWrite = document.write; 953 document.write = customDocumentWrite; 954 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 955 document.write = originalDocumentWrite; 956 957 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 958 var token = match? match[1]: undefined; 959 if (!hasLoggedConversion(token)) { 960 setCookieIfConversion(token); 961 962 } 963 }); 964 965 window.ShopifyAnalytics.lib.page(null,{"pageType":"cart","requestId":"a892bab2-1e2e-47e0-a466-b9cd2ecc66a6-1791334333","shopifyEmitted":true}); 966 967 var eventsListenerScript = document.createElement('script'); 968 eventsListenerScript.async = true; 969 eventsListenerScript.src = "//100coconuts.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 970 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 971})();</script>
vendor: 1 bytes, line 971
971
972<script 973 defer 974 src="https://100coconuts.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.6.min.js" 975 data-application="storefront-renderer" 976 data-shop-id="69052268762" 977 data-render-region="gcp-us-central1" 978 data-page-type="cart" 979 data-theme-instance-id="140674236634" 980 data-theme-name="Shapes" 981 data-theme-version="2.2.4" 982 data-monorail-region="shop_domain" 983 data-resource-timing-sampling-rate="10" 984 data-shs="true" 985 data-shs-beacon="true" 986 data-shs-export-with-fetch="true" 987 data-shs-logs-sample-rate="1" 988 data-shs-beacon-endpoint="https://100coconuts.com/api/collect" 989></script>
989 990<meta name="shopify-y" content="07acdd4d-f351-4745-9053-03f990905abe" data-expiration="1822891933000"><meta name="shopify-s" content="c58d1616-734c-4c32-95fd-63a6223fb798" data-expiration="1791336133000"><meta name="new-cookie-storage-activated" content="t"> 991</head> 992 993 994 <style class="loop-style"> .loop-hidden { 995 display: none !important; 996} 997.loop-full-width { 998 width: 100% !important; 999} 1000.loop-subscription-container { 1001 display: flex; 1002 flex-direction: column; 1003} 1004.loop-selling-plan-fieldset { 1005 padding: 0; 1006 margin: 15px 0; 1007 flex-basis: 100%; 1008 border-width: 0; 1009 border-style: groove; 1010 border-color: threedface; 1011 border-image: initial; 1012 border-radius: 0.5em; 1013 border: 1px solid #c3cfd9 !important; 1014 overflow: hidden !important; 1015} 1016.loop-selling-plan-fieldset-legend { 1017 display: none; 1018} 1019.loop-one-time-purchase-option-position { 1020 display: flex !important; 1021} 1022.loop-purchase-options-label { 1023 width: auto !important; 1024 flex: 2; 1025 padding: 0 !important; 1026 margin: 0 !important; 1027 font-size: 1.1em !important; 1028 line-height: 1.1em !important; 1029} 1030.loop-one-time-purchase-option { 1031 display: flex; 1032 align-items: center; 1033 width: 100% !important; 1034 padding: 1.1em !important; 1035} 1036.loop-one-time-purchase-option-radio { 1037 width: 1.2rem !important; 1038 height: 1.2rem !important; 1039 min-height: 1.2rem !important; 1040 position: initial !important; 1041 appearance: auto !important; 1042 line-height: 1.2rem !important; 1043 margin: 0 1rem 0 0 !important; 1044 padding: 0 !important; 1045} 1046.loop-one-time-purchase-option-label { 1047 width: auto !important; 1048 line-height: 1.2em !important; 1049 font-size: 1em !important; 1050 font-weight: 600 !important; 1051 flex: 2; 1052 padding: 0 !important; 1053 margin: 0 !important; 1054} 1055.loop-one-time-purchase-option-price-container { 1056 text-align: right; 1057 flex: 1; 1058} 1059.loop-one-time-purchase-option-price-amount { 1060 line-height: 1.2em !important; 1061 font-size: 1em !important; 1062} 1063 1064.loop-one-time-purchase-option-price-quantity { 1065 line-height: 1em !important; 1066 font-size: 0.8em !important; 1067 opacity: 0.8; 1068} 1069 1070.loop-selling-plan-allocation { 1071 display: flex !important; 1072} 1073 1074.loop-subscription-group { 1075 display: flex; 1076 align-items: center; 1077 flex-wrap: wrap; 1078 padding: 1.1em !important; 1079} 1080.loop-subscription-group-border-top { 1081 border-top: 1px solid #c3cfd9 !important; 1082} 1083 1084.loop-subscription-group-border-bottom { 1085 border-bottom: 1px solid #c3cfd9 !important; 1086} 1087.loop-subscription-group-radio { 1088 width: 1.2rem !important; 1089 height: 1.2rem !important; 1090 min-height: 1.2rem !important; 1091 line-height: 1.2rem; 1092 position: initial !important; 1093 appearance: auto !important; 1094 margin: 0 1rem 0 0 !important; 1095 padding: 0 !important; 1096} 1097.loop-subscription-group-text { 1098 display: flex; 1099 flex-wrap: wrap; 1100 flex: 3; 1101 align-items: center; 1102} 1103 1104.loop-subscription-group-label { 1105 width: auto !important; 1106 padding: 0; 1107 margin: 0 1em 0 0; 1108 line-height: 1.2em !important; 1109 font-size: 1em !important; 1110 font-weight: 600 !important; 1111 display: flex; 1112 align-items: center; 1113} 1114.loop-subscription-group-discount-badge { 1115 border-radius: 50px; 1116 padding: 0.3em 0.8em; 1117 background: #53cf54; 1118 display: flex; 1119 justify-content: center; 1120 width: max-content; 1121 line-height: 1.2em; 1122 font-size: 1em; 1123} 1124 1125.loop-subscription-group-price-container { 1126 text-align: right; 1127 flex: 1; 1128} 1129 1130.loop-subscription-group-price-amount { 1131 line-height: 1.2em !important; 1132 font-size: 1em !important; 1133} 1134 1135.loop-subscription-group-price-quantity { 1136 line-height: 1em !important; 1137 font-size: 0.8em !important; 1138 opacity: 0.8; 1139} 1140 1141.loop-subscription-group-selling-plans-container { 1142 display: flex; 1143 flex-wrap: wrap; 1144 align-items: center; 1145 width: 100% !important; 1146 margin-top: 0.5em; 1147 margin-left: 2.2rem; 1148} 1149 1150.loop-selling-plan-selector-label { 1151 width: auto !important; 1152 padding: 0; 1153 margin: 0.5em 0 0.5em 0; 1154 line-height: 1.2em; 1155 font-size: 1em; 1156} 1157 1158.loop-selling-plan-selector { 1159 width: auto !important; 1160 display: block !important; 1161 border-color: #c3d0d9 !important; 1162 border-width: 1px !important; 1163 margin: 6px 0 0 12px !important; 1164 padding: 0.5em 2.5em 0.5em 0.7em !important; 1165 border-radius: 5px !important; 1166 font-size: 1em !important; 1167 background-image: linear-gradient(45deg, transparent 50%, gray 50%), 1168 linear-gradient(135deg, gray 50%, transparent 50%), 1169 linear-gradient(to right, #ccc, #ccc); 1170 background-position: calc(100% - 20px) calc(1em), calc(100% - 15px) calc(1em), 1171 calc(100% - 2.5em) 0.5em; 1172 background-size: 5px 5px, 5px 5px, 0px 1.5em; 1173 background-repeat: no-repeat; 1174 -webkit-box-sizing: border-box; 1175 -moz-box-sizing: border-box; 1176 box-sizing: border-box; 1177 -webkit-appearance: none; 1178 -moz-appearance: none; 1179} 1180 1181.loop-selling-plan-selector:focus { 1182 background-image: linear-gradient(45deg, transparent 50%, gray 50%), 1183 linear-gradient(135deg, gray 50%, transparent 50%), 1184 linear-gradient(to right, #ccc, #ccc); 1185 background-position: calc(100% - 20px) calc(1em), calc(100% - 15px) calc(1em), 1186 calc(100% - 2.5em) 0.5em; 1187 background-size: 5px 5px, 5px 5px, 0px 1.5em; 1188 background-repeat: no-repeat; 1189 border-color: green; 1190 outline: 0; 1191 padding: 0.5em 2.5em 0.5em 0.7em !important; 1192} 1193 1194.loop-selling-plan-selector:-moz-focusring { 1195 color: transparent; 1196 text-shadow: 0 0 0 #000; 1197} 1198 1199.loop-selling-plan-selector-option { 1200 display: flex; 1201 align-items: center; 1202} 1203 1204.loop-selling-plan-selector-description { 1205 width: 100%; 1206 font-size: 0.9em !important; 1207 line-height: normal !important; 1208 margin: 0 !important; 1209 padding: 0 !important; 1210 opacity: 0.8; 1211} 1212 1213.loop-subscription-group-radio:not(:checked) 1214 ~ .loop-subscription-group-selling-plans-container { 1215 display: none !important; 1216} 1217 1218.loop-selling-plan-selector:focus-visible { 1219 outline: none !important; 1220 outline-offset: 0.3rem; 1221 box-shadow: none !important; 1222} 1223 1224.loop-price-container { 1225 display: flex; 1226 align-items: center; 1227 flex-direction: column; 1228} 1229.loop-price-section { 1230 width: 100%; 1231 display: flex; 1232 flex-direction: row; 1233} 1234.loop-price-section-subscription-banner { 1235 display: flex; 1236 align-items: center; 1237 font-size: 12px; 1238 padding: 0px 5px; 1239 border: 1px solid; 1240 border-radius: 5px; 1241 line-height: 11px; 1242 margin-left: 8px; 1243} 1244 1245.loop-final-price { 1246} 1247 1248.loop-compare-price { 1249 text-decoration: line-through; 1250 opacity: 0.5; 1251} 1252.loop-price-sub-text { 1253 font-size: 11px; 1254} 1255 1256.loop-dot { 1257 height: 4px; 1258 width: 4px; 1259 background-color: #000; 1260 border-radius: 50%; 1261 display: inline-block; 1262 margin: 0 10px; 1263} 1264 1265.loop-display-none { 1266 display: none !important; 1267} 1268 1269.loop-display-none-by-variant { 1270 display: none !important; 1271} 1272 1273.loop-left-margin-0 { 1274 margin-left: 0 !important; 1275} 1276 1277.loop-tooltip { 1278 position: relative; 1279 display: flex; 1280 align-items: center; 1281 width: fit-content; 1282 padding-bottom: 1em; 1283 margin-top: -10px; 1284} 1285 1286.loop-tooltip-label { 1287 display: flex; 1288 cursor: pointer; 1289} 1290.loop-tooltip-image { 1291 height: 18px; 1292 width: 18px; 1293 margin-right: 10px; 1294 display: flex; 1295 align-items: center; 1296} 1297 1298.loop-tooltip .loop-tooltiptext { 1299 visibility: hidden; 1300 width: 300px; 1301 min-width: 100%; 1302 background-color: #081d33; 1303 color: #fff; 1304 text-align: left; 1305 border-radius: 6px; 1306 padding: 15px; 1307 margin-top: -10px; 1308 1309 position: absolute; 1310 z-index: 9999 !important; 1311 top: 100%; 1312 left: 0%; 1313} 1314 1315.loop-tooltip:hover .loop-tooltiptext { 1316 visibility: visible; 1317} 1318 1319.loop-tooltip-description { 1320 margin: 0 !important; 1321 padding: 0 !important; 1322 font-size: 1em; 1323} 1324 1325.loop-container-arrow { 1326 height: 16px; 1327 width: 16px; 1328 background-color: #081d33; 1329 position: absolute; 1330} 1331 1332.loop-container-arrow--tl { 1333 left: 32px; 1334 top: 0px; 1335 border-left: 1px solid rgba(0, 0, 0, 0.3); 1336 border-top: 1px solid rgba(0, 0, 0, 0.3); 1337 transform: translate(50%, -50%) rotate(45deg); 1338} 1339 </style> 1340 1341 <body data-color-scheme="primary" class="template--"> 1342 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 1342-1343
1342 1343<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1343GTM-W86Z9DB5
vendor: 83 bytes, lines 1343-1344
1343" 1344height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1345<!-- End Google Tag Manager (noscript) --> 1346 1347<svg width="0" height="0" viewBox="0 0 200 200"> 1348 <defs> 1349 <clipPath id="clip-on-sale" clipPathUnits="objectBoundingBox"> 1350 <path clip-rule="evenodd" transform="scale(0.005,0.005)" d="M174.123 50H25.877C25.877 61.8227 16.5877 71.4778 5 71.4778V128.522C16.4919 128.522 25.877 138.079 25.877 150H174.123C174.123 138.177 183.412 128.522 195 128.522V71.4778C183.412 71.4778 174.123 61.8227 174.123 50Z" fill="black"/> 1351 </clipPath> 1352 <path id="outline-on-sale" vector-effect="non-scaling-stroke" d="M174.123 50H25.877C25.877 61.8227 16.5877 71.4778 5 71.4778V128.522C16.4919 128.522 25.877 138.079 25.877 150H174.123C174.123 138.177 183.412 128.522 195 128.522V71.4778C183.412 71.4778 174.123 61.8227 174.123 50Z" /> 1353 </defs> 1354</svg> 1355<svg width="0" height="0" viewBox="0 0 200 200"> 1356 <defs> 1357 <clipPath id="clip-sold-out" clipPathUnits="objectBoundingBox"> 1358 <path clip-rule="evenodd" transform="scale(0.005,0.005)" d="M195 60H5L26.0793 100L5 140H195L173.921 100L195 60Z" fill="black"/> 1359 </clipPath> 1360 <path id="outline-sold-out" vector-effect="non-scaling-stroke" d="M195 60H5L26.0793 100L5 140H195L173.921 100L195 60Z" /> 1361 </defs> 1362</svg> 1363<svg width="0" height="0" viewBox="0 0 200 200"> 1364 <defs> 1365 <clipPath id="clip-metafield-badge" clipPathUnits="objectBoundingBox"> 1366 <path clip-rule="evenodd" transform="scale(0.005,0.005)" d="M100 5L195 100L100 195L5 100L100 5Z" fill="black"/> 1367 </clipPath> 1368 <path id="outline-metafield-badge" vector-effect="non-scaling-stroke" d="M100 5L195 100L100 195L5 100L100 5Z" /> 1369 </defs> 1370</svg> 1371 1372 1373 1374 <a class="skip-link" href="#MainContent">Skip to content</a><!-- BEGIN sections: header-group --> 1375<div id="shopify-section-sections--17537817215194__header" class="shopify-section shopify-section-group-header-group section-site-header relative z-40"> 1376 1377 1378 1379 1380 1381 1382 1383 1384 1385
1385<script src="//100coconuts.com/cdn/shop/t/3/assets/header.js?v=36849506637616900911709232268" type="module"></script>
1385 1386 1387 1388<header 1389 class=" 1390 site-header w-full text-scheme-text 1391 1392 relative bg-scheme-background text-scheme-text border-b-section border-border 1393 1394 transition-[background-color,border-color] ease-in-out duration-200 1395 " 1396 role="banner" 1397 data-section-type="header" 1398 data-section-id="sections--17537817215194__header" 1399 x-data="ThemeSection_header(2)" 1400 x-init="mounted()" 1401 data-color-scheme="primary" 1402 1403 1404 :class="{ 'header-is-active' : menuIsActive }" 1405 1406> 1407 <div id="headerBorderWrap" class="headerBorderWrap"> 1408 <div id="headerContainer" 1409 class="z-10"> 1410 <div 1411 class="py-2 lg:py-0 px-section overflow-hidden"> 1412 <div class="flex justify-between items-center"> 1413 1414 <div class="flex flex-grow w-1/3 justify-start items-stretch"> 1415 1416 1417 <div class="flex items-center z-10"><!-- Button for the original 'nav' menu --> 1418<button 1419 class="font-main normal-case js-enabled inline-block -m-1 p-1 lg:hidden" 1420 type="button" 1421 x-bind:aria-expanded="$store.modals.leftDrawer.contents === 'nav'" 1422 @click="$store.modals.open('nav')" 1423 data-menu-drawer-toggle> 1424 1425 <span class="visually-hidden">Menu</span><span class="block icon"> 1426 <span class="w-6 h-6 inline-block align-middle"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 1427 <path d="M46 40H2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1428 <path d="M46 24H2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1429 <path d="M46 8H2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1430</svg> 1431 </span> 1432 </span></button> 1433 1434<noscript> 1435 <div class="no-js-focus-wrapper"> 1436 <button 1437 class="inline-block -m-1 p-1 lg:hidden" 1438 type="button" 1439 data-menu-drawer-toggle> 1440 <span class="visually-hidden">Menu</span><span class="block icon"> 1441 <span class="w-6 h-6 inline-block align-middle"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 1442 <path d="M46 40H2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1443 <path d="M46 24H2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1444 <path d="M46 8H2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1445</svg> 1446 </span> 1447 </span></button> 1448 <div class="hidden no-js-focus-container absolute left-0 bottom-0 w-11/12 md:w-7/12 lg:w-5/12 py-section-vertical-spacing px-section transform translate-y-[calc(100%-var(--section-border-thickness))] z-100 max-h-three-quarters-screen-height overflow-hidden overflow-y-auto bg-scheme-card text-scheme-text"><div 1449 class="sidebar-nav " 1450 > 1451 <div class="relative flex items-center justify-between pb-5"> 1452 <h2 class="sr-only" class="" tabindex="-1"> 1453 Main menu 1454 </h2> 1455 </div> 1456 <ul class="mt-5"> 1457 1458 1459 1460 <li class="text-lg lg:text-xl" style="--first-delay-tap: 0;"> 1461 1462 <div 1463 x-data=" 1464 { 1465 expanded: false 1466 } 1467 " 1468 > 1469 <button 1470 class="w-full flex flex-row justify-between items-center font-heading py-2.5" 1471 @click="expanded = ! expanded" 1472 :aria-expanded="expanded" 1473 > 1474 <span>SHOP</span> 1475 <div class="ml-auto"> 1476 <span class="w-3 h-3 block" :class="{'rotate-180': expanded}"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 1477<path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1478</svg> 1479 </span> 1480 </div> 1481 </button> 1482 <div x-show="expanded" x-collapse> 1483 1484 <ul class="pb-5 text-base font-main"> 1485 1486 �� 1487 �� 1488 �� 1489 �� 1490 �� 1491 �� 1492 � 1493 <li class="my-3 text-base" style="--second-delay-tap: 0;"> 1494 1495 <a class="" href="/pages/shop-now"> 1496 Shop All 1497 </a> 1498 1499 </li> 1500 1501 </ul> 1502 1503 <ul class="mb-5 nav-item grid gap-5 grid-cols-2"> 1504 <li><div> 1505 <a href="/products/pure-coconut-water-mango"><div class=""> 1506 <img src="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Mango-Image-v2.png?v=1766603739&width=700" alt="PURE COCONUT WATER + MANGO" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Mango-Image-v2.png?v=1766603739&width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Mango-Image-v2.png?v=1766603739&width=700 700w" width="700" height="700" class="media-style"> 1507 </div><div class="mt-2 text-center"> 1508 PURE COCONUT WATER + MANGO 1509 </div> 1510 </a> 1511</div> 1512 1513 </li><li><div> 1514 <a href="/products/pure-coconut-water"><div class=""> 1515 <img src="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pure-Image-v2.png?v=1766603173&width=700" alt="PURE COCONUT WATER 11oz" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pure-Image-v2.png?v=1766603173&width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pure-Image-v2.png?v=1766603173&width=700 700w" width="700" height="700" class="media-style"> 1516 </div><div class="mt-2 text-center"> 1517 PURE COCONUT WATER 11oz 1518 </div> 1519 </a> 1520</div> 1521 1522 </li><li><div> 1523 <a href="/products/pure-coconut-water-pineapple"><div class=""> 1524 <img src="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pineapple-Image-v2.png?v=1766602826&width=700" alt="PURE COCONUT WATER + PINEAPPLE" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pineapple-Image-v2.png?v=1766602826&width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pineapple-Image-v2.png?v=1766602826&width=700 700w" width="700" height="700" class="media-style"> 1525 </div><div class="mt-2 text-center"> 1526 PURE COCONUT WATER + PINEAPPLE 1527 </div> 1528 </a> 1529</div> 1530 1531 </li><li><div> 1532 <a href="/products/pure-coconut-water-watermelon"><div class=""> 1533 <img src="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Watermelon-Image-v2.png?v=1766602281&width=700" alt="PURE COCONUT WATER + WATERMELON" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Watermelon-Image-v2.png?v=1766602281&width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Watermelon-Image-v2.png?v=1766602281&width=700 700w" width="700" height="700" class="media-style"> 1534 </div><div class="mt-2 text-center"> 1535 PURE COCONUT WATER + WATERMELON 1536 </div> 1537 </a> 1538</div> 1539 1540 </li><li><div> 1541 <a href="/products/pure-coconut-water-16-6oz"><div class=""> 1542 <img src="//100coconuts.com/cdn/shop/files/100CNT-16oz-ProductCards.webp?v=1714656020&width=700" alt="PURE COCONUT WATER 16.6oz" srcset="//100coconuts.com/cdn/shop/files/100CNT-16oz-ProductCards.webp?v=1714656020&width=352 352w, //100coconuts.com/cdn/shop/files/100CNT-16oz-ProductCards.webp?v=1714656020&width=700 700w" width="700" height="573" class="media-style"> 1543 </div><div class="mt-2 text-center"> 1544 PURE COCONUT WATER 16.6oz 1545 </div> 1546 </a> 1547</div> 1548 1549 </li><li><div> 1550 <a href="/products/variety-hydration-pack-12-pack"><div class=""> 1551 <img src="//100coconuts.com/cdn/shop/files/100-Coconuts-Variety-Hydration-12-Pack-Case-Side-A-product-page.png?v=1766259513&width=700" alt="100 Coconuts Variety Pack (11oz Cans)" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Variety-Hydration-12-Pack-Case-Side-A-product-page.png?v=1766259513&width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Variety-Hydration-12-Pack-Case-Side-A-product-page.png?v=1766259513&width=700 700w" width="700" height="700" class="media-style"> 1552 </div><div class="mt-2 text-center"> 1553 100 Coconuts Variety Pack (11oz Cans) 1554 </div> 1555 </a> 1556</div> 1557 1558 </li> 1559 </ul> 1560 1561 </div> 1562 </div> 1563 1564 </li> 1565 1566 1567 1568 <li class="text-lg lg:text-xl" style="--first-delay-tap: 1;"> 1569 1570 <a class="block font-heading py-2.5" href="/pages/variety-pack-pre-order"> 1571 VARIETY PACK 1572 </a> 1573 1574 </li> 1575 1576 1577 1578 <li class="text-lg lg:text-xl" style="--first-delay-tap: 2;"> 1579 1580 <div 1581 x-data=" 1582 { 1583 expanded: false 1584 } 1585 " 1586 > 1587 <button 1588 class="w-full flex flex-row justify-between items-center font-heading py-2.5" 1589 @click="expanded = ! expanded" 1590 :aria-expanded="expanded" 1591 >
1592 <span>LEARN</span> 1593 <div class="ml-auto"> 1594 <span class="w-3 h-3 block" :class="{'rotate-180': expanded}"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 1595<path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1596</svg> 1597 </span> 1598 </div> 1599 </button> 1600 <div x-show="expanded" x-collapse> 1601 1602 <ul class="pb-5 text-base font-main"> 1603 1604 � 1605 <li class="my-3 text-base" style="--second-delay-tap: 1;"> 1606 1607 <a class="" href="/pages/our-story"> 1608 WHY COCONUTS 1609 </a> 1610 1611 </li> 1612 1613 � 1614 <li class="my-3 text-base" style="--second-delay-tap: 2;"> 1615 1616 <a class="" href="/pages/faqs"> 1617 FAQs 1618 </a> 1619 1620 </li> 1621 1622 </ul> 1623 1624 </div> 1625 </div> 1626 1627 </li> 1628 1629 1630 1631 <li class="text-lg lg:text-xl" style="--first-delay-tap: 3;"> 1632 1633 <a class="block font-heading py-2.5" href="/pages/store-locator"> 1634 STORE LOCATOR 1635 </a> 1636 1637 </li> 1638 1639 </ul> 1640 1641 1642 <div class="mt-5 space-y-5"> 1643 <ul class="space-y-1.5"> 1644 1645 <li> 1646 <a href="https://100coconuts.com/customer_authentication/redirect?locale=en&region_country=US" id="customer_login_link">Log in</a> 1647 </li> 1648 <li> 1649 <a href="https://shopify.com/69052268762/account?locale=en®ion_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJjOGFkMGQtMi5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTE5MzkxMzMsIm5iZiI6MTc5MTMzNDMzM30.xAL9tVrCNsQfDzcVyuPB3VUguiKMvzvZjxPsJNZbhDc" id="customer_register_link">Create account</a> 1650 </li> 1651 1652 </ul> 1653 �</div> 1654 1655</div> 1656 1657 </div> 1658 </div> 1659</noscript> 1660<div x-data> 1661 <div> 1662 1663<template data-should-teleport="#left-drawer-slot"> 1664 <div 1665 :data-modal-label="$store.modals.leftDrawer.contents === 'nav' ? 'Main menu' : false" 1666 x-show="$store.modals.leftDrawer.contents === 'nav'" 1667 class="sidebar-nav py-5 px-section " 1668 > 1669 <div class="relative flex items-center justify-between pb-5"> 1670 <h2 class="sr-only" class="" tabindex="-1"> 1671 Main menu 1672 </h2> 1673 <button @click.prevent="$store.modals.close('nav')" class="block top-0"> 1674 <span class="sr-only">Close (esc)</span> 1675 <span class="inline-block w-5 h-5"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 1676 <path d="M46 2L2 46" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1677 <path d="M46 46L2 2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1678</svg></span> 1679 </button> 1680 </div> 1681 <ul class="mt-5"> 1682 1683 1684 1685 <li class="text-lg lg:text-xl" style="--first-delay-tap: 0;"> 1686 1687 <div 1688 x-data=" 1689 { 1690 expanded: false 1691 } 1692 " 1693 > 1694 <button 1695 class="w-full flex flex-row justify-between items-center font-heading py-2.5 text-left" 1696 @click="expanded = ! expanded" 1697 :aria-expanded="expanded" 1698 > 1699 <span>SHOP</span> 1700 <div class="ml-auto"> 1701 <span class="w-3 h-3 block" :class="{'rotate-180': expanded}"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 1702<path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1703</svg> 1704 </span> 1705 </div> 1706 </button> 1707 <div x-show="expanded" x-collapse> 1708 1709 <ul class="pb-5 text-base font-main"> 1710 1711 �� 1712 �� 1713 �� 1714 �� 1715 �� 1716 �� 1717 � 1718 <li class="my-3 text-base" style="--second-delay-tap: 0;"> 1719 1720 <a class="" href="/pages/shop-now"> 1721 Shop All 1722 </a> 1723 1724 </li> 1725 1726 </ul> 1727 1728 <ul class="mb-5 nav-item grid gap-5 grid-cols-2"> 1729 <li class="text-base"><div> 1730 <a href="/products/pure-coconut-water-mango"><div class=""> 1731 <img src="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Mango-Image-v2.png?v=1766603739&width=700" alt="PURE COCONUT WATER + MANGO" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Mango-Image-v2.png?v=1766603739&width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Mango-Image-v2.png?v=1766603739&width=700 700w" width="700" height="700" class="media-style"> 1732 </div><div class="mt-2 text-center"> 1733 PURE COCONUT WATER + MANGO 1734 </div> 1735 </a> 1736</div> 1737 1738 </li><li class="text-base"><div> 1739 <a href="/products/pure-coconut-water"><div class=""> 1740 <img src="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pure-Image-v2.png?v=1766603173&width=700" alt="PURE COCONUT WATER 11oz" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pure-Image-v2.png?v=1766603173&width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pure-Image-v2.png?v=1766603173&width=700 700w" width="700" height="700" class="media-style"> 1741 </div><div class="mt-2 text-center"> 1742 PURE COCONUT WATER 11oz 1743 </div> 1744 </a> 1745</div> 1746 1747 </li><li class="text-base"><div> 1748 <a href="/products/pure-coconut-water-pineapple"><div class=""> 1749 <img src="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pineapple-Image-v2.png?v=1766602826&width=700" alt="PURE COCONUT WATER + PINEAPPLE" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pineapple-Image-v2.png?v=1766602826&width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pineapple-Image-v2.png?v=1766602826&width=700 700w" width="700" height="700" class="media-style"> 1750 </div><div class="mt-2 text-center"> 1751 PURE COCONUT WATER + PINEAPPLE 1752 </div> 1753 </a> 1754</div> 1755 1756 </li><li class="text-base"><div> 1757 <a href="/products/pure-coconut-water-watermelon"><div class=""> 1758 <img src="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Watermelon-Image-v2.png?v=1766602281&width=700" alt="PURE COCONUT WATER + WATERMELON" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Watermelon-Image-v2.png?v=1766602281&width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Watermelon-Image-v2.png?v=1766602281&width=700 700w" width="700" height="700" class="media-style"> 1759 </div><div class="mt-2 text-center"> 1760 PURE COCONUT WATER + WATERMELON 1761 </div> 1762 </a> 1763</div> 1764 1765 </li><li class="text-base"><div> 1766 <a href="/products/pure-coconut-water-16-6oz"><div class=""> 1767 <img src="//100coconuts.com/cdn/shop/files/100CNT-16oz-ProductCards.webp?v=1714656020&width=700" alt="PURE COCONUT WATER 16.6oz" srcset="//100coconuts.com/cdn/shop/files/100CNT-16oz-ProductCards.webp?v=1714656020&width=352 352w, //100coconuts.com/cdn/shop/files/100CNT-16oz-ProductCards.webp?v=1714656020&width=700 700w" width="700" height="573" class="media-style"> 1768 </div><div class="mt-2 text-center"> 1769 PURE COCONUT WATER 16.6oz 1770 </div> 1771 </a> 1772</div> 1773 1774 </li><li class="text-base"><div> 1775 <a href="/products/variety-hydration-pack-12-pack"><div class=""> 1776 <img src="//100coconuts.com/cdn/shop/files/100-Coconuts-Variety-Hydration-12-Pack-Case-Side-A-product-page.png?v=1766259513&width=700" alt="100 Coconuts Variety Pack (11oz Cans)" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Variety-Hydration-12-Pack-Case-Side-A-product-page.png?v=1766259513&width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Variety-Hydration-12-Pack-Case-Side-A-product-page.png?v=1766259513&width=700 700w" width="700" height="700" class="media-style"> 1777 </div><div class="mt-2 text-center"> 1778 100 Coconuts Variety Pack (11oz Cans) 1779 </div> 1780 </a> 1781</div> 1782 1783 </li> 1784 </ul> 1785 1786 </div> 1787 </div> 1788 1789 </li> 1790 1791 1792 1793 <li class="text-lg lg:text-xl" style="--first-delay-tap: 1;"> 1794 1795 <a class="block font-heading py-2.5" href="/pages/variety-pack-pre-order"> 1796 VARIETY PACK 1797 </a> 1798 1799 </li> 1800 1801 1802 1803 <li class="text-lg lg:text-xl" style="--first-delay-tap: 2;"> 1804 1805 <div 1806 x-data=" 1807 { 1808 expanded: false 1809 } 1810 " 1811 > 1812 <button 1813 class="w-full flex flex-row justify-between items-center font-heading py-2.5 text-left" 1814 @click="expanded = ! expanded" 1815 :aria-expanded="expanded" 1816 >
1817 <span>LEARN</span> 1818 <div class="ml-auto"> 1819 <span class="w-3 h-3 block" :class="{'rotate-180': expanded}"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 1820<path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1821</svg> 1822 </span> 1823 </div> 1824 </button> 1825 <div x-show="expanded" x-collapse> 1826 1827 <ul class="pb-5 text-base font-main"> 1828 1829 � 1830 <li class="my-3 text-base" style="--second-delay-tap: 1;"> 1831 1832 <a class="" href="/pages/our-story"> 1833 WHY COCONUTS 1834 </a> 1835 1836 </li> 1837 1838 � 1839 <li class="my-3 text-base" style="--second-delay-tap: 2;"> 1840 1841 <a class="" href="/pages/faqs"> 1842 FAQs 1843 </a> 1844 1845 </li> 1846 1847 </ul> 1848 1849 </div> 1850 </div> 1851 1852 </li> 1853 1854 1855 1856 <li class="text-lg lg:text-xl" style="--first-delay-tap: 3;"> 1857 1858 <a class="block font-heading py-2.5" href="/pages/store-locator"> 1859 STORE LOCATOR 1860 </a> 1861 1862 </li> 1863 1864 </ul> 1865 1866 1867 <div class="mt-5 space-y-5"> 1868 <ul class="space-y-1.5"> 1869 1870 <li> 1871 <a href="https://100coconuts.com/customer_authentication/redirect?locale=en&region_country=US" id="customer_login_link">Log in</a> 1872 </li> 1873 <li> 1874 <a href="https://shopify.com/69052268762/account?locale=en®ion_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJjOGFkMGQtMi5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTE5MzkxMzMsIm5iZiI6MTc5MTMzNDMzM30.xAL9tVrCNsQfDzcVyuPB3VUguiKMvzvZjxPsJNZbhDc" id="customer_register_link">Create account</a> 1875 </li> 1876 1877 </ul> 1878 �</div> 1879 1880 </div> 1881</template> 1882 1883 1884 1885 </div> 1886</div></div> 1887 1888 1889 1890 1891 <div class="hidden lg:block"> 1892 1893 <nav role="navigation"> 1894 <ul x-ref="navigation" class="flex flex-wrap -mx-2.5 justify-start items-center text-base "> 1895 <li class="inline-block no-js-focus-wrapper h-full"> 1896 <button class="items-stretch h-full relative font-main px-2.5 py-5 flex items-center transition normal-case" 1897 :class="{'text-scheme-text': menuOpen.menu0 }" 1898 @click="openMenu(0)" 1899 x-bind:aria-expanded="menuOpen.menu0? true: 'false'" 1900 aria-controls="menu0"> 1901 <span x-cloak :class="{'opacity-100': menuOpen.menu0, 'opacity-0': !menuOpen.menu0, 'h-screen -translate-y-1/2': !navWrapped }" class="bg-scheme-card absolute inset-0 z-0 pointer-events-none" ></span> 1902 <span class="flex h-full items-center relative text-left"> 1903 <span class="inline-block pr-1">SHOP</span> 1904 <span class="inline-block w-2 h-2 align-middle svg-scale mr-1 transform origin-center rotate transition-transform duration-150 ml-1" :class="{'rotate-180': menuOpen.menu0}"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 1905<path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1906</svg> 1907 </span> 1908 </span> 1909 </button> 1910 <div class="no-js-focus-container absolute left-0 bottom-0 w-full py-section-vertical-spacing px-section transform translate-y-[calc(100%-var(--drop-down-offset))] z-100 max-h-three-quarters-screen-height overflow-hidden overflow-y-auto bg-scheme-card text-scheme-text" 1911 id="menu0" 1912 x-cloak 1913 x-show="menuOpen.menu0" 1914 x-transition:enter="transition ease duration-200" 1915 x-transition:enter-start="opacity-0" 1916 x-transition:enter-end="opacity-100" 1917 x-transition:leave="transition ease duration-00" 1918 x-transition:leave-start="opacity-100" 1919 x-transition:leave-end="opacity-0" 1920 data-header-dropdown 1921 @focusout="focusOut($event, 'menu0')" 1922 @click.away.prevent="menuOpen.menu0 = false"> 1923 1924 <ul class="grid grid-cols-1 lg:grid-cols-12 lg:gap-10 grid-flow-row-dense text-left"> 1925 1926 1927 1928 1929 1930 1931 1932 1933 1934 1935 1936 1937 1938 1939 1940 1941<li class="lg:col-span-2 -mt-2"> 1942 1943<a href="/pages/shop-now" class="-mx-5 text-base inline-block font-body px-5 py-1"> 1944 Shop All 1945 </a> 1946 </li> 1947 1948 1949 1950 1951 1952 <li class="lg:col-span-2 lg:col-end-11 -mt-2"><div> 1953 <a href="/products/pure-coconut-water-mango"><div class=""> 1954 <img src="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Mango-Image-v2.png?v=1766603739&width=700" alt="PURE COCONUT WATER + MANGO" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Mango-Image-v2.png?v=1766603739&width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Mango-Image-v2.png?v=1766603739&width=700 700w" width="700" height="700" class="media-style"> 1955 </div><div class="mt-2 text-center"> 1956 PURE COCONUT WATER + MANGO 1957 </div> 1958 </a> 1959</div> 1960 1961 </li> 1962 1963 <li class="lg:col-span-2 lg:col-end-13 -mt-2"><div> 1964 <a href="/products/pure-coconut-water"><div class=""> 1965 <img src="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pure-Image-v2.png?v=1766603173&width=700" alt="PURE COCONUT WATER 11oz" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pure-Image-v2.png?v=1766603173&width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pure-Image-v2.png?v=1766603173&width=700 700w" width="700" height="700" class="media-style"> 1966 </div><div class="mt-2 text-center"> 1967 PURE COCONUT WATER 11oz 1968 </div> 1969 </a> 1970</div> 1971 1972 </li> 1973 1974 <li class="lg:col-span-2 lg:col-end-11 -mt-2"><div> 1975 <a href="/products/pure-coconut-water-pineapple"><div class=""> 1976 <img src="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pineapple-Image-v2.png?v=1766602826&width=700" alt="PURE COCONUT WATER + PINEAPPLE" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pineapple-Image-v2.png?v=1766602826&width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pineapple-Image-v2.png?v=1766602826&width=700 700w" width="700" height="700" class="media-style"> 1977 </div><div class="mt-2 text-center"> 1978 PURE COCONUT WATER + PINEAPPLE 1979 </div> 1980 </a> 1981</div> 1982 1983 </li> 1984 1985 <li class="lg:col-span-2 lg:col-end-13 -mt-2"><div> 1986 <a href="/products/pure-coconut-water-watermelon"><div class=""> 1987 <img src="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Watermelon-Image-v2.png?v=1766602281&width=700" alt="PURE COCONUT WATER + WATERMELON" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Watermelon-Image-v2.png?v=1766602281&width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Watermelon-Image-v2.png?v=1766602281&width=700 700w" width="700" height="700" class="media-style"> 1988 </div><div class="mt-2 text-center"> 1989 PURE COCONUT WATER + WATERMELON 1990 </div> 1991 </a> 1992</div> 1993 1994 </li> 1995 1996 <li class="lg:col-span-2 lg:col-end-11 -mt-2"><div> 1997 <a href="/products/pure-coconut-water-16-6oz"><div class=""> 1998 <img src="//100coconuts.com/cdn/shop/files/100CNT-16oz-ProductCards.webp?v=1714656020&width=700" alt="PURE COCONUT WATER 16.6oz" srcset="//100coconuts.com/cdn/shop/files/100CNT-16oz-ProductCards.webp?v=1714656020&width=352 352w, //100coconuts.com/cdn/shop/files/100CNT-16oz-ProductCards.webp?v=1714656020&width=700 700w" width="700" height="573" class="media-style"> 1999 </div><div class="mt-2 text-center"> 2000 PURE COCONUT WATER 16.6oz 2001 </div> 2002 </a> 2003</div> 2004 2005 </li> 2006 2007 <li class="lg:col-span-2 lg:col-end-13 -mt-2"><div> 2008 <a href="/products/variety-hydration-pack-12-pack"><div class=""> 2009 <img src="//100coconuts.com/cdn/shop/files/100-Coconuts-Variety-Hydration-12-Pack-Case-Side-A-product-page.png?v=1766259513&width=700" alt="100 Coconuts Variety Pack (11oz Cans)" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Variety-Hydration-12-Pack-Case-Side-A-product-page.png?v=1766259513&width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Variety-Hydration-12-Pack-Case-Side-A-product-page.png?v=1766259513&width=700 700w" width="700" height="700" class="media-style"> 2010 </div><div class="mt-2 text-center"> 2011 100 Coconuts Variety Pack (11oz Cans) 2012 </div> 2013 </a> 2014</div> 2015 2016 </li> 2017 2018 2019 </ul> 2020 2021 </div> 2022 2023 </li> 2024 2025 <li class="inline-block no-js-focus-wrapper h-full"> 2026 <a href="/pages/variety-pack-pre-order" class="font-main px-2.5 py-5 flex items-center transition normal-case"> 2027 VARIETY PACK 2028 </a> 2029 2030 </li> 2031 2032 <li class="inline-block no-js-focus-wrapper h-full"> 2033 <button class="items-stretch h-full relative font-main px-2.5 py-5 flex items-center transition normal-case" 2034 :class="{'text-scheme-text': menuOpen.menu1 }" 2035 @click="openMenu(1)" 2036 x-bind:aria-expanded="menuOpen.menu1? true: 'false'" 2037 aria-controls="menu1">
2038 <span x-cloak :class="{'opacity-100': menuOpen.menu1, 'opacity-0': !menuOpen.menu1, 'h-screen -translate-y-1/2': !navWrapped }" class="bg-scheme-card absolute inset-0 z-0 pointer-events-none" ></span> 2039 <span class="flex h-full items-center relative text-left"> 2040 <span class="inline-block pr-1">LEARN</span> 2041 <span class="inline-block w-2 h-2 align-middle svg-scale mr-1 transform origin-center rotate transition-transform duration-150 ml-1" :class="{'rotate-180': menuOpen.menu1}"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 2042<path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2043</svg> 2044 </span> 2045 </span> 2046 </button> 2047 <div class="no-js-focus-container absolute left-0 bottom-0 w-full py-section-vertical-spacing px-section transform translate-y-[calc(100%-var(--drop-down-offset))] z-100 max-h-three-quarters-screen-height overflow-hidden overflow-y-auto bg-scheme-card text-scheme-text" 2048 id="menu1" 2049 x-cloak 2050 x-show="menuOpen.menu1" 2051 x-transition:enter="transition ease duration-200" 2052 x-transition:enter-start="opacity-0" 2053 x-transition:enter-end="opacity-100" 2054 x-transition:leave="transition ease duration-00" 2055 x-transition:leave-start="opacity-100" 2056 x-transition:leave-end="opacity-0" 2057 data-header-dropdown 2058 @focusout="focusOut($event, 'menu1')" 2059 @click.away.prevent="menuOpen.menu1 = false"> 2060 2061 <ul class="flex items-top justify-start -mx-5 text-left"> 2062 2063 2064 2065 2066<li class="px-5 -mt-2"> 2067 2068<a href="/pages/our-story" class="-mx-5 text-base inline-block font-body px-5 py-1"> 2069 WHY COCONUTS 2070 </a> 2071 </li> 2072 2073<li class="px-5 -mt-2"> 2074 2075<a href="/pages/faqs" class="-mx-5 text-base inline-block font-body px-5 py-1"> 2076 FAQs 2077 </a> 2078 </li> 2079 2080 2081 2082 </ul> 2083 2084 </div> 2085 2086 </li> 2087 2088 <li class="inline-block no-js-focus-wrapper h-full"> 2089 <a href="/pages/store-locator" class="font-main px-2.5 py-5 flex items-center transition normal-case"> 2090 STORE LOCATOR 2091 </a> 2092 2093 </li> 2094 2095 </ul> 2096 </nav> 2097 2098 2099 </div> 2100 2101 </div> 2102 2103 2104 2105 <div class="flex justify-center text-center flex-grow lg:flex-grow-0 lg:w-auto "> 2106 2107 <div class="h1 font-heading font-heading text-xl lg:text-3xl py-2.5"> 2108 2109 <a href="/" class="site-header__logo-link inline w-full"> 2110 <div style="max-width: 300px;"> 2111 <img 2112 src="//100coconuts.com/cdn/shop/files/100coconuts_2025_2026_logo.png?v=1766600128&width=300" 2113 srcset="//100coconuts.com/cdn/shop/files/100coconuts_2025_2026_logo.png?v=1766600128&width=300 1x,//100coconuts.com/cdn/shop/files/100coconuts_2025_2026_logo.png?v=1766600128&width=600 2x,//100coconuts.com/cdn/shop/files/100coconuts_2025_2026_logo.png?v=1766600128&width=900 3x" 2114 alt="100 Coconuts" 2115 width="1000" 2116 height="400" 2117 loading="eager" 2118 2119 class="text-transparent" 2120 2121 > 2122 2123 </div> 2124 </a> 2125 2126</div> 2127 2128 2129 </div> 2130 2131 2132 2133 <div class="flex flex-grow w-1/3 items-center justify-end"> 2134 2135 2136 2137 2138 <ul id="header-right-menu"> 2139 2140 <li> 2141 <a href="/pages/store-locator" title="STORE LOCATOR">STORE LOCATOR</a> 2142 </li> 2143 2144 </ul> 2145 2146 2147 2148 2149 2150 2151 2152 2153 <div class="hidden lg:block h-full"> 2154 2155 2156 <a class="font-main normal-case px-2.5 py-1 h-full flex items-center" href="https://100coconuts.com/customer_authentication/redirect?locale=en®ion_country=US">
2157 <span class="visually-hidden">Log in</span><span class="inline-block w-6 h-6 align-middle"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 2158 <path d="M13.1628 13.2558C13.1628 16.241 14.3487 19.104 16.4595 21.2149C18.5704 23.3258 21.4334 24.5116 24.4186 24.5116C27.4038 24.5116 30.2668 23.3258 32.3777 21.2149C34.4885 19.104 35.6744 16.241 35.6744 13.2558C35.6744 10.2706 34.4885 7.40763 32.3777 5.29675C30.2668 3.18588 27.4038 2 24.4186 2C21.4334 2 18.5704 3.18588 16.4595 5.29675C14.3487 7.40763 13.1628 10.2706 13.1628 13.2558V13.2558Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2159 <path d="M6 46C6 41.1151 7.94053 36.4302 11.3947 32.9761C14.8488 29.5219 19.5337 27.5814 24.4186 27.5814C29.3035 27.5814 33.9884 29.5219 37.4425 32.9761C40.8967 36.4302 42.8372 41.1151 42.8372 46H6Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2160</svg> 2161 </span></a> 2162 2163 2164 2165 </div> 2166 2167 2168 2169 <div class="flex items-center justify-end -mr-2.5 h-full"> 2170 2171 <a 2172 class="whitespace-nowrap font-main px-2.5 py-5 flex items-center transition normal-case" 2173 href="/cart" 2174 > 2175 2176<div class="relative my-auto align-middle"> 2177 <span class="inline-block w-6 h-6 fill-current align-top"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 2178 <path d="M7.84052 11.5652H43.4958C43.79 11.5652 44.0802 11.6329 44.3439 11.7633C44.6076 11.8936 44.8377 12.0831 45.0163 12.3168C45.1949 12.5506 45.3172 12.8223 45.3737 13.111C45.4301 13.3997 45.4193 13.6976 45.3419 13.9814L41.4144 28.379C41.0833 29.5936 40.362 30.6657 39.3615 31.4301C38.3611 32.1944 37.1371 32.6085 35.8781 32.6087H12.2711" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2179 <path d="M2 2H2.72313C3.60097 2.00005 4.45209 2.30195 5.13375 2.85508C5.8154 3.4082 6.28612 4.1789 6.46696 5.03791L12.8393 35.3099C13.0201 36.1689 13.4909 36.9396 14.1725 37.4927C14.8542 38.0459 15.7053 38.3478 16.5831 38.3478H38.3478" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2180 <path d="M12.5217 43.1304C12.5217 43.8915 12.8241 44.6214 13.3622 45.1595C13.9004 45.6977 14.6302 46 15.3913 46C16.1523 46 16.8822 45.6977 17.4204 45.1595C17.9585 44.6214 18.2609 43.8915 18.2609 43.1304C18.2609 42.3694 17.9585 41.6395 17.4204 41.1013C16.8822 40.5632 16.1523 40.2609 15.3913 40.2609C14.6302 40.2609 13.9004 40.5632 13.3622 41.1013C12.8241 41.6395 12.5217 42.3694 12.5217 43.1304V43.1304Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2181 <path d="M31.6522 43.1304C31.6522 43.8915 31.9545 44.6214 32.4926 45.1595C33.0308 45.6977 33.7607 46 34.5217 46C35.2828 46 36.0127 45.6977 36.5508 45.1595C37.089 44.6214 37.3913 43.8915 37.3913 43.1304C37.3913 42.3694 37.089 41.6395 36.5508 41.1013C36.0127 40.5632 35.2828 40.2609 34.5217 40.2609C33.7607 40.2609 33.0308 40.5632 32.4926 41.1013C31.9545 41.6395 31.6522 42.3694 31.6522 43.1304V43.1304Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2182</svg> 2183<span class="visually-hidden">Cart </span> 2184 </span><span class="visually-hidden">items</span> 2185 </div> 2186 </a> 2187 2188 2189 </div> 2190 2191 2192 2193 </div> 2194 </div> 2195 </div> 2196 </div> 2197 </div> 2198</header> 2199<noscript> 2200 <style> 2201 .no-js-focus-wrapper:focus-within > .no-js-focus-container { 2202 display: block !important; 2203 } 2204 </style> 2205</noscript> 2206 2207 2208 <style> 2209 .logo-image { 2210 display: block; 2211 max-width: 300px; 2212 } 2213 </style> 2214
2215<script src="//100coconuts.com/cdn/shop/t/3/assets/modules-predictive-search.bundle.min.js?v=100006850133386087801709232268" type="module"></script>
2215 2216 2217
2218<script type="application/ld+json"> 2219{ 2220 "@context": "http://schema.org", 2221 "@type": "Organization", 2222 "name": "100 Coconuts", 2223 2224 2225 "logo": "https:\/\/100coconuts.com\/cdn\/shop\/files\/100coconuts_2025_2026_logo.png?v=1766600128\u0026width=1000", 2226 2227 "sameAs": [ 2228 null, 2229 null, 2230 null, 2231 null, 2232 null, 2233 null, 2234 null, 2235 null, 2236 null, 2237 null, 2238 null, 2239 null, 2240 null, 2241 null, 2242 null, 2243 null, 2244 null 2245 ], 2246 "url": "https:\/\/100coconuts.com" 2247} 2248</script>
2248 2249 2250 2251 2252 <style data-shopify> 2253#header-right-menu { 2254 display: none; /* Hide by default */ 2255} 2256 @media (min-width: 990px) { 2257#headerBorderWrap #header-right-menu { 2258 display: flex; 2259} 2260 #headerBorderWrap #header-right-menu li { 2261 margin-left: 12px; 2262 margin-right: 12px; 2263 } 2264 } 2265 /*Navbar dark button*/ 2266 #menu0 ul { 2267 display: flex; 2268 align-items: center; 2269} 2270#menu0 ul li:first-child { 2271 order: 10; 2272 width: 400px; 2273 margin-left: auto; 2274} 2275 2276#menu0 ul li:first-child a { 2277 padding: .75rem 1rem; 2278 border-radius: 53px; 2279 background: #000; 2280 color: #fff; 2281 text-transform: uppercase; 2282 2283} 2284#menu0 ul li:first-child a:hover { 2285 transform: translatey(-5px); 2286} 2287 2288#left-drawer-slot .mt-5 li:first-child .font-main a { 2289 padding: .75rem 1rem; 2290 border-radius: 53px; 2291 background: #000; 2292 color: #fff; 2293 text-transform: uppercase; 2294 2295} 2296.sidebar-nav .text-base li { 2297 margin-top: 30px; 2298} 2299 /*Hide 2 left link buttons on desktop*/ 2300@media (min-width: 990px) { 2301 nav > ul > li:nth-child(3) > a { 2302 display: none; 2303} 2304nav > ul > li:nth-child(4) > a { 2305 display: none; 2306} 2307} 2308 </style> 2309 2310 2311 2312<style> #shopify-section-sections--17537817215194__header #menu0 ul li:first-child {display: block; margin-top: auto; margin-bottom: auto;} #shopify-section-sections--17537817215194__header #menu0 ul {display: flex; align-items: flex-start;} </style></div> 2313<!-- END sections: header-group -->
2313<script> 2314 const calculateHeaderHeights = () => { 2315 const headerGroupHeights = []; 2316 2317 document 2318 .querySelectorAll( 2319 '.shopify-section-group-header-group:not(.has-no-height)' 2320 ) 2321 .forEach((headerGroupSectionEl) => { 2322 headerGroupHeights.push( 2323 headerGroupSectionEl.getBoundingClientRect().height 2324 ); 2325 }); 2326 2327 document.documentElement.style.setProperty( 2328 '--header-group-height', 2329 `${headerGroupHeights.reduce((subtotal, a) => subtotal + a, 0)}px` 2330 ); 2331 }; 2332 2333 calculateHeaderHeights(); 2334 2335 const debouncedCalculateHeaderHeights = debounce(calculateHeaderHeights, 300); 2336 2337 window.addEventListener('resize', debouncedCalculateHeaderHeights); 2338</script>
2338 2339 2340<style> 2341 #MainContent 2342 > .shopify-section.banner-section:first-child 2343 .banner-section-content--pt.pt-screen-height { 2344 padding-top: calc(100vh - var(--header-group-height)); 2345 } 2346 2347 #MainContent 2348 > .shopify-section.banner-section:first-child 2349 .banner-section-content--h.h-screen { 2350 height: calc(100vh - var(--header-group-height)); 2351 } 2352 2353 @media (min-width: 990px) { 2354 #MainContent 2355 > .shopify-section.banner-section:first-child 2356 .banner-section-content--h.lg\:h-screen { 2357 height: calc(100vh - var(--header-group-height)); 2358 } 2359 2360 #MainContent 2361 > .shopify-section.banner-section:first-child 2362 .banner-section-content--h.lg\:h-auto { 2363 height: auto; 2364 } 2365 2366 #MainContent 2367 > .shopify-section.banner-section:first-child 2368 .banner-section-content--h.lg\:h-full { 2369 height: 100%; 2370 } 2371 } 2372</style> 2373 2374 <main id="MainContent"><div data-color-scheme="primary" class="bg-scheme-background text-scheme-text"><div id="shopify-section-template--17537816854746__cart" class="shopify-section"> 2375<section class="text-scheme-text bg-scheme-background relative overflow-hidden overflow-hidden" data-color-scheme="primary" > 2376 <div class="section-content py-section-vertical-spacing px-section max-w-5xl mx-auto"> 2377 <div class="text-scheme-text card-container"> 2378 <div class="card p-5 lg:p-10"> 2379 <h1 class="text-center font-heading heading-feature heading-style none">Your cart</h1> 2380 <div class="mt-5 lg:mt-10"> 2381 <div 2382 x-data="ThemeModule_CartItems" 2383 data-cart-items 2384 class="flex-auto flex flex-col " 2385> 2386 2387 2388 <div class="py-5 text-center"> 2389 <p>Your cart is currently empty.</p> 2390 </div> 2391 2392</div> 2393<p class="sr-only" id="cart-live-region-text" aria-live="polite" role="status" aria-hidden="true">TODO: $0.00 USD</p> 2394 2395 <div 2396 x-data="ThemeModule_CartFooter" 2397 data-cart-footer 2398> 2399 2400</div> 2401 2402 </div> 2403 </div> 2404 2405 </div> 2406 </div> 2407</section> 2408 2409</div></div> 2410 </main><!-- BEGIN sections: footer-group --> 2411<div id="shopify-section-sections--17537817182426__footer" class="shopify-section shopify-section-group-footer-group section-footer mt-auto"><footer 2412 class="relative text-scheme-text bg-scheme-background py-section-vertical-spacing px-section " 2413 data-color-scheme="secondary" 2414 data-section-id="sections--17537817182426__footer" 2415 data-section-type="footer" 2416> 2417 <div class="section-content relative z-10 max-w-site mx-auto"> 2418 2419 2420 <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-theme py-section-vertical-spacing half-bottom-padding"> 2421 <div class="lg:col-span-2 space-y-5"> 2422 2423 <div class="flex items-center justify-center "> 2424 <a href="/" class="footer-logo-image break-words"> 2425 2426<img 2427 src="//100coconuts.com/cdn/shop/files/100coconuts_2025_2026_logo.png?v=1766600128&width=300" 2428 srcset="//100coconuts.com/cdn/shop/files/100coconuts_2025_2026_logo.png?v=1766600128&width=300 1x, //100coconuts.com/cdn/shop/files/100coconuts_2025_2026_logo.png?v=1766600128&width=600 2x" 2429 width="300x" 2430 height="auto" 2431 loading="lazy" 2432 alt="100 Coconuts" 2433 > 2434 </a> 2435 </div> 2436 2437 </div> 2438 2439 <!-- Menus Blocks --><!-- <div class="lg:col-span-1 space-y-5"></div> --> 2440 <div class="lg:col-span-7 space-y-5"> 2441 <div class="flex footer-link-container justify-start gap-10 lg:justify-start"> 2442 <div class="grow"> 2443 2444 2445 <h2 class="font-heading text-base mb-4 break-all">Shop</h2> 2446 2447 <ul class="list-none space-y-2.5"> 2448 2449 <li> 2450 <a href="/pages/shop-now" class="hover:text-scheme-accent-1 break-words"> 2451 Shop Drinks 2452 </a> 2453 </li> 2454 2455 <li> 2456 <a href="/pages/store-locator" class="hover:text-scheme-accent-1 break-words"> 2457 Store Locator 2458 </a> 2459 </li> 2460 2461 </ul> 2462 </div> 2463 <div class="grow"> 2464 2465 2466 <h2 class="font-heading text-base mb-4 break-all">Learn</h2> 2467 2468 <ul class="list-none space-y-2.5"> 2469 2470 <li> 2471 <a href="/pages/our-story" class="hover:text-scheme-accent-1"> 2472 Why Coconuts 2473 </a> 2474 </li> 2475 2476 <li> 2477 <a href="/pages/faqs" class="hover:text-scheme-accent-1"> 2478 FAQs 2479 </a> 2480 </li> 2481 2482 </ul> 2483 </div> 2484 <div class="grow"> 2485 2486 2487 <h2 class="font-heading text-base mb-4 break-all">Get in Touch</h2> 2488 2489 <ul class="list-none space-y-2.5"> 2490 2491 <li> 2492 <a href="/pages/contact" class="hover:text-scheme-accent-1"> 2493 Contact Us 2494 </a> 2495 </li> 2496 2497 <li> 2498 <a href="/pages/ambassadors" class="hover:text-scheme-accent-1"> 2499 Ambassadors 2500 </a> 2501 </li> 2502 2503 <li> 2504 <a href="/pages/contact" class="hover:text-scheme-accent-1"> 2505 Wholesale 2506 </a> 2507 </li> 2508 2509 </ul> 2510 </div> 2511 <div class="grow "> 2512 2513 2514 <h2 class="font-heading text-base mb-4 break-all">Help</h2> 2515 2516 <ul class="list-none space-y-2.5"> 2517 2518 <li> 2519 <a href="/pages/faqs#shopify-section-template--17731892674778__faq_7d9XtH" class="hover:text-scheme-accent-1"> 2520 Shipping and Returns 2521 </a> 2522 </li> 2523 2524 <li> 2525 <a href="/pages/privacy-policy" class="hover:text-scheme-accent-1"> 2526 Privacy Policy 2527 </a> 2528 </li> 2529 2530 <li> 2531 <a href="/pages/terms-of-service" class="hover:text-scheme-accent-1"> 2532 Terms & Conditions 2533 </a> 2534 </li> 2535 2536 </ul> 2537 </div></div> 2538 </div> 2539 <!-- <div class="lg:col-span-1 space-y-5"></div> --> 2540 2541<div class="lg:col-span-3 space-y-5 newsletter-col"> 2542 <div><h2 class="font-heading heading-secondary mb-5">Join the club</h2><div class="klaviyo-form-XK6a4e"></div> 2543 2544 </div> 2545 </div></div> 2546 2547 <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-theme " style="padding-bottom: var(--section-vertical-spacing);"> 2548 <div class="lg:col-span-9 space-y-5"></div><div class="lg:col-span-3 space-y-5 social-icons"><ul class="flex flex-wrap -mx-2 -mt-2 justify-end lg:justify-end"> 2549 2550 2551 2552 2553 2554 <li class="mx-2 mt-2"> 2555 <a class="inline-block hover:text--accent-1" href="https://www.facebook.com/100coconuts/"> 2556 Facebook 2557 </a> 2558 </li> 2559 2560 2561 2562 2563 2564 2565 2566 <li class="mx-2 mt-2"> 2567 <a class="inline-block hover:text--accent-1" href="https://twitter.com/100_coconuts"> 2568 Twitter 2569 </a> 2570 </li> 2571 2572 2573 2574 2575 2576 2577 2578 2579 2580 2581 2582 <li class="mx-2 mt-2"> 2583 <a class="inline-block hover:text--accent-1" href="https://www.instagram.com/100coconuts/"> 2584 Instagram 2585 </a> 2586 </li> 2587 2588 2589 2590 2591 2592 2593 2594 2595 2596 2597 2598 <li class="mx-2 mt-2"> 2599 <a class="inline-block hover:text--accent-1" href="https://www.tiktok.com/@100coconuts"> 2600 TikTok 2601 </a> 2602 </li> 2603 2604 2605 2606 2607 2608 2609 2610 2611 2612 2613 2614 2615 2616 2617 2618 2619 2620 2621 2622 2623 2624 2625 2626 2627 2628 2629 2630 2631 2632 2633 2634 2635 2636 2637 2638 2639 2640 2641 2642 2643 2644 2645 2646</ul> 2647</div></div> 2648 2649 <div class="text-scheme-text md:flex justify-between section-content-top-margin copyright"> 2650 <div class="lg:w-1/3"> 2651 <p class="text-sm">© 2026, <a href="/">One Hundred Coconuts, LLC</a>.</p> 2652 </div><div class="mt-10 lg:mt-0 flex flex-wrap items-center justify-between lg:justify-end lg:w-1/3 mb-4 lg:mb-0"><form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data" data-disclosure-form=""><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="/cart" /><div class="inline-block "> 2653 <h2 class="visually-hidden" id="country-heading"> 2654 Country/region 2655 </h2> 2656 <div class="relative" data-disclosure-country> 2657 <button 2658 type="button" 2659 class="disclosure-btn text-sm border-b-text border-scheme-text py-1 flex items-center" 2660 aria-expanded="false" 2661 aria-controls="country-list" 2662 aria-describedby="country-heading" 2663 data-disclosure-toggle 2664 >
2665 <span>United States (USD 2666 $)</span 2667 > 2668 <span class="chevron-down inline-block ml-2 w-3 fill-current"> 2669 <svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 2670<path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2671</svg> 2672 2673 </span> 2674 <span class="chevron-up inline-block ml-2 w-3 fill-current transform rotate-180"> 2675 <svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 2676<path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2677</svg> 2678 2679 </span> 2680 </button> 2681 <ul 2682 id="country-list" 2683 class="disclosure-list absolute bg-scheme-card top-0 left-0 lg:left-auto lg:right-0 transform transition-opacity py-2" 2684 data-disclosure-list 2685 inert 2686 > 2687 2688 <li class="text-sm w-40"> 2689 <a 2690 class="block p-2" 2691 href="#" 2692 2693 data-value="GB" 2694 data-disclosure-option 2695 > 2696 <span class="border-transparent border-b-text">United Kingdom (GBP 2697 £)</span 2698 > 2699 </a> 2700 </li> 2701 <li class="text-sm w-40"> 2702 <a 2703 class="block p-2" 2704 href="#" 2705 2706 aria-current="true" 2707 2708 data-value="US" 2709 data-disclosure-option 2710 > 2711 <span class="border-scheme-text border-b-text">United States (USD 2712 $)</span 2713 > 2714 </a> 2715 </li></ul> 2716 <input 2717 type="hidden" 2718 name="country_code" 2719 id="CountrySelector" 2720 value="US" 2721 data-disclosure-input 2722 > 2723 </div> 2724 </div></form></div></div> 2725 </div> 2726 2727 2728 2729 2730 2731 2732 2733 2734 2735 <div class="footer-clouds-wrapper"> 2736 2737 <div class="footer-cloud f-cloud-1"> 2738 <img 2739 src="//100coconuts.com/cdn/shop/files/footer-cloud-01_300x.webp?v=1713744207" 2740 srcset="//100coconuts.com/cdn/shop/files/footer-cloud-01_300x.webp?v=1713744207 1x, //100coconuts.com/cdn/shop/files/footer-cloud-01_526x.webp?v=1713744207 2x" 2741 width="300" 2742 height="auto" 2743 loading="lazy" 2744 alt="Cloud 1" 2745 > 2746 </div> 2747 2748 2749 <div class="footer-cloud f-cloud-2"> 2750 <img 2751 src="//100coconuts.com/cdn/shop/files/footer-cloud-02_400x.webp?v=1713744542" 2752 srcset="//100coconuts.com/cdn/shop/files/footer-cloud-02_400x.webp?v=1713744542 1x, //100coconuts.com/cdn/shop/files/footer-cloud-02_526x.webp?v=1713744542 2x" 2753 width="400" 2754 height="auto" 2755 loading="lazy" 2756 alt="Cloud 2" 2757 > 2758 </div> 2759 2760 2761 <div class="footer-cloud f-cloud-3"> 2762 <img 2763 src="//100coconuts.com/cdn/shop/files/footer-cloud-03_380x.webp?v=1713744552" 2764 srcset="//100coconuts.com/cdn/shop/files/footer-cloud-03_380x.webp?v=1713744552 1x, //100coconuts.com/cdn/shop/files/footer-cloud-03_526x.webp?v=1713744552 2x" 2765 width="380" 2766 height="auto" 2767 loading="lazy" 2768 alt="Cloud 3" 2769 > 2770 </div> 2771 2772 2773 <div class="footer-cloud f-cloud-4"> 2774 <img 2775 src="//100coconuts.com/cdn/shop/files/footer-cloud-04_420x.webp?v=1713744564" 2776 srcset="//100coconuts.com/cdn/shop/files/footer-cloud-04_420x.webp?v=1713744564 1x, //100coconuts.com/cdn/shop/files/footer-cloud-04_526x.webp?v=1713744564 2x" 2777 width="420" 2778 height="auto" 2779 loading="lazy" 2780 alt="Cloud 4" 2781 > 2782 </div> 2783 2784 2785 <div class="footer-cloud f-cloud-5"> 2786 <img 2787 src="//100coconuts.com/cdn/shop/files/footer-cloud-05_300x.webp?v=1713744576" 2788 srcset="//100coconuts.com/cdn/shop/files/footer-cloud-05_300x.webp?v=1713744576 1x, //100coconuts.com/cdn/shop/files/footer-cloud-05_510x.webp?v=1713744576 2x" 2789 width="300" 2790 height="auto" 2791 loading="lazy" 2792 alt="Cloud 5" 2793 > 2794 </div> 2795 2796 </div> 2797</footer> 2798
2798<script src="//100coconuts.com/cdn/shop/t/3/assets/sections-footer.bundle.min.js?v=165345289835534809381709232269" type="module"></script>
2798 2799 2800<style data-shopify> 2801 .fullbleed-image-coconut { 2802 margin-top: 75px; 2803 } 2804 .copyright {justify-content: center;} 2805 2806 .footer-clouds-wrapper { 2807 position: absolute; 2808 top: 0; 2809 right: 0; 2810 left: 0; 2811 bottom: 0; 2812 } 2813 footer .section-content .py-section-vertical-spacing:first-child { 2814 padding-top: 9rem; 2815 } 2816 .shopify-section-group-footer-group > .shape-divider {z-index: 1;} 2817 .footer-cloud.f-cloud-1 { 2818 display: flex; 2819 margin-top: -50px; 2820 z-index: 2; 2821 position: absolute; 2822 } 2823 .footer-cloud.f-cloud-2 { 2824 display: flex; 2825 margin-top: -50px; 2826 right: 20rem; 2827 z-index: 2; 2828 position: absolute; 2829 } 2830 .footer-cloud.f-cloud-3 { 2831 display: flex; 2832 bottom: 0px; 2833 left: 0; 2834 z-index: 2; 2835 position: absolute; 2836 } 2837 .footer-cloud.f-cloud-4 { 2838 display: flex; 2839 bottom: 0px; 2840 right: 0; 2841 z-index: 2; 2842 position: absolute; 2843 } 2844 .footer-cloud.f-cloud-5 { 2845 display: flex; 2846 bottom: 0px; 2847 right: 0; 2848 z-index: 2; 2849 position: absolute; 2850 } 2851 .lg\:flex.items-center.justify-center.form-fields-wrapper { 2852 flex-direction: column; 2853 align-items: flex-end; 2854 row-gap: 15px; 2855 } 2856 .form-fields-wrapper .w-full.lg\:mr-2.flex-grow { 2857 margin-right: 0; 2858 } 2859 .form-fields-wrapper input[type=email] { 2860 background: #ffffff; 2861 border: solid 2px; 2862 font-weight: bold; 2863 text-align: center; 2864 } 2865 .form-fields-wrapper .push-btn span {font-weight: bold;} 2866 .social-icons a[href="https://www.facebook.com/100coconuts/"] { 2867 background-image: url('//100coconuts.com/cdn/shop/t/3/assets/facebook-social-icon.svg?v=55738364336065442361713790766'); 2868 background-repeat: no-repeat; 2869 background-size: contain; 2870 height: 30px; 2871 width: 30px; 2872 font-size: 0px; 2873 display: flex; 2874 } 2875 .social-icons a[href="https://twitter.com/100_coconuts"] { 2876 background-image: url('//100coconuts.com/cdn/shop/t/3/assets/x-social-icon.svg?v=114975674604641712171713960687'); 2877 background-repeat: no-repeat; 2878 background-size: contain; 2879 height: 30px; 2880 width: 30px; 2881 font-size: 0px; 2882 display: flex; 2883 } 2884 .social-icons a[href="https://www.instagram.com/100coconuts/"] { 2885 background-image: url('//100coconuts.com/cdn/shop/t/3/assets/instagram-social-icon.svg?v=167314039503830502741713790742'); 2886 background-repeat: no-repeat; 2887 background-size: contain; 2888 height: 30px; 2889 width: 30px; 2890 font-size: 0px; 2891 display: flex; 2892 } 2893 .social-icons a[href="https://www.tiktok.com/@100coconuts"] { 2894 background-image: url('//100coconuts.com/cdn/shop/t/3/assets/tiktok-social-icon.svg?v=80663611930239911661713960693'); 2895 background-repeat: no-repeat; 2896 background-size: contain; 2897 height: 30px; 2898 width: 30px; 2899 font-size: 0px; 2900 display: flex; 2901 } 2902 .py-section-vertical-spacing.half-bottom-padding { 2903 padding-bottom: 2rem; 2904 } 2905 .klaviyo-form-XK6a4e input[type="email"] { 2906 text-align: center!important; 2907 border-width: 3px!important; 2908 font-weight: 900!important; 2909 text-transform: uppercase!important; 2910 font-family: inherit!important; 2911 letter-spacing: 0.25px!important; 2912 } 2913 .newsletter-col .heading-secondary { 2914 text-align: right; 2915 } 2916 .klaviyo-form-XK6a4e [data-testid="form-row"]:last-child { 2917 justify-content: flex-end!important; 2918 } 2919 .klaviyo-form-XK6a4e [data-testid="form-row"]:last-child button { 2920 padding: 0px 30px!important; 2921 text-transform: uppercase!important; 2922 font-weight: 900!important; 2923 font-family: inherit!important; 2924 letter-spacing: 0.25px!important; 2925 } 2926 .footer-link-container .grow h2 { 2927 white-space: pre; 2928 } 2929 @media (max-width:989px) { 2930 .footer-cloud.f-cloud-2 { 2931 right: 0; 2932 } 2933 .newsletter-col .heading-secondary { 2934 text-align: left; 2935 } 2936 .klaviyo-form-XK6a4e [data-testid="form-row"]:last-child { 2937 justify-content: flex-start !important; 2938 } 2939 } 2940 @media (max-width: 768px){ 2941 .fullbleed-image-coconut { 2942 margin-top: 40px; 2943 } 2944 .footer-cloud.f-cloud-2 { 2945 display: none; 2946 } 2947 .footer-cloud.f-cloud-1 { 2948 width: 12rem; 2949 margin-top: 30px; 2950 } 2951 .footer-cloud.f-cloud-5 { 2952 display: none; 2953 } 2954 2955 @media (max-width: 480px) { 2956 #shopify-section-sections--17537817182426__footer .footer-link-container { 2957 display: flex!important; 2958 flex-direction: column!important; 2959 } 2960 } 2961 .fullbleed-image-coconut img{ 2962 width: 100%; 2963 } 2964 2965 /*footer link responsive*/ 2966 @media (max-width: 825px) { 2967 #shopify-section-sections--17537817182426__footer .footer-link-container { 2968 display: grid; 2969 grid-template-rows: 1fr 1fr; 2970 grid-template-columns: 1fr 1fr; 2971 justify-items: center; 2972 } 2973 #shopify-section-sections--17537817182426__footer .footer-link-container .grow { 2974 width: 100%; 2975 } 2976} 2977 2978 2979</style> 2980 2981<style> #shopify-section-sections--17537817182426__footer .footer-clouds-wrapper {margin-top: -50px; z-index: 20;} #shopify-section-sections--17537817182426__footer .lg\:col-span-3 {z-index: 29;} #shopify-section-sections--17537817182426__footer .section-content {position: relative; z-index: 21;} #shopify-section-sections--17537817182426__footer li.mx-2.mt-2:has(> a[href="https://twitter.com/100_coconuts"]){display: none; /* This hides the <li> element including the margin */} </style></div> 2982<!-- END sections: footer-group --><!-- BEGIN sections: overlay-group --> 2983 2984<!-- END sections: overlay-group -->
2984<div id="screenreader-announce" class="sr-only" aria-live="polite" role="status"></div> 2985 2986 <ul hidden> 2987 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> 2988 <li id="a11y-selection-message">Press the space key then arrow keys to make a selection.</li> 2989 </ul> 2990 2991 2992 <aside x-data> 2993 <template x-teleport="body"> 2994 <div 2995 x-show="$store.modals.leftDrawer.open" 2996 @keydown.escape.prevent.stop="$store.modals.close('leftDrawer')" 2997 @click="$store.modals.close('leftDrawer')" 2998 class="fixed inset-0 z-50" 2999 data-color-scheme="primary" 3000 id="modals-leftDrawer" 3001 @left-drawer-is-open.window="setTimeout(() => { $focus.first() }, 120)" 3002 > 3003 <div x-show="$store.modals.leftDrawer.open" 3004 x-transition:enter="transition ease-out duration-300" 3005 x-transition:enter-start="opacity-0" 3006 x-transition:enter-end="opacity-100" 3007 x-transition:leave="transition ease-in duration-300" 3008 x-transition:leave-start="opacity-100" 3009 x-transition:leave-end="opacity-0" 3010 class="fixed inset-0 bg-scheme-text/75" 3011 ><!-- Overlay --></div> 3012 <div 3013 x-show="$store.modals.leftDrawer.open" 3014 x-transition:enter="transition ease-out duration-300" 3015 x-transition:enter-start="-translate-x-full" 3016 x-transition:enter-end="translate-x-0" 3017 x-transition:leave="transition ease-in duration-300" 3018 x-transition:leave-start="translate-x-0" 3019 x-transition:leave-end="-translate-x-full" 3020 class="h-full w-full drawer-transition-host" 3021 > 3022 <div 3023 @click.stop 3024 x-trap.noscroll.inert="$store.modals.leftDrawer.open" 3025 class="relative w-11/12 md:w-7/12 lg:w-5/12 h-full bg-scheme-background text-scheme-text mr-auto overflow-y-auto border-r-section border-border" 3026 id="left-drawer-slot" 3027 role="dialog" 3028 aria-modal="true" 3029 :aria-label="getModalLabel('leftDrawer', $el)" 3030 tabindex="-1" 3031 > 3032 <!-- Modal content is teleported here --> 3033 </div> 3034 </div> 3035 </div> 3036 </template> 3037</aside> 3038 3039 <aside x-data> 3040 <template x-teleport="body"> 3041 <div 3042 x-show="$store.modals.rightDrawer.open" 3043 @keydown.escape.prevent.stop="$store.modals.close('rightDrawer')" 3044 @click="$store.modals.close('rightDrawer')" 3045 class="fixed inset-0 z-50" 3046 data-color-scheme="primary" 3047 id="modals-rightDrawer" 3048 @right-drawer-is-open.window="setTimeout(() => { $focus.first() }, 120)" 3049 > 3050 <div x-show="$store.modals.rightDrawer.open" 3051 x-transition:enter="transition ease-out duration-300" 3052 x-transition:enter-start="opacity-0" 3053 x-transition:enter-end="opacity-100" 3054 x-transition:leave="transition ease-in duration-300" 3055 x-transition:leave-start="opacity-100" 3056 x-transition:leave-end="opacity-0" 3057 class="fixed inset-0 bg-scheme-text/75" 3058 ><!-- Overlay --></div> 3059 <div 3060 x-show="$store.modals.rightDrawer.open" 3061 x-transition:enter="transition ease-out duration-300" 3062 x-transition:enter-start="translate-x-full" 3063 x-transition:enter-end="translate-x-0" 3064 x-transition:leave="transition ease-in duration-300" 3065 x-transition:leave-start="translate-x-0" 3066 x-transition:leave-end="translate-x-full" 3067 class="h-full w-full" 3068 > 3069 <div 3070 @click.stop 3071 x-trap.noscroll.inert="$store.modals.rightDrawer.open" 3072 class="relative w-11/12 md:w-7/12 lg:w-5/12 h-full bg-scheme-background ml-auto overflow-hidden border-l-section border-border" 3073 id="right-drawer-slot" 3074 role="dialog" 3075 aria-modal="true" 3076 :aria-label="getModalLabel('rightDrawer', $el)" 3077 tabindex="-1" 3078 > 3079 <!-- Modal content is teleported here --> 3080 </div> 3081 </div> 3082 </div> 3083 </template> 3084</aside> 3085 3086 <aside x-data> 3087 <template x-teleport="body"> 3088 <div 3089 x-show="$store.modals.modal.open" 3090 @keydown.escape.prevent.stop="$store.modals.close('modal')" 3091 class="fixed inset-0 z-40" 3092 id="modals-modal" 3093 @modal-is-open.window="setTimeout(() => { $focus.first() }, 120)" 3094 > 3095 <div id="modal-slot"></div> 3096 </div> 3097 </template> 3098</aside> 3099 3100
3100<script src="//100coconuts.com/cdn/shop/t/3/assets/modals.js?v=160051358362553771071709232268" type="module"></script>
3100 3101 3102 3103<div x-data="ThemeModule_ModalCart({openOnAddToCart: true})" x-cloak> 3104 <div> 3105 <template x-teleport="#right-drawer-slot"> 3106 <div x-show="$store.modals.rightDrawer.contents === 'cart'" class="max-h-full flex flex-col h-screen overflow-hidden" :data-modal-label="$store.modals.rightDrawer.contents === 'cart'? 'Your cart' : false"> 3107 <div class="relative flex items-center justify-between pt-5 pb-2.5 px-section"> 3108 <h2 class="font-heading text-base lg:text-xl" class="" tabindex="-1"> 3109 Your cart 3110 <span class="sr-only"> 3111 - 3112 <span x-text="$store.cart_count.countWithText()"></span> 3113 </span> 3114 </h2> 3115 <button @click.prevent="$store.modals.close('cart')" class="block top-0"> 3116 <span class="sr-only">Close (esc)</span> 3117 <span class="inline-block w-5 h-5"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 3118 <path d="M46 2L2 46" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 3119 <path d="M46 46L2 2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 3120</svg></span> 3121 </button> 3122 </div> 3123 <div class="flex-auto flex flex-col overflow-hidden"> 3124 <div 3125 x-data="ThemeModule_CartItems" 3126 data-cart-items 3127 class="flex-auto flex flex-col " 3128> 3129 3130 3131 <div class="py-5 text-center"> 3132 <p>Your cart is currently empty.</p> 3133 </div> 3134 3135</div> 3136<p class="sr-only" id="cart-live-region-text" aria-live="polite" role="status" aria-hidden="true">TODO: $0.00 USD</p> 3137 3138 <div class="pt-5 pb-safe-bottom relative px-section"> 3139 <div class="-translate-y-full h-16 w-full bg-gradient-to-t from-scheme-background to-transparent absolute top-0 left-0 right-0 pointer-events-none"></div> 3140 <div 3141 x-data="ThemeModule_CartFooter" 3142 data-cart-footer 3143> 3144 3145</div> 3146 3147 </div> 3148 </div> 3149 </div> 3150 </template> 3151 </div> 3152</div>
3153<script src="//100coconuts.com/cdn/shop/t/3/assets/modal-cart.js?v=136095141966072940001709232268" type="module"></script>
3153 3154 3155<span 3156 class="junip-store-key" 3157 data-store-key="xBr3kBrTqpaNZWUgXARrZgHM" 3158 data-onsite-enabled="true" 3159 data-review-count-enabled="true" 3160 data-star-color="#121212" 3161 data-star-template-url="https://api.juniphq.com/images/star_options/4/template"> 3162</span> 3163 3164 <!-- Userway --> 3165
3165<script> 3166 (function(d){ 3167 var s = d.createElement("script"); 3168 /* uncomment the following line to override default position*/ 3169 s.setAttribute("data-position", 3); 3170 /* uncomment the following line to override default size (values: small, large)*/ 3171 /* s.setAttribute("data-size", "small");*/ 3172 /* uncomment the following line to override default language (e.g., fr, de, es, he, nl, etc.)*/ 3173 /* s.setAttribute("data-language", "language");*/ 3174 /* uncomment the following line to override color set via widget (e.g., #053f67)*/ 3175 /* s.setAttribute("data-color", "#053e67");*/ 3176 /* uncomment the following line to override type set via widget (1=person, 2=chair, 3=eye, 4=text)*/ 3177 /* s.setAttribute("data-type", "1");*/ 3178 /* s.setAttribute("data-statement_text:", "Our Accessibility Statement");*/ 3179 /* s.setAttribute("data-statement_url", "http://www.example.com/accessibility")";*/ 3180 /* uncomment the following line to override support on mobile devices*/ 3181 /* s.setAttribute("data-mobile", true);*/ 3182 /* uncomment the following line to set custom trigger action for accessibility menu*/ 3183 /* s.setAttribute("data-trigger", "triggerId")*/ 3184 s.setAttribute("data-account", "tqePVeCsJr"); 3185 s.setAttribute("src", "https://cdn.userway.org/widget.js"); 3186 (d.body || d.head).appendChild(s); 3187 })(document) 3188 </script>
3188 3189 <noscript>Please ensure Javascript is enabled for purposes of <a href="https://userway.org">website accessibility</a></noscript> 3190 3191
3191<script> 3192 document.addEventListener('DOMContentLoaded', function() { 3193 var buttons = document.querySelectorAll('button'); 3194 buttons.forEach(function(button) { 3195 var span = button.querySelector('span'); 3196 if (span && span.textContent.trim() === 'Sold Out') { 3197 button.style.display = 'none'; 3198 } 3199 }); 3200 }); 3201 </script>
3201 3202 3203 3204 <style> .loop-subscription-group-selling-plans-container {margin-top: 0px !important;} .loop-full-width.loop-subscription-group loop-subscription-group-border-top loop-selected-selling-plan-group {line-height: 21.6px;} [class^="sticker-sold-out-sticker-"] {display: none;} </style> 3205<div id="shopify-block-AYU1uNGdwRjVma1l1U__16017602894386113438" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: junip-store-key --><span 3206 class="junip-store-key" 3207 data-supports-theme-extensions="true" 3208 data-shopify-preview-mode="true" 3209 data-store-key="xBr3kBrTqpaNZWUgXARrZgHM" 3210 data-onsite-enabled="true" 3211 data-review-count-enabled="true" 3212 data-star-color="#121212" 3213 data-star-template-url="https://api.juniphq.com/images/star_options/4/template"> 3214</span> 3215<!-- END app snippet -->
3216<script src="https://scripts.juniphq.com/v1/junip_shopify.js" async></script>
3216 3217</div>
3217<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
3217 3218</body> 3219 </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.