PageSourceSearch

https://100coconuts.com/cart

html 100coconuts.com collected 2026-10-07 00:52:14 UTC 155,607 bytes, 3,219 lines download raw bytes

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 &ndash; 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 &amp; 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 &amp; 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&amp;width=700" alt="PURE COCONUT WATER + MANGO" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Mango-Image-v2.png?v=1766603739&amp;width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Mango-Image-v2.png?v=1766603739&amp;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&amp;width=700" alt="PURE COCONUT WATER 11oz" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pure-Image-v2.png?v=1766603173&amp;width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pure-Image-v2.png?v=1766603173&amp;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&amp;width=700" alt="PURE COCONUT WATER + PINEAPPLE" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pineapple-Image-v2.png?v=1766602826&amp;width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pineapple-Image-v2.png?v=1766602826&amp;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&amp;width=700" alt="PURE COCONUT WATER + WATERMELON" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Watermelon-Image-v2.png?v=1766602281&amp;width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Watermelon-Image-v2.png?v=1766602281&amp;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&amp;width=700" alt="PURE COCONUT WATER 16.6oz" srcset="//100coconuts.com/cdn/shop/files/100CNT-16oz-ProductCards.webp?v=1714656020&amp;width=352 352w, //100coconuts.com/cdn/shop/files/100CNT-16oz-ProductCards.webp?v=1714656020&amp;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&amp;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&amp;width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Variety-Hydration-12-Pack-Case-Side-A-product-page.png?v=1766259513&amp;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&amp;region_country=US" id="customer_login_link">Log in</a>
1647          </li>
1648          <li>
1649            <a href="https://shopify.com/69052268762/account?locale=en&region_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&amp;width=700" alt="PURE COCONUT WATER + MANGO" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Mango-Image-v2.png?v=1766603739&amp;width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Mango-Image-v2.png?v=1766603739&amp;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&amp;width=700" alt="PURE COCONUT WATER 11oz" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pure-Image-v2.png?v=1766603173&amp;width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pure-Image-v2.png?v=1766603173&amp;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&amp;width=700" alt="PURE COCONUT WATER + PINEAPPLE" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pineapple-Image-v2.png?v=1766602826&amp;width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pineapple-Image-v2.png?v=1766602826&amp;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&amp;width=700" alt="PURE COCONUT WATER + WATERMELON" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Watermelon-Image-v2.png?v=1766602281&amp;width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Watermelon-Image-v2.png?v=1766602281&amp;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&amp;width=700" alt="PURE COCONUT WATER 16.6oz" srcset="//100coconuts.com/cdn/shop/files/100CNT-16oz-ProductCards.webp?v=1714656020&amp;width=352 352w, //100coconuts.com/cdn/shop/files/100CNT-16oz-ProductCards.webp?v=1714656020&amp;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&amp;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&amp;width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Variety-Hydration-12-Pack-Case-Side-A-product-page.png?v=1766259513&amp;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&amp;region_country=US" id="customer_login_link">Log in</a>
1872            </li>
1873            <li>
1874              <a href="https://shopify.com/69052268762/account?locale=en&region_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&amp;width=700" alt="PURE COCONUT WATER + MANGO" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Mango-Image-v2.png?v=1766603739&amp;width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Mango-Image-v2.png?v=1766603739&amp;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&amp;width=700" alt="PURE COCONUT WATER 11oz" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pure-Image-v2.png?v=1766603173&amp;width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pure-Image-v2.png?v=1766603173&amp;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&amp;width=700" alt="PURE COCONUT WATER + PINEAPPLE" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pineapple-Image-v2.png?v=1766602826&amp;width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Pineapple-Image-v2.png?v=1766602826&amp;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&amp;width=700" alt="PURE COCONUT WATER + WATERMELON" srcset="//100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Watermelon-Image-v2.png?v=1766602281&amp;width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Refreshed-Label-Website-Watermelon-Image-v2.png?v=1766602281&amp;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&amp;width=700" alt="PURE COCONUT WATER 16.6oz" srcset="//100coconuts.com/cdn/shop/files/100CNT-16oz-ProductCards.webp?v=1714656020&amp;width=352 352w, //100coconuts.com/cdn/shop/files/100CNT-16oz-ProductCards.webp?v=1714656020&amp;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&amp;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&amp;width=352 352w, //100coconuts.com/cdn/shop/files/100-Coconuts-Variety-Hydration-12-Pack-Case-Side-A-product-page.png?v=1766259513&amp;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&region_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">&copy; 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.