``` <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="theme-color" content="">
    <link rel="canonical" href="https://keywestcandlecompany.com/collections/frontpage?page=3">
    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin><link rel="icon" type="image/png" href="//keywestcandlecompany.com/cdn/shop/files/The_KeyWest_32x32.png?v=1613769564"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
      Home page
 &ndash; Page 3 &ndash; Key West Candle &amp; Bath Co. </title>

    

    

<meta property="og:site_name" content="Key West Candle &amp; Bath Co. ">
<meta property="og:url" content="https://keywestcandlecompany.com/collections/frontpage?page=3">
<meta property="og:title" content="Home page">
<meta property="og:type" content="product.group">
<meta property="og:description" content="A Florida-based, woman-owned small business specializing in hand-poured soy candles inspired by coastal living. Founded by a third-generation Floridian, our boutique candle line captures the scents and soul of the Florida Keys—from sun-drenched beaches to island breezes. "><meta property="og:image" content="http://keywestcandlecompany.com/cdn/shop/files/Key_West_Experiences.png?v=1743234850">
  <meta property="og:image:secure_url" content="https://keywestcandlecompany.com/cdn/shop/files/Key_West_Experiences.png?v=1743234850">
  <meta property="og:image:width" content="918">
  <meta property="og:image:height" content="1228"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Home page">
<meta name="twitter:description" content="A Florida-based, woman-owned small business specializing in hand-poured soy candles inspired by coastal living. Founded by a third-generation Floridian, our boutique candle line captures the scents and soul of the Florida Keys—from sun-drenched beaches to island breezes. ">


    <script src="//keywestcandlecompany.com/cdn/shop/t/10/assets/global.js?v=134895141903428787311743530727" defer="defer"></script>
    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="nvx7uzqc0noizvfq7k3si9iqoz5kby">
<meta name="google-site-verification" content="3LyOI5_0GfWdM6EbgpJRM07qF31gFZQgZmstS7pzii8">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/19287015490/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="4c5b3533f44715d9fb8c2051a47d2b23">
<meta id="in-context-paypal-metadata" data-shop-id="19287015490" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/frontpage.atom" />
<link rel="prev" href="/collections/frontpage?page=2">
<link rel="alternate" type="application/json+oembed" href="https://keywestcandlecompany.com/collections/frontpage.oembed?page=3">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=19287015490" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":19287015490,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/19287015490","merchantName":"Key West Candle \u0026 Bath Co. ","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Key West Candle \u0026 Bath Co. ","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"4c5b3533f44715d9fb8c2051a47d2b23","betas":["rich-media-storefront-analytics"],"domain":"keywestcandlecompany.com","predictiveSearch":true,"shopId":19287015490,"smart_payment_buttons_url":"https:\/\/keywestcandlecompany.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/keywestcandlecompany.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "key-west-candle-co.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Copy of updated website ","id":141996490889,"schema_name":"Dawn","schema_version":"2.5.0","theme_store_id":887,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "keywestcandlecompany.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<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>
<script>window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_DZQYbrHp.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js"],"init-windoid":["modules/v2/client.init-windoid_C6Y-p5hs.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_BfPvppnU.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js","modules/v2/chunk.modal_sYd6knDY.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_CNQYcYAa.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_DET7ueM-.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_DCgzbysk.en.esm.js","modules/v2/client.shop-login-button_jwmCktJd.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js","modules/v2/chunk.modal_sYd6knDY.esm.js"],"pay-button":["modules/v2/client.pay-button_BwjdDntS.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_2xXLLPqh.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js","modules/v2/chunk.modal_sYd6knDY.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_BWFGsxvA.en.esm.js","modules/v2/client.shop-login-button_jwmCktJd.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js","modules/v2/chunk.modal_sYd6knDY.esm.js"],"lead-capture":["modules/v2/client.lead-capture_DnudBYM4.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js","modules/v2/chunk.modal_sYd6knDY.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_B7P8auxA.en.esm.js","modules/v2/client.shop-login-button_jwmCktJd.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js","modules/v2/chunk.modal_sYd6knDY.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_wW55zbHR.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js","modules/v2/chunk.modal_sYd6knDY.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_jwmCktJd.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js","modules/v2/chunk.modal_sYd6knDY.esm.js"],"payment-terms":["modules/v2/client.payment-terms_mPzvk92Q.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js","modules/v2/chunk.modal_sYd6knDY.esm.js"]};
</script>
<script>(function() {
  function asyncLoad() {
    var urls = ["https:\/\/cdn.autoketing.org\/sdk-cdn\/sales-pop\/dist\/sales-pop-embed.js?t=1741965542395890451\u0026shop=key-west-candle-co.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":19287015490,"offset":-14400,"reqid":"9675594c-2091-41de-b6ca-b2d3dae0a4c8-1745706770","pageurl":"keywestcandlecompany.com\/collections\/frontpage?page=3","u":"f89cb1e2a591","p":"collection","rtyp":"collection","rid":151316627522};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<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.2.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>
<script integrity="sha256-w1TMG8bx+vw+BuOfT7Dh2avfdjByyjlNYGyp9vJB5oo=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//keywestcandlecompany.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-c354cc1bc6f1fafc3e06e39f4fb0e1d9abdf763072ca394d606ca9f6f241e68a.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//keywestcandlecompany.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script>
<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://keywestcandlecompany.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  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);
</script>
<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})}}));
</script>
<script id='scb4127' type='text/javascript' async='' src='https://keywestcandlecompany.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><script id="sections-script" data-sections="header,footer" defer="defer" src="//keywestcandlecompany.com/cdn/shop/t/10/compiled_assets/scripts.js?646"></script>
<link rel="stylesheet" media="screen" href="https://keywestcandlecompany.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">

<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  <script id="vopo-head">(function () { if (((document.documentElement.innerHTML.includes('asyncLoad') && !document.documentElement.innerHTML.includes('\\/obscure' + '-escarpment-2240')) || (window.bcpo && bcpo.disabled)) && !window.location.href.match(/[&?]yesbcpo/)) return; var script = document.createElement('script'); script.src = "https://obscure-escarpment-2240.herokuapp.com/js/best_custom_product_options.js?shop=key-west-candle-co.myshopify.com"; var vopoHead = document.getElementById('vopo-head'); vopoHead.parentNode.insertBefore(script, vopoHead); })();</script>

    <style data-shopify>
      @font-face {
  font-family: Assistant;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//keywestcandlecompany.com/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=a2V5d2VzdGNhbmRsZWNvbXBhbnkuY29t&h2=a2V5LXdlc3QtY2FuZGxlLWNvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h3=a2V5d2VzdGNhbmRsZWFuZGJhdGhjby5jb20&hmac=9567e8ccc92224b11731354cdb057aa3293ab102760860658a9f06083163c041") format("woff2"),
       url("//keywestcandlecompany.com/cdn/fonts/assistant/assistant_n4.a2d012304becc2a26f1ded1acc136fcab85c9afd.woff?h1=a2V5d2VzdGNhbmRsZWNvbXBhbnkuY29t&h2=a2V5LXdlc3QtY2FuZGxlLWNvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h3=a2V5d2VzdGNhbmRsZWFuZGJhdGhjby5jb20&hmac=e1131f803fa48c729bc7c1389c6273ae88be248d8d213dee2f1e9af66bac438f") format("woff");
}

      @font-face {
  font-family: Assistant;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//keywestcandlecompany.com/cdn/fonts/assistant/assistant_n7.3335c7bdaddf2501ddab87cdbd9be98f3870e10d.woff2?h1=a2V5d2VzdGNhbmRsZWNvbXBhbnkuY29t&h2=a2V5LXdlc3QtY2FuZGxlLWNvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h3=a2V5d2VzdGNhbmRsZWFuZGJhdGhjby5jb20&hmac=447ab0a9453205bf3a83fa9d970b5f3d1dc7fd6352db8ea36d765d07ad43ecb8") format("woff2"),
       url("//keywestcandlecompany.com/cdn/fonts/assistant/assistant_n7.7c85f5c5cc1555de92cc7ef2790ee3cffe5237f5.woff?h1=a2V5d2VzdGNhbmRsZWNvbXBhbnkuY29t&h2=a2V5LXdlc3QtY2FuZGxlLWNvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h3=a2V5d2VzdGNhbmRsZWFuZGJhdGhjby5jb20&hmac=8a014b003b4ea593c36868e1e8a59d44d843054db3e4e23884e75f540c923fc3") format("woff");
}

      
      
      @font-face {
  font-family: Assistant;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//keywestcandlecompany.com/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=a2V5d2VzdGNhbmRsZWNvbXBhbnkuY29t&h2=a2V5LXdlc3QtY2FuZGxlLWNvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h3=a2V5d2VzdGNhbmRsZWFuZGJhdGhjby5jb20&hmac=9567e8ccc92224b11731354cdb057aa3293ab102760860658a9f06083163c041") format("woff2"),
       url("//keywestcandlecompany.com/cdn/fonts/assistant/assistant_n4.a2d012304becc2a26f1ded1acc136fcab85c9afd.woff?h1=a2V5d2VzdGNhbmRsZWNvbXBhbnkuY29t&h2=a2V5LXdlc3QtY2FuZGxlLWNvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h3=a2V5d2VzdGNhbmRsZWFuZGJhdGhjby5jb20&hmac=e1131f803fa48c729bc7c1389c6273ae88be248d8d213dee2f1e9af66bac438f") format("woff");
}


      :root {
        --font-body-family: Assistant, sans-serif;
        --font-body-style: normal;
        --font-body-weight: 400;

        --font-heading-family: Assistant, sans-serif;
        --font-heading-style: normal;
        --font-heading-weight: 400;

        --font-body-scale: 1.15;
        --font-heading-scale: 1.3043478260869565;

        --color-base-text: 18, 18, 18;
        --color-base-background-1: 255, 255, 255;
        --color-base-background-2: 243, 243, 243;
        --color-base-solid-button-labels: 255, 255, 255;
        --color-base-outline-button-labels: 119, 178, 218;
        --color-base-accent-1: 132, 180, 212;
        --color-base-accent-2: 51, 79, 180;
        --payment-terms-background-color: #ffffff;

        --gradient-base-background-1: #ffffff;
        --gradient-base-background-2: #f3f3f3;
        --gradient-base-accent-1: linear-gradient(84deg, rgba(249, 249, 249, 1) 11%, rgba(255, 77, 187, 1) 52%, rgba(249, 249, 249, 1) 96%);
        --gradient-base-accent-2: #334fb4;

        --page-width: 160rem;
        --page-width-margin: 2rem;
      }

      *,
      *::before,
      *::after {
        box-sizing: inherit;
      }

      html {
        box-sizing: border-box;
        font-size: calc(var(--font-body-scale) * 62.5%);
        height: 100%;
      }

      body {
        display: grid;
        grid-template-rows: auto auto 1fr auto;
        grid-template-columns: 100%;
        min-height: 100%;
        margin: 0;
        font-size: 1.5rem;
        letter-spacing: 0.06rem;
        line-height: calc(1 + 0.8 / var(--font-body-scale));
        font-family: var(--font-body-family);
        font-style: var(--font-body-style);
        font-weight: var(--font-body-weight);
      }

      @media screen and (min-width: 750px) {
        body {
          font-size: 1.6rem;
        }
      }
    </style>

    <link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/base.css?v=66804525312252619961743530727" rel="stylesheet" type="text/css" media="all" />
<link rel="preload" as="font" href="//keywestcandlecompany.com/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=a2V5d2VzdGNhbmRsZWNvbXBhbnkuY29t&h2=a2V5LXdlc3QtY2FuZGxlLWNvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h3=a2V5d2VzdGNhbmRsZWFuZGJhdGhjby5jb20&hmac=9567e8ccc92224b11731354cdb057aa3293ab102760860658a9f06083163c041" type="font/woff2" crossorigin><link rel="preload" as="font" href="//keywestcandlecompany.com/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=a2V5d2VzdGNhbmRsZWNvbXBhbnkuY29t&h2=a2V5LXdlc3QtY2FuZGxlLWNvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h3=a2V5d2VzdGNhbmRsZWFuZGJhdGhjby5jb20&hmac=9567e8ccc92224b11731354cdb057aa3293ab102760860658a9f06083163c041" type="font/woff2" crossorigin><link rel="stylesheet" href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-predictive-search.css?v=10425135875555615991743530727" media="print" onload="this.media='all'"><script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
    if (Shopify.designMode) {
      document.documentElement.classList.add('shopify-design-mode');
    }
    </script>
  <!-- BEGIN app block: shopify://apps/drip-email-marketing-popup/blocks/drip_shopify_snippet/0c4de56d-b2fa-4621-acea-6293bc16aba8 --><!-- Drip -->
<script type="text/javascript">
  var _dcq = _dcq || [];
  var _dcs = _dcs || {};

  (function() {
    var dc = document.createElement('script');

    dc.type = 'text/javascript'; dc.async = true;
    
      dc.src = 'https://tag.getdrip.com/2570050.js';
    
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(dc, s);
  })();

  

  
</script>
<!-- end Drip -->


<!-- END app block --><!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core -->


<link rel="dns-prefetch" href="https://cdnwidget.judge.me">
<link rel="dns-prefetch" href="https://cdn.judge.me">
<link rel="dns-prefetch" href="https://cdn1.judge.me">
<link rel="dns-prefetch" href="https://api.judge.me">

<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Be the first to write a review","widget_name_field_text":"Name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Enter your name (public)","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Enter your email (private)","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review","widget_review_body_placeholder_text":"Write your comments here","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank you! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","verified_badge_text":"Verified","verified_badge_placement":"left-of-reviewer-name","widget_hide_border":false,"widget_social_share":false,"all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_product_name_prefix_text":"about","enable_review_pictures":true,"widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_write_a_store_review_text":"Write a Store Review","widget_other_languages_heading":"Reviews in Other Languages","widget_sorting_pictures_first_text":"Pictures First","floating_tab_button_name":"★ Reviews","floating_tab_title":"Let customers speak for us","floating_tab_url":"","floating_tab_url_enabled":false,"all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","all_reviews_text_badge_url":"","all_reviews_text_style":"branded","all_reviews_text_show_jm_brand":false,"featured_carousel_title":"What our customers are saying ","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_url":"","featured_carousel_arrows_on_the_sides":true,"featured_carousel_image_size":1000,"verified_count_badge_style":"branded","verified_count_badge_url":"","picture_reminder_submit_button":"Upload Pictures","widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","remove_microdata_snippet":true,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","remove_judgeme_branding":true,"widget_search_bar_placeholder":"Search reviews","widget_sorting_verified_only_text":"Verified only","featured_carousel_show_date":true,"featured_carousel_verified_badge_enable":true,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_more_text":"Load More Reviews","widget_advanced_speed_features":5,"widget_public_name_text":"displayed publicly like","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_verified_by_shop_text":"Verified by Shop","widget_load_with_code_splitting":true,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subtitle":"Tag us to see your picture featured in our page","widget_ugc_primary_button_text":"Buy Now","widget_ugc_secondary_button_text":"Load More","widget_ugc_reviews_button_text":"View Reviews","widget_primary_color":"#EC77D8","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_verified_by_judgeme_text":"Verified by Judge.me","widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":false,"widget_collected_by_judgeme_text":"collected by Judge.me","widget_load_more_text":"Load More","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","how_reviews_are_collected":"How reviews are collected?","widget_gdpr_statement":"How we use your data: We’ll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me’s \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#339999","all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":false,"platform":"shopify","branding_url":"https://app.judge.me/reviews","branding_text":"Powered by Judge.me","locale":"en","reply_name":"Key West Candle \u0026 Bath Co. ","widget_version":"3.0","footer":true,"autopublish":false,"review_dates":true,"enable_custom_form":false,"enable_multi_locales_translations":false,"can_be_branded":false,"reply_name_text":"Key West Candle \u0026 Bath Co. "};</script> <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #EC77D8;--jdgm-secondary-color: rgba(236,119,216,0.1);--jdgm-star-color: #EC77D8;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #EC77D8;--jdgm-paginate-color: #EC77D8;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #EC77D8}.jdgm-histogram__bar-content{background-color:#EC77D8}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#EC77D8}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#399}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'Key West Candle &amp; Bath Co. '}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )}
</style> <style class='jdgm-settings-style'></style>

  
  
  
  <style class='jdgm-miracle-styles'>
  @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-spinner:empty{display:block}.jdgm-prev-badge{display:block !important}

</style>


  
  
   


<script data-cfasync='false' class='jdgm-script'>
!function(e){window.jdgm=window.jdgm||{},jdgm.CDN_HOST="https://cdnwidget.judge.me/",
jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)?
setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){
!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d),
(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!",
a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))},
jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest;
t.onreadystatechange=function(){4===t.readyState&&(Function(t.response)(),d&&d(t.response))},
t.open("GET",e),t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll(
".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting?
parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_HOST+"widget_v3/base.css"):
jdgm.loadCSS(jdgm.CDN_HOST+"widget/base.css"):jdgm.loadCSS(jdgm.CDN_HOST+"shopify_v2.css"),
jdgm.loadJS(jdgm.CDN_HOST+"loader.js"))}))}(document);
</script>
<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdnwidget.judge.me/shopify_v2.css"></noscript>

<!-- BEGIN app snippet: theme_fix_tags --><script>
  (function() {
    var jdgmThemeFixes = null;
    if (!jdgmThemeFixes) return;
    var thisThemeFix = jdgmThemeFixes[Shopify.theme.id];
    if (!thisThemeFix) return;

    if (thisThemeFix.html) {
      document.addEventListener("DOMContentLoaded", function() {
        var htmlDiv = document.createElement('div');
        htmlDiv.classList.add('jdgm-theme-fix-html');
        htmlDiv.innerHTML = thisThemeFix.html;
        document.body.append(htmlDiv);
      });
    };

    if (thisThemeFix.css) {
      var styleTag = document.createElement('style');
      styleTag.classList.add('jdgm-theme-fix-style');
      styleTag.innerHTML = thisThemeFix.css;
      document.head.append(styleTag);
    };

    if (thisThemeFix.js) {
      var scriptTag = document.createElement('script');
      scriptTag.classList.add('jdgm-theme-fix-script');
      scriptTag.innerHTML = thisThemeFix.js;
      document.head.append(scriptTag);
    };
  })();
</script>
<!-- END app snippet -->
<!-- End of Judge.me Core -->




<!-- END app block --><script src="https://cdn.shopify.com/extensions/a709df43-2b56-4860-a235-7464f28603e2/codeinspire-accessibility-tool-12/assets/sa-widget.js" type="text/javascript" defer="defer"></script>
<link href="https://cdn.shopify.com/extensions/a709df43-2b56-4860-a235-7464f28603e2/codeinspire-accessibility-tool-12/assets/sa-widget.css" rel="stylesheet" type="text/css" media="all">
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);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: 19287015490,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "collection"};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>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=function(){var e={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:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-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:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-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+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:m,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 19287015490,storefrontBaseUrl: "https://keywestcandlecompany.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"844497033","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"AW-16971301790\\\",\\\"GT-NMDFFTTW\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"AW-16971301790\\/Q9DJCMac7rIaEJ6Hxpw_\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"AW-16971301790\\/Sk4yCMal7rIaEJ6Hxpw_\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"AW-16971301790\\/OvKQCM-c7rIaEJ6Hxpw_\\\",\\\"MC-7EXV2DSBQP\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"AW-16971301790\\/v92KCMOc7rIaEJ6Hxpw_\\\",\\\"MC-7EXV2DSBQP\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"AW-16971301790\\/cj3iCMyc7rIaEJ6Hxpw_\\\",\\\"MC-7EXV2DSBQP\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"AW-16971301790\\/0DGgCMml7rIaEJ6Hxpw_\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"AW-16971301790\\/kjrPCMmc7rIaEJ6Hxpw_\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"5eac266b39be96dbf2c723365d038540","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"801767561","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"68b8680723165f6a69598ed4c4fa97ea","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "com",initData: {"shop":{"name":"Key West Candle \u0026 Bath Co. ","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"key-west-candle-co.myshopify.com","countryCode":"US","storefrontUrl":"https://keywestcandlecompany.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});webPixelsManagerAPI.publish("collection_viewed", {"collection":{"id":"151316627522","title":"Home page","productVariants":[{"price":{"amount":36.0,"currencyCode":"USD"},"product":{"title":"Driftwood + Lavender  12 oz. Candle","vendor":"Key West Candle Co.","id":"8030998102153","untranslatedTitle":"Driftwood + Lavender  12 oz. Candle","url":"/products/driftwood-lavender","type":"candles"},"id":"43776920387721","image":null,"sku":null,"title":"432.00","untranslatedTitle":"432.00"},{"price":{"amount":36.0,"currencyCode":"USD"},"product":{"title":"Butterfly Kisses - Honey Dew \u0026 Strawberries  12 oz.  Candle","vendor":"Key West Candle Co.","id":"8030993481865","untranslatedTitle":"Butterfly Kisses - Honey Dew \u0026 Strawberries  12 oz.  Candle","url":"/products/butterfly-kisses-honey-dew-strawberries","type":"candles"},"id":"43776920223881","image":{"src":"//keywestcandlecompany.com/cdn/shop/files/12oz-glass-vessel-with-bamboo-lid-140080.jpg?v=1741959341"},"sku":null,"title":"432.00","untranslatedTitle":"432.00"},{"price":{"amount":36.0,"currencyCode":"USD"},"product":{"title":"Blue Heaven - Pancakes + Maple Syrup  12 oz.  Candle","vendor":"Key West Candle Co.","id":"8030991450249","untranslatedTitle":"Blue Heaven - Pancakes + Maple Syrup  12 oz.  Candle","url":"/products/blue-heaven-pancakes-maple-syrup","type":"candles"},"id":"43776783188105","image":{"src":"//keywestcandlecompany.com/cdn/shop/products/12oz-glass-vessel-with-bamboo-lid-344234.jpg?v=1741959342"},"sku":null,"title":"432.00","untranslatedTitle":"432.00"}]}});},"https://keywestcandlecompany.com/cdn","fe9401c6w6fcd3e4fp464410b4m1f17cd9f",{"modern":"","legacy":""},{"shopId":"19287015490","storefrontBaseUrl":"https://keywestcandlecompany.com","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[]","isMerchantRequest":"false","hashVersion":"fe9401c6w6fcd3e4fp464410b4m1f17cd9f"});</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"products":[{"id":8030998102153,"gid":"gid:\/\/shopify\/Product\/8030998102153","vendor":"Key West Candle Co.","type":"candles","variants":[{"id":43776920387721,"price":3600,"name":"Driftwood + Lavender  12 oz. Candle - 432.00","public_title":"432.00","sku":null}]},{"id":8030993481865,"gid":"gid:\/\/shopify\/Product\/8030993481865","vendor":"Key West Candle Co.","type":"candles","variants":[{"id":43776920223881,"price":3600,"name":"Butterfly Kisses - Honey Dew \u0026 Strawberries  12 oz.  Candle - 432.00","public_title":"432.00","sku":null}]},{"id":8030991450249,"gid":"gid:\/\/shopify\/Product\/8030991450249","vendor":"Key West Candle Co.","type":"candles","variants":[{"id":43776783188105,"price":3600,"name":"Blue Heaven - Pancakes + Maple Syrup  12 oz.  Candle - 432.00","public_title":"432.00","sku":null}]}],"page":{"pageType":"collection","resourceType":"collection","resourceId":151316627522}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
      var script = document.createElement('script');
      script.type = 'text/javascript';
      script.onerror = function(e) {
        var scriptFallback = document.createElement('script');
        scriptFallback.type = 'text/javascript';
        scriptFallback.onerror = function(error) {
                var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 19287015490,
      theme_id: 141996490889,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//keywestcandlecompany.com/cdn/s/trekkie.storefront.423a314223fb7e8d7c94337fcd62d7ad8c06d7a5.min.js"});

        };
        scriptFallback.async = true;
        scriptFallback.src = '//keywestcandlecompany.com/cdn/s/trekkie.storefront.423a314223fb7e8d7c94337fcd62d7ad8c06d7a5.min.js';
        first.parentNode.insertBefore(scriptFallback, first);
      };
      script.async = true;
      script.src = '//keywestcandlecompany.com/cdn/s/trekkie.storefront.423a314223fb7e8d7c94337fcd62d7ad8c06d7a5.min.js';
      first.parentNode.insertBefore(script, first);
    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":19287015490,"isMerchantRequest":null,"themeId":141996490889,"themeCityHash":"15574932981228400096","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":151316627522,"shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: frontpage","collectionName":"frontpage","collectionId":151316627522,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
      }
    });


        var eventsListenerScript = document.createElement('script');
        eventsListenerScript.async = true;
        eventsListenerScript.src = "//keywestcandlecompany.com/cdn/shopifycloud/shopify/assets/shop_events_listener-f55dd2979ec32029c7d9e0b454ab8b33f79c01ca039d17a6f5c9b95647564b19.js";
        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);

})();</script>
<script
  defer
  src="https://keywestcandlecompany.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.6.1.min.js"
  data-application="storefront-renderer"
  data-shop-id="19287015490"
  data-render-region="gcp-us-central1"
  data-page-type="collection"
  data-theme-instance-id="141996490889"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
></script>
</head>

  <body class="gradient">
    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
      Skip to content
    </a>

    <div id="shopify-section-announcement-bar" class="shopify-section"><div class="announcement-bar color-accent-1 gradient" role="region" aria-label="Announcement" ></div><div class="announcement-bar color-accent-1 gradient" role="region" aria-label="Announcement" ><p class="announcement-bar__message h5">
                WE&#39;RE ON ISLAND TIME! ORDERS SHIP IN 5-7 BUSINESS DAYS
</p></div>
</div>
    <div id="shopify-section-header" class="shopify-section"><link rel="stylesheet" href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-list-menu.css?v=161614383810958508431743530727" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-search.css?v=128662198121899399791743530727" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-menu-drawer.css?v=25441607779389632351743530727" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-cart-notification.css?v=460858370205038421743530727" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-cart-items.css?v=157471800145148034221743530727" media="print" onload="this.media='all'"><link rel="stylesheet" href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-price.css?v=5328827735059554991743530727" media="print" onload="this.media='all'">
  <link rel="stylesheet" href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-loading-overlay.css?v=167310470843593579841743530727" media="print" onload="this.media='all'"><noscript><link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-list-menu.css?v=161614383810958508431743530727" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-search.css?v=128662198121899399791743530727" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-menu-drawer.css?v=25441607779389632351743530727" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-cart-notification.css?v=460858370205038421743530727" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-cart-items.css?v=157471800145148034221743530727" rel="stylesheet" type="text/css" media="all" /></noscript>

<style>
  header-drawer {
    justify-self: start;
    margin-left: -1.2rem;
  }

  @media screen and (min-width: 990px) {
    header-drawer {
      display: none;
    }
  }

  .menu-drawer-container {
    display: flex;
  }

  .list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .list-menu--inline {
    display: inline-flex;
    flex-wrap: wrap;
  }

  summary.list-menu__item {
    padding-right: 2.7rem;
  }

  .list-menu__item {
    display: flex;
    align-items: center;
    line-height: calc(1 + 0.3 / var(--font-body-scale));
  }

  .list-menu__item--link {
    text-decoration: none;
    padding-bottom: 1rem;
    padding-top: 1rem;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
  }

  @media screen and (min-width: 750px) {
    .list-menu__item--link {
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
    }
  }
</style>

<script src="//keywestcandlecompany.com/cdn/shop/t/10/assets/details-disclosure.js?v=118626640824924522881743530727" defer="defer"></script>
<script src="//keywestcandlecompany.com/cdn/shop/t/10/assets/details-modal.js?v=4511761896672669691743530727" defer="defer"></script>
<script src="//keywestcandlecompany.com/cdn/shop/t/10/assets/cart-notification.js?v=18770815536247936311743530727" defer="defer"></script>

<svg xmlns="http://www.w3.org/2000/svg" class="hidden">
  <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/>
  </symbol>

  <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
    <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
  </symbol>
</svg>
<sticky-header class="header-wrapper color-background-1 gradient header-wrapper--border-bottom">
  <header class="header header--top-center page-width header--has-menu"><header-drawer data-breakpoint="tablet">
        <details id="Details-menu-drawer-container" class="menu-drawer-container">
          <summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="Menu">
            <span>
              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16">
  <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
</svg>

              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17">
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>

            </span>
          </summary>
          <div id="menu-drawer" class="menu-drawer motion-reduce" tabindex="-1">
            <div class="menu-drawer__inner-container">
              <div class="menu-drawer__navigation-container">
                <nav class="menu-drawer__navigation">
                  <ul class="menu-drawer__menu list-menu" role="list"><li><details id="Details-menu-drawer-menu-item-1">
                            <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                              Shop
                              <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>

                              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                            </summary>
                            <div id="link-Shop" class="menu-drawer__submenu motion-reduce" tabindex="-1">
                              <div class="menu-drawer__inner-submenu">
                                <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
                                  <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>

                                  Shop
                                </button>
                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a href="/collections/glass-vessel" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                          Glass Vessels
                                        </a></li><li><a href="/products/wax-melts" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                          Wax Melts
                                        </a></li><li><a href="/collections/travel-tins/TRAVEL-TINS" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                          Travel Tins
                                        </a></li><li><a href="/collections/resort-collection" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                          Resort Collection
                                        </a></li><li><a href="/collections/holiday-collection" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                          Holiday Collection
                                        </a></li><li><a href="/collections/bath-collection" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                          Bath
                                        </a></li></ul>
                              </div>
                            </div>
                          </details></li><li><a href="/" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                            Home
                          </a></li><li><a href="/collections/events" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                            Events
                          </a></li><li><a href="/pages/wedding-events-corporate-gift-bundles" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                            Gifts 
                          </a></li><li><a href="/pages/meet-deejay" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                            About Us
                          </a></li><li><a href="/blogs/shop-our-products/find-us-in-stores" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                            Find Us in Stores
                          </a></li><li><a href="/pages/request-a-wholesale-account-today" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                            Wholesale
                          </a></li></ul>
                </nav>
                <div class="menu-drawer__utility-links"><a href="https://keywestcandlecompany.com/customer_authentication/redirect?locale=en&region_country=US" class="menu-drawer__account link focus-inset h5">
                      <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-account" fill="none" viewBox="0 0 18 19">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
</svg>

Log in</a><ul class="list list-social list-unstyled" role="list"><li class="list-social__item">
                        <a href="https://www.facebook.com/KeyWestCandleCo" class="list-social__link link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 18 18">
  <path fill="currentColor" d="M16.42.61c.27 0 .5.1.69.28.19.2.28.42.28.7v15.44c0 .27-.1.5-.28.69a.94.94 0 01-.7.28h-4.39v-6.7h2.25l.31-2.65h-2.56v-1.7c0-.4.1-.72.28-.93.18-.2.5-.32 1-.32h1.37V3.35c-.6-.06-1.27-.1-2.01-.1-1.01 0-1.83.3-2.45.9-.62.6-.93 1.44-.93 2.53v1.97H7.04v2.65h2.24V18H.98c-.28 0-.5-.1-.7-.28a.94.94 0 01-.28-.7V1.59c0-.27.1-.5.28-.69a.94.94 0 01.7-.28h15.44z">
</svg>
<span class="visually-hidden">Facebook</span>
                        </a>
                      </li><li class="list-social__item">
                        <a href="https://www.instagram.com/keywestcandlecompany" class="list-social__link link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 18 18">
  <path fill="currentColor" d="M8.77 1.58c2.34 0 2.62.01 3.54.05.86.04 1.32.18 1.63.3.41.17.7.35 1.01.66.3.3.5.6.65 1 .12.32.27.78.3 1.64.05.92.06 1.2.06 3.54s-.01 2.62-.05 3.54a4.79 4.79 0 01-.3 1.63c-.17.41-.35.7-.66 1.01-.3.3-.6.5-1.01.66-.31.12-.77.26-1.63.3-.92.04-1.2.05-3.54.05s-2.62 0-3.55-.05a4.79 4.79 0 01-1.62-.3c-.42-.16-.7-.35-1.01-.66-.31-.3-.5-.6-.66-1a4.87 4.87 0 01-.3-1.64c-.04-.92-.05-1.2-.05-3.54s0-2.62.05-3.54c.04-.86.18-1.32.3-1.63.16-.41.35-.7.66-1.01.3-.3.6-.5 1-.65.32-.12.78-.27 1.63-.3.93-.05 1.2-.06 3.55-.06zm0-1.58C6.39 0 6.09.01 5.15.05c-.93.04-1.57.2-2.13.4-.57.23-1.06.54-1.55 1.02C1 1.96.7 2.45.46 3.02c-.22.56-.37 1.2-.4 2.13C0 6.1 0 6.4 0 8.77s.01 2.68.05 3.61c.04.94.2 1.57.4 2.13.23.58.54 1.07 1.02 1.56.49.48.98.78 1.55 1.01.56.22 1.2.37 2.13.4.94.05 1.24.06 3.62.06 2.39 0 2.68-.01 3.62-.05.93-.04 1.57-.2 2.13-.41a4.27 4.27 0 001.55-1.01c.49-.49.79-.98 1.01-1.56.22-.55.37-1.19.41-2.13.04-.93.05-1.23.05-3.61 0-2.39 0-2.68-.05-3.62a6.47 6.47 0 00-.4-2.13 4.27 4.27 0 00-1.02-1.55A4.35 4.35 0 0014.52.46a6.43 6.43 0 00-2.13-.41A69 69 0 008.77 0z"/>
  <path fill="currentColor" d="M8.8 4a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 7.43a2.92 2.92 0 110-5.85 2.92 2.92 0 010 5.85zM13.43 5a1.05 1.05 0 100-2.1 1.05 1.05 0 000 2.1z">
</svg>
<span class="visually-hidden">Instagram</span>
                        </a>
                      </li><li class="list-social__item">
                        <a href="Https://TikTok.com/@keywestcandleco" class="list-social__link link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-tiktok" width="16" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M8.02 0H11s-.17 3.82 4.13 4.1v2.95s-2.3.14-4.13-1.26l.03 6.1a5.52 5.52 0 11-5.51-5.52h.77V9.4a2.5 2.5 0 101.76 2.4L8.02 0z" fill="currentColor">
</svg>
<span class="visually-hidden">TikTok</span>
                        </a>
                      </li></ul>
                </div>
              </div>
            </div>
          </div>
        </details>
      </header-drawer><details-modal class="header__search">
        <details>
          <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search">
            <span>
              <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false" role="presentation">
                <use href="#icon-search">
              </svg>
              <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false" role="presentation">
                <use href="#icon-close">
              </svg>
            </span>
          </summary>
          <div class="search-modal modal__content" role="dialog" aria-modal="true" aria-label="Search">
            <div class="modal-overlay"></div>
            <div class="search-modal__content" tabindex="-1"><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
                  <div class="field">
                    <input class="search__input field__input"
                      id="Search-In-Modal-1"
                      type="search"
                      name="q"
                      value=""
                      placeholder="Search"role="combobox"
                        aria-expanded="false"
                        aria-owns="predictive-search-results-list"
                        aria-controls="predictive-search-results-list"
                        aria-haspopup="listbox"
                        aria-autocomplete="list"
                        autocorrect="off"
                        autocomplete="off"
                        autocapitalize="off"
                        spellcheck="false">
                    <label class="field__label" for="Search-In-Modal-1">Search</label>
                    <input type="hidden" name="options[prefix]" value="last">
                    <button class="search__button field__button" aria-label="Search">
                      <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation">
                        <use href="#icon-search">
                      </svg>
                    </button>
                  </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
                      <div class="predictive-search__loading-state">
                        <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
                          <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
                        </svg>
                      </div>
                    </div>

                    <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button type="button" class="modal__close-button link link--text focus-inset" aria-label="Close">
                <svg class="icon icon-close" aria-hidden="true" focusable="false" role="presentation">
                  <use href="#icon-close">
                </svg>
              </button>
            </div>
          </div>
        </details>
      </details-modal><a href="/" class="header__heading-link link link--text focus-inset"><img srcset="//keywestcandlecompany.com/cdn/shop/files/Screenshot_2025-04-06_144834_200x.png?v=1743965331 1x, //keywestcandlecompany.com/cdn/shop/files/Screenshot_2025-04-06_144834_200x@2x.png?v=1743965331 2x"
              src="//keywestcandlecompany.com/cdn/shop/files/Screenshot_2025-04-06_144834_200x.png?v=1743965331"
              loading="lazy"
              class="header__heading-logo"
              width="1098"
              height="1110"
              alt="Key West Candle &amp; Bath Co. "
            ></a><nav class="header__inline-menu">
        <ul class="list-menu list-menu--inline" role="list"><li><details-disclosure>
                  <details id="Details-HeaderMenu-1">
                    <summary class="header__menu-item list-menu__item link focus-inset">
                      <span>Shop</span>
                      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                    </summary>
                    <ul id="HeaderMenu-MenuList-1" class="header__submenu list-menu list-menu--disclosure caption-large motion-reduce" role="list" tabindex="-1"><li><a href="/collections/glass-vessel" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
                              Glass Vessels
                            </a></li><li><a href="/products/wax-melts" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
                              Wax Melts
                            </a></li><li><a href="/collections/travel-tins/TRAVEL-TINS" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
                              Travel Tins
                            </a></li><li><a href="/collections/resort-collection" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
                              Resort Collection
                            </a></li><li><a href="/collections/holiday-collection" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
                              Holiday Collection
                            </a></li><li><a href="/collections/bath-collection" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
                              Bath
                            </a></li></ul>
                  </details>
                </details-disclosure></li><li><a href="/" class="header__menu-item header__menu-item list-menu__item link link--text focus-inset">
                  <span>Home</span>
                </a></li><li><a href="/collections/events" class="header__menu-item header__menu-item list-menu__item link link--text focus-inset">
                  <span>Events</span>
                </a></li><li><a href="/pages/wedding-events-corporate-gift-bundles" class="header__menu-item header__menu-item list-menu__item link link--text focus-inset">
                  <span>Gifts </span>
                </a></li><li><a href="/pages/meet-deejay" class="header__menu-item header__menu-item list-menu__item link link--text focus-inset">
                  <span>About Us</span>
                </a></li><li><a href="/blogs/shop-our-products/find-us-in-stores" class="header__menu-item header__menu-item list-menu__item link link--text focus-inset">
                  <span>Find Us in Stores</span>
                </a></li><li><a href="/pages/request-a-wholesale-account-today" class="header__menu-item header__menu-item list-menu__item link link--text focus-inset">
                  <span>Wholesale</span>
                </a></li></ul>
      </nav><div class="header__icons">
      <details-modal class="header__search">
        <details>
          <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search">
            <span>
              <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false" role="presentation">
                <use href="#icon-search">
              </svg>
              <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false" role="presentation">
                <use href="#icon-close">
              </svg>
            </span>
          </summary>
          <div class="search-modal modal__content" role="dialog" aria-modal="true" aria-label="Search">
            <div class="modal-overlay"></div>
            <div class="search-modal__content" tabindex="-1"><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
                  <div class="field">
                    <input class="search__input field__input"
                      id="Search-In-Modal"
                      type="search"
                      name="q"
                      value=""
                      placeholder="Search"role="combobox"
                        aria-expanded="false"
                        aria-owns="predictive-search-results-list"
                        aria-controls="predictive-search-results-list"
                        aria-haspopup="listbox"
                        aria-autocomplete="list"
                        autocorrect="off"
                        autocomplete="off"
                        autocapitalize="off"
                        spellcheck="false">
                    <label class="field__label" for="Search-In-Modal">Search</label>
                    <input type="hidden" name="options[prefix]" value="last">
                    <button class="search__button field__button" aria-label="Search">
                      <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation">
                        <use href="#icon-search">
                      </svg>
                    </button>
                  </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
                      <div class="predictive-search__loading-state">
                        <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
                          <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
                        </svg>
                      </div>
                    </div>

                    <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Close">
                <svg class="icon icon-close" aria-hidden="true" focusable="false" role="presentation">
                  <use href="#icon-close">
                </svg>
              </button>
            </div>
          </div>
        </details>
      </details-modal><a href="https://keywestcandlecompany.com/customer_authentication/redirect?locale=en&region_country=US" class="header__icon header__icon--account link focus-inset small-hide">
          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-account" fill="none" viewBox="0 0 18 19">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
</svg>

          <span class="visually-hidden">Log in</span>
        </a><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"><svg class="icon icon-cart-empty" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none">
  <path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/>
</svg>
<span class="visually-hidden">Cart</span></a>
    </div>
  </header>
</sticky-header>

<cart-notification>
  <div class="cart-notification-wrapper page-width color-background-1">
    <div id="cart-notification" class="cart-notification focus-inset" aria-modal="true" aria-label="Item added to your cart" role="dialog" tabindex="-1">
      <div class="cart-notification__header">
        <h2 class="cart-notification__heading caption-large text-body"><svg class="icon icon-checkmark color-foreground-accent-2" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
Item added to your cart</h2>
        <button type="button" class="cart-notification__close modal__close-button link link--text focus-inset" aria-label="Close">
          <svg class="icon icon-close" aria-hidden="true" focusable="false"><use href="#icon-close"></svg>
        </button>
      </div>
      <div id="cart-notification-product" class="cart-notification-product"></div>
      <div class="cart-notification__links">
        <a href="/cart" id="cart-notification-button" class="button button--secondary button--full-width"></a>
        <form action="/cart" method="post" id="cart-notification-form">
          <button class="button button--primary button--full-width" name="checkout">Check out</button>
        </form>
        <button type="button" class="link button-label">Continue shopping</button>
      </div>
    </div>
  </div>
</cart-notification>
<style data-shopify>
  .cart-notification {
     display: none;
  }
</style>


<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Key West Candle \u0026amp; Bath Co. ",
    
      
      "logo": "https:\/\/keywestcandlecompany.com\/cdn\/shop\/files\/Screenshot_2025-04-06_144834_1098x.png?v=1743965331",
    
    "sameAs": [
      "",
      "https:\/\/www.facebook.com\/KeyWestCandleCo",
      "",
      "https:\/\/www.instagram.com\/keywestcandlecompany",
      "Https:\/\/TikTok.com\/@keywestcandleco",
      "",
      "",
      "",
      ""
    ],
    "url": "https:\/\/keywestcandlecompany.com"
  }
</script>
</div>
    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
      <div id="shopify-section-template--18188592644233__banner" class="shopify-section spaced-section spaced-section--full-width"><link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-collection-hero.css?v=13545750345895070191743530727" rel="stylesheet" type="text/css" media="all" />

<div class="collection-hero">
  <div class="collection-hero__inner page-width">
    <div class="collection-hero__text-wrapper">
      <h1 class="collection-hero__title">
        <span class="visually-hidden">Collection: </span>Home page</h1></div></div>
</div>


</div><div id="shopify-section-template--18188592644233__product-grid" class="shopify-section spaced-section collection-grid-section"><link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/template-collection.css?v=118745590724174031921743530727" rel="stylesheet" type="text/css" media="all" />
<link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-loading-overlay.css?v=167310470843593579841743530727" rel="stylesheet" type="text/css" media="all" />
<link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-card.css?v=150801359028351130571743530727" rel="stylesheet" type="text/css" media="all" />
<link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-price.css?v=5328827735059554991743530727" rel="stylesheet" type="text/css" media="all" />
<link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-product-grid.css?v=121312940050546451241743530727" rel="stylesheet" type="text/css" media="all" />

<link rel="preload" href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-rte.css?v=84043763465619332371743530727" as="style" onload="this.onload=null;this.rel='stylesheet'">

<noscript><link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-rte.css?v=84043763465619332371743530727" rel="stylesheet" type="text/css" media="all" /></noscript><link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-facets.css?v=153523525553312103261743530727" rel="stylesheet" type="text/css" media="all" />
  <script src="//keywestcandlecompany.com/cdn/shop/t/10/assets/facets.js?v=123462745317715690791743530727" defer="defer"></script>

  <div class="page-width" id="main-collection-filters" data-id="template--18188592644233__product-grid">
    
<div class="facets-container"><facet-filters-form class="facets small-hide">
      <form id="FacetFiltersForm" class="facets__form">
          <div id="FacetsWrapperDesktop" class="facets__wrapper"><h2 class="facets__heading caption-large text-body">Filter:</h2>
                <details id="Details-1-template--18188592644233__product-grid" class="disclosure-has-popup facets__disclosure js-filter" data-index="1">
                  <summary class="facets__summary caption-large focus-offset">
                    <div>
                      <span>Availability</span>
                      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                    </div>
                  </summary>
                  <div id="Facet-1-template--18188592644233__product-grid" class="facets__display">
                    <div class="facets__header">
                      <span class="facets__selected no-js-hidden">0 selected</span>
                      <facet-remove>
                        <a href="/collections/frontpage" class="facets__reset link underlined-link">
                          Reset
                        </a>
                      </facet-remove>
                    </div>

                    <ul class="facets__list list-unstyled" role="list"><li class="list-menu__item facets__item">
                          <label for="Filter-Availability-1" class="facet-checkbox">
                            <input type="checkbox"
                              name="filter.v.availability"
                              value="1"
                              id="Filter-Availability-1"
                              
                              
                            >

                            <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                              <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                            </svg>

                            <svg class="icon icon-checkmark"
                              width="1.1rem"
                              height="0.7rem"
                              viewBox="0 0 11 7"
                              fill="none"
                              xmlns="http://www.w3.org/2000/svg">

                              <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
                                stroke="currentColor"
                                stroke-width="1.75"
                                stroke-linecap="round"
                                stroke-linejoin="round" />
                            </svg>

                            In stock (29)
                          </label>
                        </li><li class="list-menu__item facets__item">
                          <label for="Filter-Availability-2" class="facet-checkbox">
                            <input type="checkbox"
                              name="filter.v.availability"
                              value="0"
                              id="Filter-Availability-2"
                              
                              
                            >

                            <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                              <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                            </svg>

                            <svg class="icon icon-checkmark"
                              width="1.1rem"
                              height="0.7rem"
                              viewBox="0 0 11 7"
                              fill="none"
                              xmlns="http://www.w3.org/2000/svg">

                              <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
                                stroke="currentColor"
                                stroke-width="1.75"
                                stroke-linecap="round"
                                stroke-linejoin="round" />
                            </svg>

                            Out of stock (6)
                          </label>
                        </li></ul>
                  </div>
                </details>
              

                
                <details id="Details-2-template--18188592644233__product-grid" class="disclosure-has-popup facets__disclosure js-filter" data-index="2">
                  <summary class="facets__summary caption-large focus-offset">
                    <div>
                      <span>Price</span>
                      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                    </div>
                  </summary>
                  <div id="Facet-2-template--18188592644233__product-grid" class="facets__display">
                    <div class="facets__header"><span class="facets__selected">The highest price is $185.00</span>
                      <facet-remove>
                        <a href="/collections/frontpage" class="facets__reset link underlined-link" >
                          Reset
                        </a>
                      </facet-remove>
                    </div>
                    <price-range class="facets__price">
                      <span class="field-currency">$</span>
                      <div class="field">
                        <input class="field__input"
                          name="filter.v.price.gte"
                          id="Filter-Price-GTE"type="number"
                          placeholder="0"
                          min="0"max="185.00"
                        >
                        <label class="field__label" for="Filter-Price-GTE">From</label>
                      </div>
                      <span class="field-currency">$</span>
                      <div class="field">
                        <input class="field__input"
                          name="filter.v.price.lte"
                          id="Filter-Price-LTE"type="number"
                          min="0"placeholder="185.00"
                            max="185.00"
                          
                        >
                        <label class="field__label" for="Filter-Price-LTE">To</label>
                      </div>
                    </price-range>
                  </div>
                </details>
              
<noscript>
              <button type="submit" class="facets__button-no-js button button--tertiary">Filter</button>
            </noscript>
          </div>

          <div class="active-facets active-facets-desktop">


<facet-remove class="active-facets__button-wrapper">
              <a href="/collections/frontpage" class="active-facets__button-remove underlined-link">
                <span>Clear all</span>
              </a>
            </facet-remove>
          </div>
        

        
<div class="facet-filters sorting caption">
            <div class="facet-filters__field">
              <h2 class="facet-filters__label caption-large text-body">
                <label for="SortBy">Sort by:</label>
              </h2>
              <div class="select"><select name="sort_by" class="facet-filters__sort select__select caption-large" id="SortBy" aria-describedby="a11y-refresh-page-message"><option value="manual">Featured</option><option value="best-selling" selected="selected">Best selling</option><option value="title-ascending">Alphabetically, A-Z</option><option value="title-descending">Alphabetically, Z-A</option><option value="price-ascending">Price, low to high</option><option value="price-descending">Price, high to low</option><option value="created-ascending">Date, old to new</option><option value="created-descending">Date, new to old</option></select>
                <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

              </div>
            </div>

            <noscript>
              <button type="submit" class="facets__button-no-js button button--tertiary">Sort</button>
            </noscript>
          </div><div class="product-count light" role="status">
          <h2 class="product-count__text text-body">
            <span id="ProductCountDesktop">35 products
</span>
          </h2>
          <div class="loading-overlay__spinner">
            <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
              <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
            </svg>
          </div>
        </div>          
      </form>
    </facet-filters-form><menu-drawer class="mobile-facets__wrapper  medium-hide large-up-hide" data-breakpoint="mobile">
    <details class="mobile-facets__disclosure disclosure-has-popup">
      <summary class="mobile-facets__open-wrapper focus-offset">
        <span class="mobile-facets__open">
          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-filter" fill="none" viewBox="0 11 20 20">
  <line x1="16.5" y1="17.5" x2="3.5" y2="17.5" stroke="#3F7972" stroke-linecap="round"/>
  <line x1="16.5" y1="24.5" x2="3.5" y2="24.5" stroke="#3F7972" stroke-linecap="round"/>
  <circle cx="13" cy="24.5" r="2" fill="white" stroke="#3F7972"/>
  <circle cx="7" cy="17.5" r="2" fill="white" stroke="#3F7972"/>
</svg>

          <span class="mobile-facets__open-label button-label">Filter and sort
</span>
        </span>
        <span tabindex="0" class="mobile-facets__close mobile-facets__close--no-js"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17">
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>
</span>
      </summary>
      <facet-filters-form>
        <form id="FacetFiltersFormMobile" class="mobile-facets">
          <div class="mobile-facets__inner">
            <div class="mobile-facets__header">
              <div class="mobile-facets__header-inner">
                <h2 class="mobile-facets__heading">Filter and sort
</h2>
                <p class="mobile-facets__count">35 products
</p>
              </div>
            </div>
            <div class="mobile-facets__main">
                  <details id="Details-Mobile-1-template--18188592644233__product-grid" class="mobile-facets__details js-filter" data-index="mobile-1">
                    <summary class="mobile-facets__summary focus-inset">
                      <div>
                        <span>Availability</span>                        
                        <span class="mobile-facets__arrow no-js-hidden"><svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>
</span>
                        <noscript><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</noscript>
                      </div>
                    </summary>
                    <div id="FacetMobile-1-template--18188592644233__product-grid" class="mobile-facets__submenu">
                      <button class="mobile-facets__close-button link link--text focus-inset" aria-expanded="true" type="button">
                        <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>

                        Availability
                      </button>
                      <ul class="mobile-facets__list list-unstyled" role="list"><li class="mobile-facets__item list-menu__item">
                            <label for="Filter-Availability-mobile-1" class="mobile-facets__label">
                              <input class="mobile-facets__checkbox" type="checkbox" name="filter.v.availability" value="1" id="Filter-Availability-mobile-1"
                                
                                
                              >

                              <span class="mobile-facets__highlight"></span>

                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                              </svg>

                              <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
                              </svg>

                              In stock (29)
                            </label>
                          </li><li class="mobile-facets__item list-menu__item">
                            <label for="Filter-Availability-mobile-2" class="mobile-facets__label">
                              <input class="mobile-facets__checkbox" type="checkbox" name="filter.v.availability" value="0" id="Filter-Availability-mobile-2"
                                
                                
                              >

                              <span class="mobile-facets__highlight"></span>

                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                              </svg>

                              <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
                              </svg>

                              Out of stock (6)
                            </label>
                          </li></ul>

                      <div class="no-js-hidden mobile-facets__footer">
                        <facet-remove class="mobile-facets__clear-wrapper">
                          <a href="/collections/frontpage" class="mobile-facets__clear underlined-link">Clear</a>
                        </facet-remove>
                        <button type="button" class="no-js-hidden button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()">Apply</button>
                        <noscript><button class="button button--primary">Apply</button></noscript>
                      </div>
                    </div>
                  </details>
                

                  <details id="Details-Mobile-2-template--18188592644233__product-grid" class="mobile-facets__details js-filter" data-index="mobile-2">
                    <summary class="mobile-facets__summary focus-inset">
                      <div>
                        <span>Price</span>
                        <span class="mobile-facets__arrow no-js-hidden"><svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>
</span>
                        <noscript><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</noscript>
                      </div>
                    </summary>
                    <div id="FacetMobile-2-template--18188592644233__product-grid" class="mobile-facets__submenu">
                      <button class="mobile-facets__close-button link link--text focus-inset" aria-expanded="true" type="button">
                        <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>

                        Price
                      </button>

                      <p class="mobile-facets__info">The highest price is $185.00</p>

                      <price-range class="facets__price">
                        <span class="field-currency">$</span>
                        <div class="field">
                          <input class="field__input"
                            name="filter.v.price.gte"
                            id="Mobile-Filter-Price-GTE"type="number"
                            placeholder="0"
                            min="0"
                            inputmode="decimal"max="185.00"
                          >
                          <label class="field__label" for="Mobile-Filter-Price-GTE">From</label>
                        </div>

                        <span class="field-currency">$</span>
                        <div class="field">
                          <input class="field__input"
                            name="filter.v.price.lte"
                            id="Mobile-Filter-Price-LTE"type="number"
                            min="0"
                            inputmode="decimal"placeholder="185.00"
                              max="185.00"
                            
                          >
                          <label class="field__label" for="Mobile-Filter-Price-LTE">To</label>
                        </div>
                      </price-range>
                      <div class="no-js-hidden mobile-facets__footer">
                        <facet-remove class="mobile-facets__clear-wrapper">
                          <a href="/collections/frontpage" class="mobile-facets__clear underlined-link">Clear</a>
                        </facet-remove>
                        <button type="button" class="no-js-hidden button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()">Apply</button>
                        <noscript><button class="button button--primary">Apply</button></noscript>
                      </div>
                    </div>
                  </details>
                
<div class="mobile-facets__details js-filter" data-index="mobile-">
                  <div class="mobile-facets__summary">
                    <div class="mobile-facets__sort">
                      <label for="SortBy-mobile">Sort by:</label>
                      <div class="select">
                        <select name="sort_by" class="select__select" id="SortBy-mobile" aria-describedby="a11y-refresh-page-message"><option value="manual">Featured</option><option value="best-selling" selected="selected">Best selling</option><option value="title-ascending">Alphabetically, A-Z</option><option value="title-descending">Alphabetically, Z-A</option><option value="price-ascending">Price, low to high</option><option value="price-descending">Price, high to low</option><option value="created-ascending">Date, old to new</option><option value="created-descending">Date, new to old</option></select>
                        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                      </div>
                    </div>
                  </div>
                </div><div class="mobile-facets__footer">
                <facet-remove class="mobile-facets__clear-wrapper">
                  <a href="/collections/frontpage" class="mobile-facets__clear underlined-link">Clear all</a>
                </facet-remove>
                <button type="button" class="no-js-hidden button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()">Apply</button>
                <noscript><button class="button button--primary">Apply</button></noscript>
              </div>
            </div>

            
</div>
        </form>
      </facet-filters-form>
    </details>
  </menu-drawer>

  <div class="active-facets active-facets-mobile  medium-hide large-up-hide"><facet-remove class="active-facets__button-wrapper">
      <a href="/collections/frontpage" class="active-facets__button-remove underlined-link">
        <span>Clear all</span>
      </a>
    </facet-remove>
  </div>
  <div class="product-count light medium-hide large-up-hide" role="status">
    <h2 class="product-count__text text-body">
      <span id="ProductCount">35 products
</span>
    </h2>
    <div class="loading-overlay__spinner">
      <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
        <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
      </svg>
    </div>
  </div>
</div>
  </div><div id="ProductGridContainer"><div class="collection page-width">
        <div class="loading-overlay gradient"></div>

        <ul id="product-grid" data-id="template--18188592644233__product-grid" class="
          grid grid--2-col negative-margin product-grid
          
             grid--3-col-tablet grid--one-third-max grid--4-col-desktop grid--quarter-max
          "><li class="grid__item">
              

<link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-rating.css?v=24573085263941240431743530727" rel="stylesheet" type="text/css" media="all" />

<div class="card-wrapper">
  <div class="card-information"><span class="col_clct" clct='[{"collection_id":"269997047945","product_id":"8030998102153","product_handle":"driftwood-lavender"},{"collection_id":"151316627522","product_id":"8030998102153","product_handle":"driftwood-lavender"}]'></span>

    
    
    <div class="card-information__wrapper">
      <span class="caption-large light"></span>
<div class="price ">
  <div><div class="price__regular">
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
      <span class="price-item price-item--regular">
        $36.00 USD
      </span>
    </div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $36.00 USD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

    </div>
  </div>

  <div class="card card--product card--text-only card--soft" tabindex="-1">
    <div class="card__inner"><div class="card__content">
          <h2 class="card__text h3">
            <a href="/products/driftwood-lavender" class="full-unstyled-link">
              Driftwood + Lavender  12 oz. Candle
            </a>
          </h2>
        </div><div class="card__badge"></div>
    </div>
  </div>
</div>

            </li><li class="grid__item">
              

<link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-rating.css?v=24573085263941240431743530727" rel="stylesheet" type="text/css" media="all" />

<div class="card-wrapper">
  <div class="card-information"><span class="col_clct" clct='[{"collection_id":"269997047945","product_id":"8030993481865","product_handle":"butterfly-kisses-honey-dew-strawberries"},{"collection_id":"151316627522","product_id":"8030993481865","product_handle":"butterfly-kisses-honey-dew-strawberries"}]'></span>

    
    
    <div class="card-information__wrapper"><h3 class="card-information__text h5">
          <a href="/products/butterfly-kisses-honey-dew-strawberries" class="full-unstyled-link">
            Butterfly Kisses - Honey Dew &amp; Strawberries  12 oz.  Candle
          </a>
        </h3>
      <span class="caption-large light"></span>
<div class="price ">
  <div><div class="price__regular">
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
      <span class="price-item price-item--regular">
        $36.00 USD
      </span>
    </div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $36.00 USD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

    </div>
  </div>

  <div class="card card--product" tabindex="-1">
    <div class="card__inner"><div>
          <div class="media media--transparent media--square media--hover-effect"
            
          >
            <img
              srcset="//keywestcandlecompany.com/cdn/shop/files/12oz-glass-vessel-with-bamboo-lid-140080_165x.jpg?v=1741959341 165w,//keywestcandlecompany.com/cdn/shop/files/12oz-glass-vessel-with-bamboo-lid-140080_360x.jpg?v=1741959341 360w,//keywestcandlecompany.com/cdn/shop/files/12oz-glass-vessel-with-bamboo-lid-140080_533x.jpg?v=1741959341 533w,//keywestcandlecompany.com/cdn/shop/files/12oz-glass-vessel-with-bamboo-lid-140080_720x.jpg?v=1741959341 720w,//keywestcandlecompany.com/cdn/shop/files/12oz-glass-vessel-with-bamboo-lid-140080_940x.jpg?v=1741959341 940w,//keywestcandlecompany.com/cdn/shop/files/12oz-glass-vessel-with-bamboo-lid-140080_1066x.jpg?v=1741959341 1066w,//keywestcandlecompany.com/cdn/shop/files/12oz-glass-vessel-with-bamboo-lid-140080.jpg?v=1741959341 1536w"
              src="//keywestcandlecompany.com/cdn/shop/files/12oz-glass-vessel-with-bamboo-lid-140080_533x.jpg?v=1741959341"
              sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
              alt="12oz Glass Vessel with Bamboo Lid - Key West Candle Co."
              loading="lazy"
              class="motion-reduce"
              width="1536"
              height="2048"
            ></div>
        </div><div class="card__badge"></div>
    </div>
  </div>
</div>

            </li><li class="grid__item">
              

<link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-rating.css?v=24573085263941240431743530727" rel="stylesheet" type="text/css" media="all" />

<div class="card-wrapper">
  <div class="card-information"><span class="col_clct" clct='[{"collection_id":"302329692297","product_id":"8030991450249","product_handle":"blue-heaven-pancakes-maple-syrup"},{"collection_id":"269997047945","product_id":"8030991450249","product_handle":"blue-heaven-pancakes-maple-syrup"},{"collection_id":"151316627522","product_id":"8030991450249","product_handle":"blue-heaven-pancakes-maple-syrup"}]'></span>

    
    
    <div class="card-information__wrapper"><h3 class="card-information__text h5">
          <a href="/products/blue-heaven-pancakes-maple-syrup" class="full-unstyled-link">
            Blue Heaven - Pancakes + Maple Syrup  12 oz.  Candle
          </a>
        </h3>
      <span class="caption-large light"></span>
<div class="price  price--sold-out ">
  <div><div class="price__regular">
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
      <span class="price-item price-item--regular">
        $36.00 USD
      </span>
    </div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $36.00 USD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

    </div>
  </div>

  <div class="card card--product" tabindex="-1">
    <div class="card__inner"><div>
          <div class="media media--transparent media--square media--hover-effect"
            
          >
            <img
              srcset="//keywestcandlecompany.com/cdn/shop/products/12oz-glass-vessel-with-bamboo-lid-344234_165x.jpg?v=1741959342 165w,//keywestcandlecompany.com/cdn/shop/products/12oz-glass-vessel-with-bamboo-lid-344234_360x.jpg?v=1741959342 360w,//keywestcandlecompany.com/cdn/shop/products/12oz-glass-vessel-with-bamboo-lid-344234_533x.jpg?v=1741959342 533w,//keywestcandlecompany.com/cdn/shop/products/12oz-glass-vessel-with-bamboo-lid-344234_720x.jpg?v=1741959342 720w,//keywestcandlecompany.com/cdn/shop/products/12oz-glass-vessel-with-bamboo-lid-344234_940x.jpg?v=1741959342 940w,//keywestcandlecompany.com/cdn/shop/products/12oz-glass-vessel-with-bamboo-lid-344234_1066x.jpg?v=1741959342 1066w,//keywestcandlecompany.com/cdn/shop/products/12oz-glass-vessel-with-bamboo-lid-344234.jpg?v=1741959342 1536w"
              src="//keywestcandlecompany.com/cdn/shop/products/12oz-glass-vessel-with-bamboo-lid-344234_533x.jpg?v=1741959342"
              sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
              alt="12oz Glass Vessel with Bamboo Lid - Key West Candle Co."
              loading="lazy"
              class="motion-reduce"
              width="1536"
              height="2048"
            ></div>
        </div><div class="card__badge"><span class="badge badge--bottom-left color-inverse">Sold out</span></div>
    </div>
  </div>
</div>

            </li></ul>

<link rel="stylesheet" href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-pagination.css?v=178352057135253452891743530727" media="print" onload="this.media='all'">
<noscript><link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-pagination.css?v=178352057135253452891743530727" rel="stylesheet" type="text/css" media="all" /></noscript><div class="pagination-wrapper">
    <nav class="pagination" role="navigation" aria-label="Pagination">
      <ul class="pagination__list list-unstyled" role="list"><li>
          <a href="/collections/frontpage?page=2" class="pagination__item pagination__item--next pagination__item-arrow link motion-reduce" aria-label="Previous page">
            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

          </a>
        </li><li><a href="/collections/frontpage?page=1" class="pagination__item link" aria-label="Page 1">1</a></li><li><a href="/collections/frontpage?page=2" class="pagination__item link" aria-label="Page 2">2</a></li><li><span class="pagination__item pagination__item--current" aria-current="page" aria-label="Page 3">3</span></li></ul>
    </nav>
  </div>
</div></div>


</div>
    </main>

    <div id="shopify-section-footer" class="shopify-section">
<link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/section-footer.css?v=32991598838362915891743530727" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-newsletter.css?v=102012443320945857941743530727" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-list-menu.css?v=161614383810958508431743530727" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-list-payment.css?v=69253961410771838501743530727" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-list-social.css?v=52211663153726659061743530727" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-rte.css?v=84043763465619332371743530727" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//keywestcandlecompany.com/cdn/shop/t/10/assets/disclosure.css?v=160129347545493074521743530727" media="print" onload="this.media='all'">

<noscript><link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-newsletter.css?v=102012443320945857941743530727" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-list-menu.css?v=161614383810958508431743530727" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-list-payment.css?v=69253961410771838501743530727" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-list-social.css?v=52211663153726659061743530727" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/component-rte.css?v=84043763465619332371743530727" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//keywestcandlecompany.com/cdn/shop/t/10/assets/disclosure.css?v=160129347545493074521743530727" rel="stylesheet" type="text/css" media="all" /></noscript>

<footer class="footer color-background-1 gradient"><div class="footer__content-top page-width"><div class="footer-block--newsletter"><div class="footer-block__newsletter"><h2 class="footer-block__heading">Keep in Touch!</h2><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter">
              <div class="newsletter-form__field-wrapper">
                <div class="field">
                  <input
                    id="NewsletterForm--footer"
                    type="email"
                    name="contact[email]"
                    class="field__input"
                    value=""
                    aria-required="true"
                    autocorrect="off"
                    autocapitalize="off"
                    autocomplete="email"
                    
                    placeholder="Email"
                    required
                  >
                  <label class="field__label" for="NewsletterForm--footer">
                    Email
                  </label>
                  <button type="submit" class="newsletter-form__button field__button" name="commit" id="Subscribe" aria-label="Subscribe">
                    <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>

                  </button>
                </div></div></form></div><ul class="footer__list-social list-unstyled list-social" role="list"><li class="list-social__item">
                <a href="https://www.facebook.com/KeyWestCandleCo" class="link list-social__link" ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 18 18">
  <path fill="currentColor" d="M16.42.61c.27 0 .5.1.69.28.19.2.28.42.28.7v15.44c0 .27-.1.5-.28.69a.94.94 0 01-.7.28h-4.39v-6.7h2.25l.31-2.65h-2.56v-1.7c0-.4.1-.72.28-.93.18-.2.5-.32 1-.32h1.37V3.35c-.6-.06-1.27-.1-2.01-.1-1.01 0-1.83.3-2.45.9-.62.6-.93 1.44-.93 2.53v1.97H7.04v2.65h2.24V18H.98c-.28 0-.5-.1-.7-.28a.94.94 0 01-.28-.7V1.59c0-.27.1-.5.28-.69a.94.94 0 01.7-.28h15.44z">
</svg>
<span class="visually-hidden">Facebook</span>
                </a>
              </li><li class="list-social__item">
                <a href="https://www.instagram.com/keywestcandlecompany" class="link list-social__link" ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 18 18">
  <path fill="currentColor" d="M8.77 1.58c2.34 0 2.62.01 3.54.05.86.04 1.32.18 1.63.3.41.17.7.35 1.01.66.3.3.5.6.65 1 .12.32.27.78.3 1.64.05.92.06 1.2.06 3.54s-.01 2.62-.05 3.54a4.79 4.79 0 01-.3 1.63c-.17.41-.35.7-.66 1.01-.3.3-.6.5-1.01.66-.31.12-.77.26-1.63.3-.92.04-1.2.05-3.54.05s-2.62 0-3.55-.05a4.79 4.79 0 01-1.62-.3c-.42-.16-.7-.35-1.01-.66-.31-.3-.5-.6-.66-1a4.87 4.87 0 01-.3-1.64c-.04-.92-.05-1.2-.05-3.54s0-2.62.05-3.54c.04-.86.18-1.32.3-1.63.16-.41.35-.7.66-1.01.3-.3.6-.5 1-.65.32-.12.78-.27 1.63-.3.93-.05 1.2-.06 3.55-.06zm0-1.58C6.39 0 6.09.01 5.15.05c-.93.04-1.57.2-2.13.4-.57.23-1.06.54-1.55 1.02C1 1.96.7 2.45.46 3.02c-.22.56-.37 1.2-.4 2.13C0 6.1 0 6.4 0 8.77s.01 2.68.05 3.61c.04.94.2 1.57.4 2.13.23.58.54 1.07 1.02 1.56.49.48.98.78 1.55 1.01.56.22 1.2.37 2.13.4.94.05 1.24.06 3.62.06 2.39 0 2.68-.01 3.62-.05.93-.04 1.57-.2 2.13-.41a4.27 4.27 0 001.55-1.01c.49-.49.79-.98 1.01-1.56.22-.55.37-1.19.41-2.13.04-.93.05-1.23.05-3.61 0-2.39 0-2.68-.05-3.62a6.47 6.47 0 00-.4-2.13 4.27 4.27 0 00-1.02-1.55A4.35 4.35 0 0014.52.46a6.43 6.43 0 00-2.13-.41A69 69 0 008.77 0z"/>
  <path fill="currentColor" d="M8.8 4a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 7.43a2.92 2.92 0 110-5.85 2.92 2.92 0 010 5.85zM13.43 5a1.05 1.05 0 100-2.1 1.05 1.05 0 000 2.1z">
</svg>
<span class="visually-hidden">Instagram</span>
                </a>
              </li><li class="list-social__item">
                <a href="Https://TikTok.com/@keywestcandleco" class="link list-social__link" ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-tiktok" width="16" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M8.02 0H11s-.17 3.82 4.13 4.1v2.95s-2.3.14-4.13-1.26l.03 6.1a5.52 5.52 0 11-5.51-5.52h.77V9.4a2.5 2.5 0 101.76 2.4L8.02 0z" fill="currentColor">
</svg>
<span class="visually-hidden">TikTok</span>
                </a>
              </li></ul></div>
    </div><div class="footer__content-bottom">
    <div class="footer__content-bottom-wrapper page-width">
      <div class="footer__column footer__localization"></div>
      <div class="footer__column footer__column--info"><div class="footer__payment">
            <span class="visually-hidden">Payment methods</span>
            <ul class="list list-payment" role="list"><li class="list-payment__item">
                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg>

                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>

                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg>
                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>

                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg>
                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>

                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg>
                </li></ul>
          </div><div class="footer__copyright caption">
          <small class="copyright__content">&copy; 2025, <a href="/" title="">Key West Candle &amp; Bath Co. </a></small>
          <small class="copyright__content"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a></small>
        </div>
      </div>
    </div>
  </div>
</footer>




</div>

    <ul hidden>
      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
    </ul>

    <script>
      window.shopUrl = 'https://keywestcandlecompany.com';
      window.routes = {
        cart_add_url: '/cart/add',
        cart_change_url: '/cart/change',
        cart_update_url: '/cart/update',
        predictive_search_url: '/search/suggest'
      };

      window.cartStrings = {
        error: `There was an error while updating your cart. Please try again.`,
        quantityError: `You can only add [quantity] of this item to your cart.`
      }

      window.variantStrings = {
        addToCart: `Add to cart`,
        soldOut: `Sold out`,
        unavailable: `Unavailable`,
      }

      window.accessibilityStrings = {
        imageAvailable: `Image [index] is now available in gallery view`,
        shareSuccess: `Link copied to clipboard`,
        pauseSlideshow: `Pause slideshow`,
        playSlideshow: `Play slideshow`,
      }
    </script><script src="//keywestcandlecompany.com/cdn/shop/t/10/assets/predictive-search.js?v=31278710863581584031743530727" defer="defer"></script><script src="//keywestcandlecompany.com/cdn/shop/t/10/assets/tiny-img-link-preloader.js?v=26403198945174473401743530727" type="text/javascript"></script>
<style> @font-face {font-family: "JennerikBold"; src: url(https://cdn.shopify.com/s/files/1/0192/8701/5490/files/JennerikBold.woff?v=1744163725) format("woff");} header,h1,h2,h3,h4,h5,h6 {font-family: "JennerikBold", sans-serif;} .site-nav__link {font-size: 250px;} </style>
<div id="shopify-block-AUkZFTVBXS2ZDWWZnR__18209738915288330680" class="shopify-block shopify-app-block"><script>
    "undefined"===typeof window.WSAIO&&(window.WSAIO={});
    "undefined"===typeof WSAIO.App&&(WSAIO.App={});
    WSAIO.App.url = "https://wholesales.digitalcoo.com";
    WSAIO.App.checkoutURL = "https://wholesalecheckout.digitalcoo.com";
    WSAIO.App.version = "2.3.8";
    WSAIO.template = "collection";
    WSAIO.landingTemplate = "collection"; 


    WSAIO.local_param = '/';
    WSAIO.local_param_without_last_slash = '';
    if(typeof Shopify != 'undefined' && typeof Shopify.routes != 'undefined' && typeof Shopify.routes.root != 'undefined'){
       WSAIO.local_param = Shopify.routes.root;
       WSAIO.local_param_without_last_slash = Shopify.routes.root.slice(0, Shopify.routes.root.lastIndexOf("/"));
    }

    //global selectors 
    WSAIO.no_logs = true;
    WSAIO.wholesale_signup_link_on_login_page= 'append';  // replace,append,none
    WSAIO.create_wholesale_account_link = WSAIO.local_param+"pages/register";
    WSAIO.create_wholesale_account_link_label = "Create wholesale account";
    WSAIO.default_create_account_selector = 'form[action$="/account/login"] a[href$="/account/register"]';

    WSAIO.duplicate_checkout_selector = '[name*=waio_addToCart]';
    WSAIO.replace_checkout_button = '[name$=checkout],[href="/checkout"]';
    WSAIO.netTerm_checkout_selector = '[name*=netTerm]';
    WSAIO.checkout_selector = '[name$=checkout],[href="/checkout"]';
    WSAIO.checkout_message_selector = '[name$=checkout],[href="/checkout"]';
    WSAIO.agreement_checkout_selector = '';
    WSAIO.agrrement_alert_message = '';
    WSAIO.cart_qty_change_selector = '[name="updates[]"],[name="quantity"]';
    WSAIO.qty_change_delay = 1000;
    WSAIO.buy_now_button_html='<button type="button"  class="wsaio_buynow shopify-payment-button__button shopify-payment-button__button--unbranded" data-testid="Checkout-button">Buy it now</button>';
    WSAIO.cart_qty_btn_selector = 'blank';
    WSAIO.cart_qty_input_selector = 'blank';
    WSAIO.duplicate_checkout_html='<input class="btn btn-checkout" type="submit" name="waio_addToCart" value="Checkout">'; // make it global
    WSAIO.product_saleClock_selector = '';
    
    WSAIO.PO_field_selector = '';
    WSAIO.PO_field_enable = false;
    
    WSAIO.show_cart_level_upsell_message = false;
    WSAIO.cart_level_upsell_message_select = '';
    
    WSAIO.allow_normal_checkout__OC = false; // process order without discount when order limit not met         

    WSAIO.tax_include_label_selector = '.product__tax';
    WSAIO.auto_vat_enable = false;        
    WSAIO.default_qof_link_selector = 'main a[href="'+WSAIO.local_param+'account/logout"]';
    
    WSAIO.buy_now_btn_replace = true;
    WSAIO.buy_now_button_selector = '.shopify-payment-button__button,shopify-accelerated-checkout';
    WSAIO.shopify_payment_button_wrapper = '.shopify-payment-button';
    
    WSAIO.use_currencyRates = 'shopify'; // shopify or manual
    
    WSAIO.shopify_markets_pro_enabled = false; // Shopify Market Pro
    

	WSAIO.shipping_pickup_option = false;
    WSAIO.show_volumeRange = false;
    WSAIO.enable_auto_firstRow = true;
    WSAIO.enable_lineCouponCode = false;
    WSAIO.enable_trackingNote = false;
    
    WSAIO.Lang = {
        "discount": "Discount",
        "buy": "Buy",
        "price": "Price per item",
        "quantity": "Quantity",
        "off": " Off",
        "from": "From ",
        "minimum_quantity": "Minimum Qty",
        "maximum_quantity": "Maximum Qty",
        "range_seperator": " to ",
        "each_item" : " each",
        "range_so_on": " + "
    }; 

    WSAIO.customer = {
        id: null,
        tags: "",
        tax_exempt: null,
        total_spent: null,
        orders_count: null,
        name: null,
        email: null,
        default_address: null || {},
        addresses: null || []
    };
    if(WSAIO.customer && WSAIO.customer.tags){
        try{
            WSAIO.customer.tags = JSON.parse(WSAIO.customer.tags);
        }catch(e){}
    }
    WSAIO.shopInfo = {
        "money_format": "${{amount}}",
        "currency": "USD",
        "domain" : window.location.hostname,
        "shop" : "key-west-candle-co.myshopify.com",
        "url" : "https://"+window.location.hostname,
        "ctmr": "key-west-candle-co.mycurrencyrate1.com"
    };
    WSAIO.frontpage_collection = {
        handle: "frontpage",
        id: "151316627522",
    };
    try {
        if ((WSAIO.shopInfo && WSAIO.shopInfo)&& (WSAIO.shopInfo.url.lastIndexOf("/") + 1) == WSAIO.shopInfo.url.length) {
            WSAIO.shopInfo.url = WSAIO.shopInfo.url.slice(0, -1);
        }
    } catch (e) { }
    WSAIO.cart_object = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
    WSAIO.wsaiovd = {};
    WSAIO.wsaiord = {};
    WSAIO.volume_discounts = [];
    WSAIO.regular_discounts = [];
    WSAIO.cart_ld_discounts = [];
    WSAIO.app_shippings = {} || [];
    try{
        WSAIO.app_shipping = Object.keys(WSAIO.app_shippings).map(function(key) {
            return WSAIO.app_shippings[key];
        });
        delete WSAIO.app_shippings;
    }catch(e){}
  
    WSAIO.signup_form = null;
    WSAIO.selected_product = {
        id: null,
        handle: null,
        variant: {
            id: null,
            sku: null,
            price: null,
            compare_at_price: null
        }
    };
    WSAIO.selected_variant = {
        id: null,
        sku: null,
        price: null,
        compare_at_price: null
    };
    WSAIO.current_product = {
        id: null,
        handle: null,
        variant: {
            id: null,
            sku: null,
            price: null,
            compare_at_price: null
        }
    };
    WSAIO.product_details = {
        id: null,
        handle: null,
        available: null,
        variants: null
    }; // for product template
    try{
        WSAIO.product_details.variants = JSON.parse(JSON.stringify(WSAIO.product_details.variants)).map(function(x){
            return {
                id: x.id,
                name: x.name,
                title: x.title,
                available: x.available,
                sku: x.sku,
                price: x.price,
                compare_at_price: x.compare_at_price
            };
        });
    }catch(e){}
    WSAIO.current_variant = {
        id: null,
        sku: null,
        price: null,
        compare_at_price: null
    };
    WSAIO.selected_collection = {
        id: 151316627522,
        handle: "frontpage"
    };
    WSAIO.current_collection = {
        id: 151316627522,
        handle: "frontpage"
    };
    WSAIO.buy_now_product = null;
    WSAIO.general_settings = {};
    try{
        WSAIO.general_settings  = JSON.parse("{\"settings\":{\"sale_clock\":{\"style\":{\"font_size\":\"26\",\"bg_color\":[{\"hue\":0,\"saturation\":0,\"brightness\":0}],\"fg_color\":[{\"hue\":0,\"saturation\":0,\"brightness\":1}],\"text_align\":\"left\",\"padding\":\"0.5rem 1rem\",\"border_radius\":\"0\",\"hex_fg_color\":\"#ffffff\",\"hex_bg_color\":\"#000000\"},\"sale_clock_text1\":\"Sale ends in\",\"sale_clock_text2\":\"\",\"sale_clock_type\":\"1\",\"show_sale_clock\":true},\"discount_method\":\"draft_order_if_eligible\",\"enable_app\":true,\"disable_checkout_while_loading\":false,\"app_mode\":\"live\",\"compare_at_price\":true,\"show_compare_at_price\":false,\"hide_cents\":false,\"g_setting_meta_id\":\"21196760088713\",\"enable_additional_coupon_code\":true}}");
        if(typeof WSAIO.general_settings.settings !== "undefined"){
            WSAIO.general_settings = WSAIO.general_settings.settings;
        }
    }catch(e){console.error("JSON Parsing error in settings.",e)}
    WSAIO.app_mode = WSAIO.general_settings.app_mode || "live";
    WSAIO.user_mode = localStorage.getItem("wsaio-app-mode") || "live";

    WSAIO.wholesale_signup_link_on_login_page= WSAIO.general_settings && typeof WSAIO.general_settings.logincustomization_signup_link_type !== "undefined" ? WSAIO.general_settings.logincustomization_signup_link_type : 'append';  // replace,append,none
    // Control Create account and Create wholesale account link on login page.
    WSAIO.create_wholesale_account_link = WSAIO.general_settings && typeof WSAIO.general_settings.logincustomization_signup_link !== "undefined" ? WSAIO.local_param_without_last_slash+WSAIO.general_settings.logincustomization_signup_link : WSAIO.local_param+"pages/register";
    WSAIO.create_wholesale_account_link_label = WSAIO.general_settings && typeof WSAIO.general_settings.logincustomization_signup_link_label !== "undefined" ? WSAIO.general_settings.logincustomization_signup_link_label : "Create wholesale account";
    
    /*   =========================new work================================== */
  WSAIO.cart_object = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
/*   =========================new work================================== */

    WSAIO.cart_note_selector = '[name=note]';
</script>

  
  
  
  






















</script>



  

  







<script>
    (function(){

    

    var installationSelectors={"buy_now_btn_replace":true,"display_discount_on_soldout":false,"product_saved_amount_selector":".saved_price-%id%:same","product_parent_grid_selector":".product__info-wrapper","product_inner_qb_table_selector":".product-form__buttons","product_price_selector":".price.price--large","current_product_qty_input_selector":"[name=\"quantity\"]","collection_items_each_selector":".product--root","collection_item_price_selector":".price","duplicate_checkout_selector":"[name*=waio_addToCart]","replace_checkout_button":"[name*=checkout]","netTerm_checkout_selector":"[name*=netTerm]","checkout_selector":"[name*=checkout]","checkout_message_selector":"[name*=checkout]","agreement_checkout_selector":"","agrrement_alert_message":"","exclude_VAT":0,"exclude_VAT_for":"","VAT_subtotal_selector":".wrapper-cart-template","subtotal_selector":".wsaio--subtotal,.totals__subtotal-value:same","cart_bulk_saving_selector":".ws--total-saving:same","cart_ld_selector":".cart__footer .totals:after","cart_qty_change_selector":".null","qty_change_delay":1000,"shipping_message_selector":".wsaio--shiping-msg:same","cart_items_each_selector":"tbody .cart-item","cart_item_total_selector":".cart-item__price-wrapper","cart_item_price_selector":".singlepricee","cart_item_saved_price_selector":".ws-item-saved-price","buy_now_button_selector":".shopify-payment-button__button","shopify_payment_button_wrapper":".shopify-payment-button","currency_selector":"[name*=\"currencies\"],[id*=\"currencies\"]","currency_app_globvar":"Currency","subscription_variant_selector":"","subscription_selector":"false","discount_code_field_selector":".cart__footer .totals:before","discount_code_link_selector":".cart-notification__links:before","cart_qty_btn_selector":".xxx","cart_qty_input_selector":".xxx"};
    Object.keys(installationSelectors).forEach(function(key){
        var value = installationSelectors[key];
        WSAIO[key] = value;
    });
    

    

    })();

</script>





<link href="//cdn.shopify.com/extensions/a4cc6153-3622-4d9e-b3ec-e9c0eea0339b/wholesale-all-in-one-58/assets/wholesale-all-in-one.css" rel="stylesheet" type="text/css" media="all" />

<!-- BEGIN app snippet: wholesale-all-in-one-module --> 




  
    
    <script src="https://cdn.shopify.com/extensions/a4cc6153-3622-4d9e-b3ec-e9c0eea0339b/wholesale-all-in-one-58/assets/jquery.min.js" defer type="text/javascript"></script>
  




<script src="//cdn.shopify.com/s/javascripts/currencies.js" defer type="text/javascript"></script>


<script>if(typeof window.WSAIO==='undefined'){window.WSAIO={};}if(typeof WSAIO.App==='undefined'){WSAIO.App={};}</script>


 <script>
    if( typeof WSAIO !=='undefined'){
      
      
    
    
      WSAIO.show_currenyLabel_withPrice = true
    
    }
	window.WSAIO_GET_JQUERY=function(){
    /* If jquery is not defined, show warning */
    if("undefined" === typeof jQuery || 1.7 > parseFloat(jQuery.fn.jquery)){
      console.warn("jQuery is not defined. Please ensure to include jQuery to use Wholesale All In One app, learn more: https://support.digitalcoo.com/hc/en-us/articles/4415365537300");
      return null;
    }
		/* if jquery was included, call .noConflict() */return jQuery.noConflict();}

  WSAIO.market_selected = 'US';  
  
  
  
  
  
  

  
  
  

  WSAIO.QOF_links = [];
  WSAIO.qof_navigation_enable = false;
  WSAIO.shop_country = `United States`;

   window.WSAIO_MODULE=function($){
    if(typeof WSAIO != "undefined"){
        "undefined"===typeof waioMOC&&(window.waioMOC={});
        window.collection_id = 151316627522;
        WSAIO.default_limit = false;
        window.current_product = window.current_product || null;
        window.selected_variant_id = window.selected_variant_id || null;
        window.customer_order_info = '';
        window.customer = '';
        WSAIO.show_dynamic_OL_msg = false;
        WSAIO.initModules = function($){
            var tem_moc = {"6296bc6d512310c302ecbbf0":{"rules":[{"column":"cart_original_total_price","relation":"greater_than","condition":"450.00"}],"rules_operator":"and","message":"Minimum Opening Purchase $450.00","internal_name":"Order control","status":"active","customer_group":"logged_in","customer_tags":[],"except_logged_in":false,"except_tags":false,"excepted_tags":[],"weight_unit":"g","condition_scope":"all","opening_rules_operator":"and","opening_rules":[{"column":"cart_original_total_price","relation":"greater_than_equal_to","condition":""}],"opening_message":"","_id":"6296bc6d512310c302ecbbf0","shop":"key-west-candle-co.myshopify.com","__v":0,"updated_at":"2025-04-07T14:43:42.845Z","created_at":"2025-04-07T14:46:17.373Z"}};
            var w_original_total_price = 0;
            var w_total_weight = 0.0;
            var w_item_count = 0;
            var w_weight_with_unit = "0.0 lb";
            window.is_loggedIn = false;
            var shop = "keywestcandlecompany.com";
            var customerTags = null || [];
            window.customer_tags = null || [];
            try{
                customerTags = JSON.parse(customerTags);
            }catch(e){}
            var cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
            var collection_handle = 'frontpage';
            var tempWaioQC = {};
            var waioQCTemp = [];

            waioQCTemp = waioQCTemp.concat(Object.keys(tempWaioQC).map(function(a){return tempWaioQC[a]}));
            WSAIO.quantity_controls = [];
            if(typeof waioQCTemp !== "undefined" && waioQCTemp.length > 0){
                var sortOrder = ["tag_based", "logged_in", "all"];
                var sortOrder2 =  ["variants", "products","collections","entire_store"];
                var temp = [];
                for(var iter = 0; iter < sortOrder2.length; iter++){
                    var _d = sortOrder2[iter];
                    var temp1 = waioQCTemp.filter(function(x){return x.applies_to === _d});
                    temp1.sort(function(a,b){
                        var compA = $.inArray(a.customer_group, sortOrder);
                        var compB = $.inArray(b.customer_group, sortOrder);
                        return (compA < compB) ? -1 : (compA > compB) ? 1 : 0;
                    });
                    temp1.forEach(function(_f,_j){
                        temp.push(_f);
                    });
                }
                WSAIO.quantity_controls = temp; 
            }
            waioMOC.rules=[];waioMOC.rules=waioMOC.rules.concat(Object.keys(tem_moc).map(function(a){return tem_moc[a]}));waioMOC.cart={original_total_price:w_original_total_price,total_weight:w_total_weight,item_count:w_item_count,weight_with_unit:w_weight_with_unit};waioMOC.oc={};
            WSAIO.disable_checkout=!1;
            var $jscomp=$jscomp||{};$jscomp.scope={};$jscomp.arrayIteratorImpl=function(a){var b=0;return function(){return b<a.length?{done:!1,value:a[b++]}:{done:!0}}};$jscomp.arrayIterator=function(a){return{next:$jscomp.arrayIteratorImpl(a)}};$jscomp.makeIterator=function(a){var b="undefined"!=typeof Symbol&&Symbol.iterator&&a[Symbol.iterator];return b?b.call(a):$jscomp.arrayIterator(a)};
            function disable_checkout(a, b, d) { WSAIO.disable_checkout_define(a, b, d);  }        
            function minOrderControl() {  WSAIO.minOrderControl_define();  }
            WSAIO.order_control = function(){if(WSAIO.cart_qty_btn_selector != 'blank' && WSAIO.cart_qty_input_selector != 'blank' && WSAIO.app_mode_applied){minOrderControl()}};
            WSAIO.disableCheckout = function(c,m,el){if(WSAIO.cart_qty_btn_selector != 'blank' && WSAIO.cart_qty_input_selector  != 'blank' && WSAIO.app_mode_applied){disable_checkout(c,m,el)}};
            if(typeof WSAIO.fetchCart_define != 'undefined')WSAIO.fetchCart_define();          
            if(typeof WSAIO.QOF_links_append != 'undefined') WSAIO.QOF_links_append();      
            if(typeof WSAIO.loginLink != 'undefined')WSAIO.loginLink();
        };
    }
    else{
      console.error("WSAIO is not defined. Either app is in test mode or disabled");
    }

    /* Star Code for Quantity change detector */
    if(typeof WSAIO.cart_qty_handler_define != 'undefined')WSAIO.cart_qty_handler_define();
    if(typeof WSAIO.app_enable_preview_define != 'undefined')WSAIO.app_enable_preview_define();
    try{WSAIO.general_settings = JSON.parse('{"settings":{"sale_clock":{"style":{"font_size":"26","bg_color":[{"hue":0,"saturation":0,"brightness":0}],"fg_color":[{"hue":0,"saturation":0,"brightness":1}],"text_align":"left","padding":"0.5rem 1rem","border_radius":"0","hex_fg_color":"#ffffff","hex_bg_color":"#000000"},"sale_clock_text1":"Sale ends in","sale_clock_text2":"","sale_clock_type":"1","show_sale_clock":true},"discount_method":"draft_order_if_eligible","enable_app":true,"disable_checkout_while_loading":false,"app_mode":"live","compare_at_price":true,"show_compare_at_price":false,"hide_cents":false,"g_setting_meta_id":"21196760088713","enable_additional_coupon_code":true}}');if(typeof WSAIO.general_settings.settings !== "undefined"){WSAIO.general_settings = WSAIO.general_settings.settings;}}catch(e){console.error("JSON Parsing error in settings.",e)}
    WSAIO.initModules(jQuery || $) 
    if(typeof WSAIO.buy_now_define != 'undefined')WSAIO.buy_now_define();
    
    
         
        

    WSAIO.showCheckoutLoader = function(){
      $('.wsaio_loader').remove();
      $(WSAIO.checkout_selector+','+WSAIO.duplicate_checkout_selector).addClass('wsaio_hideCheckout')
        $(WSAIO.checkout_selector+','+WSAIO.duplicate_checkout_selector).after('<div class="wsaio_loader_checkout wsaio_loader"> <div class="loading-spinner"></div> </div>')
      };

       
       if( window.wsaio_involved != undefined && window.wsaio_involved == true && WSAIO.app_mode_applied){  WSAIO.showCheckoutLoader()  }   
        
        window.addEventListener("load", function(){
         var $ = jQuery;
         if(typeof WSAIO != 'undefined'){
          WSAIO.loginLink();
          if(typeof window.ZapietCheckoutEnabled != 'undefined'){
         var valid_chk = false;
        setInterval(function(){
            if(window.ZapietCheckoutEnabled && valid_chk == false){ 
              if(typeof WSAIO.checkoutEventListner != 'undefined'){WSAIO.checkoutEventListner()}
              valid_chk =true;                                   
            }else if(!window.ZapietCheckoutEnabled && valid_chk == true){ 
              valid_chk =false; 
            }
          },100)
        }

		if(typeof window.token_enable != 'undefined' && window.token_enable == true){
         $('.quick-add-modal__content--bulk .price-item--regular').parents('.price__sale').siblings('.price__regular').find('.price-item--regular').hide();
        }

        if("function"===typeof WSAIO.initAddons){
        WSAIO.initAddons(jQuery || $);
        }
          if(typeof current_product != 'undefined' && current_product != null){
            $('.wsaio_'+current_product.id).parents(WSAIO.product_parent_grid_selector).find('.wsaio_buynow').css('cssText','display:inline-block !important')
          }
          try{WSAIO.buyNowEventListener()}catch(e){}
          if( window.wsaio_involved != undefined && window.wsaio_involved == true && WSAIO.app_mode_applied){
          WSAIO.cart_qty_change_event();
        }
           setTimeout(function(){
            if((typeof WSAIO != 'undefined' && typeof WSAIO.cartDrawer === 'function' && WSAIO.template === "cart") || (typeof WSAIO != 'undefined' && window.location.pathname.indexOf('pages/net-term-order') > -1 )){
            if(!jQuery.isEmptyObject(WSAIO.discount_response)){
              WSAIO.preCheckoutResponse(WSAIO.discount_response)
              WSAIO.callback(WSAIO.discount_response)
              if(typeof WSAIO.loadcartQuantityControllers != 'undefined' && typeof WSAIO.load_checkout_restriction != 'undefined'){ WSAIO.load_checkout_restriction(); WSAIO.loadcartQuantityControllers([],function(e){WSAIO.run_checkout()});}else{WSAIO.run_checkout()}
            }else{
              WSAIO.preCheckout();
            }
          }
            if(WSAIO.agreement_checkout_selector != '' && $(WSAIO.agreement_checkout_selector).length != 0 && window.wsaio_involved != undefined && window.wsaio_involved == true && WSAIO.app_mode_applied){
              if($(WSAIO.agreement_checkout_selector).is(':checked')){
                window.isAgree = true;
                WSAIO.run_checkout()
              }else{
                window.isAgree = false;
                WSAIO.run_checkout()
              }
              $(document).on('click', WSAIO.agreement_checkout_selector, function (e) {
                if($(WSAIO.agreement_checkout_selector).is(':checked')){
                  window.isAgree = true;
                  WSAIO.run_checkout()
                }else{
                  window.isAgree = false;
                  WSAIO.run_checkout()
                }
              })
            }
          
          setTimeout(function(){
                /* ----------for without login show checkout -------------- */
                try{
                  if(WSAIO != undefined && !WSAIO.main_liquid_file_included && (typeof WSAIO.isShowCheckout == 'undefined')){
                    $(WSAIO.checkout_selector+','+WSAIO.duplicate_checkout_selector).removeClass('wsaio_hideCheckout')
                    $('.wsaio_coupon_group, .wsaio_coupon_link').css('cssText','display:block !important')
                }
                }catch(e){}
                /* ----------for login show checkout -------------- */
                try{
                  if((WSAIO != undefined || WSAIO.main_liquid_file_included) && (typeof WSAIO.isShowCheckout == 'undefined')){
                      $(WSAIO.checkout_selector+','+WSAIO.duplicate_checkout_selector).removeClass('wsaio_hideCheckout')
                        $('.wsaio_coupon_group, .wsaio_coupon_link').css('cssText','display:block !important')
                    }
                    }catch(e){}
                /* ----------if app undefined show checkout -------------- */
                try{
                  if(WSAIO == undefined || !WSAIO.isWholesaleCustomer() && (typeof WSAIO.isShowCheckout == 'undefined')){
                      $(WSAIO.checkout_selector+','+WSAIO.duplicate_checkout_selector).removeClass('wsaio_hideCheckout')
                        $('.wsaio_coupon_group, .wsaio_coupon_link').css('cssText','display:block !important')
                    }
                    }catch(e){}

                    if(WSAIO.buy_now_btn_replace == false || typeof WSAIO.buyNowEventListener == 'undefined' ){
                    $('.shopify-payment-button .shopify-payment-button__button').css('cssText','display:inline-block !important')
                    }

                    $('.wsaio_loader_checkout').hide();
            },1000);
            if(typeof current_product != 'undefined' && current_product != null){
              $('.wsaio_'+current_product.id).parents(WSAIO.product_parent_grid_selector).find('.wsaio_buynow').css('cssText','display:inline-block !important')
              if(WSAIO.buy_now_btn_replace == false){
              $(WSAIO.product_parent_grid_selector).find('.wsaio_buynow').remove()
              $('.wsaio_'+current_product.id).parents(WSAIO.product_parent_grid_selector).find('.shopify-payment-button .shopify-payment-button__button').css('cssText','display:inline-block !important')
              }
            }
          },1050)
        }else{
          $(WSAIO.checkout_selector+','+WSAIO.duplicate_checkout_selector).removeClass('wsaio_hideCheckout')
            $('.wsaio_loader_checkout').hide();
            $('.shopify-payment-button .shopify-payment-button__button').css('cssText','display:inline-block !important')
        }
        });

      
      WSAIO.run_checkout = function(){
        if(WSAIO.app_mode_applied){
        $('.wsaio_coupon_group, .wsaio_coupon_link').css('cssText','display:block !important')
        WSAIO.checkoutAlert = $('<ol class="wsaio-alerts"></ol>')
         /*  ==================replace checkout button =============================== */
         if(WSAIO.replace_checkout){
          $(WSAIO.replace_checkout_button).replaceWith(WSAIO.duplicate_checkout_html)
          if(typeof WSAIO.checkoutEventListner != 'undefined' && typeof WSAIO.isWholesaleCustomer != 'undefined' && WSAIO.isWholesaleCustomer() !== false){
            WSAIO.checkoutEventListner()
          }else{
            if(WSAIO.replace_checkout){
              $(document).on('click',WSAIO.checkout_selector+','+WSAIO.duplicate_checkout_selector, function (e) {
                e.preventDefault();
                e.stopImmediatePropagation();
                e.stopPropagation();
                window.location.href = '/checkout';
              });
            }
          }
          
        }
        /*  ==================order limit =============================== */
        
        
         WSAIO.order_control();WSAIO.disableCheckout()
        if(WSAIO.default_limit){
            if(typeof WSAIO.allow_normal_checkout__OC == 'undefined' || WSAIO.allow_normal_checkout__OC == false){
             WSAIO.checkoutAlert.append('<li class="waio-orderControl-message">' + WSAIO.checkout_message + "</li>");
          }else{
            WSAIO.checkoutAlert.append('<li class="waio-orderControl-message">' + WSAIO.checkout_message + "</li>");
             WSAIO.checkoutAlert.append('<li class="waio-orderControl-message">Fulfill minimum order requirements to avail discount</li>');
          }
        }
        
         /*  ==================Shipping =============================== */
        if(WSAIO.applied_shipping != undefined && WSAIO.applied_shipping.apply_shipping_charges && $('.Shipping_msg').length == 0 && WSAIO.shipping_message_applied){
          WSAIO.checkoutAlert.after('<div class="Shipping_msg" style="font-weight: 600;font-weight: bold; font-style: italic">' + WSAIO.applied_shipping.final_ship_rule.message + "</div>");
        }

        
        
        
        /*  ==================Show Checkout button =============================== */
        if(typeof WSAIO.isShowCheckout == 'undefined'){
          $(WSAIO.checkout_selector+','+WSAIO.duplicate_checkout_selector).removeClass('wsaio_hideCheckout')
        }else{
          $(WSAIO.checkout_selector+','+WSAIO.duplicate_checkout_selector).addClass('wsaio_hideCheckout')
        }
        $('.wsaio_coupon_group, .wsaio_coupon_link').css('cssText','display:block !important')
        /*  ==================Append all Alerts =============================== */
        
        $('.wsaio-alerts').remove();
        $('.waio_agree_message').remove()
        if(typeof window.MOQ_alert != 'undefined' && window.MOQ_alert!=''){
          WSAIO.checkoutAlert = window.MOQ_alert;
        }else{
          if($('.wsaio-alerts').length == 0 && WSAIO.checkoutAlert != undefined){
            $(WSAIO.checkout_message_selector).after(WSAIO.checkoutAlert);
          }
        }
        WSAIO.cartLevelUpSell();
        $('.wsaioUsellMessage,.Shipping_msg').remove();
        if(WSAIO.wsaioUpSell_msg != undefined && WSAIO.wsaioUpSell_msg!= '' && $('.wsaioUsellMessage').length == 0){
          if(typeof WSAIO.cart_level_upsell_message_select == 'undefined' || WSAIO.cart_level_upsell_message_select == ''){
             $(WSAIO.checkout_message_selector).before('<div class="wsaioUsellMessage">' + WSAIO.wsaioUpSell_msg + "</div>");
          }else{
             $(WSAIO.cart_level_upsell_message_select).before('<div class="wsaioUsellMessage">' + WSAIO.wsaioUpSell_msg + "</div>");
          }
        }
        if(WSAIO.applied_shipping != undefined && WSAIO.applied_shipping.apply_shipping_charges && $('.Shipping_msg').length == 0 && WSAIO.shipping_message_applied){
          $(WSAIO.checkout_message_selector).after('<div class="Shipping_msg" style="font-weight: 600;font-weight: bold; font-style: italic">' + WSAIO.applied_shipping.final_ship_rule.message + "</div>");
        }
        if($('.wsaio-alerts').length == 0 && WSAIO.checkoutAlert != undefined && typeof window.MOQ_alert != 'undefined' && WSAIO.checkoutAlert.indexOf('<ul class="wsaio-alerts"><li') > -1){
          $(WSAIO.checkout_message_selector).after(WSAIO.checkoutAlert);
        }


        /*  ==================Disabled Enable Checkout =============================== */
        if(WSAIO.disable_checkout || window.disable_checkout_MOQ || window.isAgree == false){
          if(WSAIO.agrrement_alert_message != '' && $('.waio_agree_message').length == 0 && typeof window.isAgree != 'undefined' && window.isAgree == false){
            $(WSAIO.checkout_message_selector).after('<p class="waio_agree_message" style="font-size: 14px;">'+WSAIO.agrrement_alert_message+'</p>');
          }
          if((typeof WSAIO.allow_normal_checkout__OC != 'undefined' && WSAIO.allow_normal_checkout__OC) && ((!window.disable_checkout_MOQ || $('.moq_error').length == 0) && (typeof window.isAgree == 'undefined' || window.isAgree))){
                      $(WSAIO.netTerm_checkout_selector).addClass('checkout-disabled').attr('disabled','disabled').css({'pointer-events': 'none','cursor': 'default'})
                }else{
                      $(WSAIO.checkout_selector+','+WSAIO.duplicate_checkout_selector+','+WSAIO.netTerm_checkout_selector).addClass('checkout-disabled').attr('disabled','disabled').css({'pointer-events': 'none','cursor': 'default'})
                }
          }else{
            $(WSAIO.checkout_selector+','+WSAIO.duplicate_checkout_selector+','+WSAIO.netTerm_checkout_selector).removeClass('checkout-disabled').removeAttr('disabled').css({'pointer-events': 'auto','cursor': 'pointer'})
          }
        /*  ==================================== =============================== */
        $('.wsaio_loader_checkout').hide();
      }
    }

        
        window.addEventListener("load",function(){
          if(typeof WSAIO != 'undefined' && window.wsaio_involved != undefined && window.wsaio_involved == true && typeof WSAIO.preCheckout == 'undefined' && WSAIO.app_mode_applied){
            WSAIO.preloadCheckout = function (){
              WSAIO.showCheckoutLoader();
              try {
                    "undefined" === typeof window.waioMOC && (window.waioMOC = {});
                    "undefined" === typeof waioMOC.cart && (waioMOC.cart = {});
                    try {
                      window.cart_data = WSAIO.cart_object;
                      waioMOC.cart["item_count"] = WSAIO.cart_object.item_count;
                      waioMOC.cart["original_total_price"] = WSAIO.cart_object.original_total_price;
                      WSAIO.order_control()
                      setTimeout(function(){
                        if(typeof WSAIO.loadcartQuantityControllers != 'undefined' && typeof WSAIO.load_checkout_restriction != 'undefined'){ WSAIO.load_checkout_restriction(); WSAIO.loadcartQuantityControllers([],function(e){setTimeout(function(){WSAIO.run_checkout()},1000)});}else{WSAIO.run_checkout()}
                      },1000)
                    } catch (e) {}
                 } catch (e) {}

            };
            WSAIO.preCheckout = function (){
              if(typeof WSAIO.run_checkout != 'undefined'){
                WSAIO.showCheckoutLoader()
                 $.getJSON(WSAIO.local_param +'cart',function(e){
                  window.cart_data = e;
                    try {
                    "undefined" === typeof window.waioMOC && (window.waioMOC = {});
                    "undefined" === typeof waioMOC.cart && (waioMOC.cart = {});
                    try {
                      waioMOC.cart["item_count"] = e.item_count;
                      waioMOC.cart["original_total_price"] = e.original_total_price;
                      WSAIO.order_control()
                      if(typeof WSAIO.cartQuantityControllers != 'undefined' && typeof WSAIO.checkout_restriction != 'undefined'){ WSAIO.checkout_restriction(); WSAIO.cartQuantityControllers([],function(e){setTimeout(function(){WSAIO.run_checkout()},500)});}else{WSAIO.run_checkout()}
                    } catch (e) {}
                    } catch (e) {}
                })
              }
            };
            WSAIO.preloadCheckout();
          }
        })
        
};


</script>
<style>.wsaioUsellMessage li{display: flex !important; margin: 0px !important; padding: 0px !important; font-size: 12px !important; color: #499141 !important; line-height: 1.3 !important;}.wsaioUsellMessage li::before { content: '•'; font-size: 8px; padding-top: 2px; }.wsaioUsellMessage{margin: 8px 0px !important;line-height: 1.3;color: #499141; font-size: 13px !important; background: #ddd; padding: 10px; margin: auto; border-radius: 10px; animation: zoom-in-zoom-outs 2s ease-out infinite;}@keyframes zoom-in-zoom-outs { 0% { transform: scale(1, 1); } 50% { transform: scale(1.1, 1.1); } 100% { transform: scale(1, 1); } }.wholesaleAllInOnePreview{box-shadow:0 -1px 3px rgb(0 0 0 / 20%);overflow:visible!important;position:fixed!important;bottom:0!important;left:0!important;z-index:2147483647!important;width:100%!important;height:60px!important;border:none!important;background-color:#fffffffc!important;padding:0 1rem!important}.wholesale_bar__stack{min-height:60px;align-items:center;margin-top:0;margin-left:0;display:flex}.wholesale_bar__item{-webkit-box-flex:1;flex:1 1 auto;min-width:0;max-width:100%}.wholesale_bar__button_group{-webkit-box-pack:end;justify-content:flex-end;display:flex;align-items:center;flex-wrap:wrap;-webkit-box-align:center;list-style:none;margin:0 30px 0 0;padding:0}.wholesale-button-group__item{margin-top:0;margin-right:.5rem;display:flex;flex-wrap:wrap;-webkit-box-align:center;align-items:center;list-style:none;margin-bottom:0}.wholesale-button-group{font-size:12px;font-family:inherit;cursor:pointer;text-transform:none;padding:.5625rem .9375rem;border-radius:5px!important;color:rgb(32 34 35)!important;background:unset;border:1px solid rgb(186 191 195)!important;border-top-color:rgb(186 191 195)!important;border-bottom-color:rgb(186 191 195)!important;box-shadow:0 1px 0 rgb(0 0 0 / 5%)!important;position:relative;min-height:40px!important;touch-action:manipulation;letter-spacing:1px;font-weight:600}.wsaio_bar_dropbtn{cursor:pointer!important;width:110px!important;text-align:left!important;background-color:#fffffffc!important;font-size:12px!important}.wsaio_bar_dropdown{position:relative;display:inline-block;margin-left:6px}.wsaio_bar_dropdown-content{display:none;position:absolute;min-width:160px;box-shadow:0 1px 10px 0 rgb(5 7 10 / 20%);z-index:99999;bottom:42px;border-radius:10px;padding:2px;right:0}.wsaio_bar_dropdown-content button{color:#000!important;padding:12px 16px!important;text-decoration:none!important;display:block!important;background:unset!important;width:100%!important;border:#ffdead!important}.wsaio_bar_show{display:block}.wholesale_bar__item a{color:#007ace!important}.wholesale-button-group2{border:none!important;box-shadow:unset!important;color:#007ace!important}.wholesale-button-group:hover{background:unset!important}@media screen and (min-width:768px){.wholesaleAllInOnePreview{padding:0 1rem!important}}@media screen and (max-width:884px){.wsaio_bar_dropdown{display:block!important}.wholesale_bar__button_group{display:none!important}.wholesaleAllInOnePreview{height:auto!important;padding:10px 0 10px 10px!important;line-height:20px!important}.wholesale_bar__stack{padding-right:24px!important}.wholesale_bar__item div{font-size:13px!important}}</style><!-- END app snippet -->

 
 <script src="https://cdn.shopify.com/extensions/a4cc6153-3622-4d9e-b3ec-e9c0eea0339b/wholesale-all-in-one-58/assets/wholesale-all-in-one-module-min.js" defer type="text/javascript"></script>
  
<script>
    // Redirect to cart page when URL contain checkout_url paramter
    try{
      var hiddenInput_selector = document.querySelectorAll('[name="checkout_url"]');
      if( window.location.href.indexOf('/account/login') && hiddenInput_selector.length > 0){
        NodeList.prototype.forEach = NodeList.prototype.forEach || Array.prototype.forEach;
        hiddenInput_selector.forEach((function(x){ x.setAttribute('value','/cart')}))
      }
    }catch(e){
      console.log('Login checkout_url not updated by WSAIO');
    }

</script>












</div><div id="shopify-block-AZ1Zsckk1cGh4UzFFQ__15551562133269743879" class="shopify-block shopify-app-block"><!--googleoff: all-->

<style>

    [x-sa-cloak] { display: none !important; }
    .font-system{
        font-family: system-ui;
    }
    .sa-big-cursor{
        cursor: url(https://cdn.shopify.com/extensions/a709df43-2b56-4860-a235-7464f28603e2/codeinspire-accessibility-tool-12/assets/big-cursor.svg), auto;
    }
    .sa-no-transition *{
        transition-timing-function: step-end!important;
        transition-duration: 0s!important;
        animation-timing-function: step-end!important;
        animation-iteration-count: 1!important;
        animation-duration: 0s!important;
    }
    .sa-hide-images *{
        background-image: none !important;
    }
    .sa-low-saturation{
        filter: saturate(0.5);
    }
    .sa-high-saturation{
        filter: saturate(2);
    }
    .sa-grayscale-saturation{
        filter: grayscale(1);
    }
    .sa-inverted-contrast{
        filter: invert(1);
    }
    .sa-low-contrast{
        filter: contrast(0.5);
    }
    .sa-high-contrast{
        filter: contrast(2);
    }
    .sa-reading-text{
        background-color: #ffeb3b !important;
    }

</style>

<script>
    window.sa_shop_domain = 'key-west-candle-co.myshopify.com';
</script>

<div
    data-shop="key-west-candle-co.myshopify.com"
    class="smart-accessibility-widget "
    x-sa-bind:class="settings.position"
    x-sa-cloak
    style="display: none;"
    x-sa-show="settings.enable"
    x-sa-trap="openWidget"
    x-sa-on:keyup.tab.window="enableKeyboardNavigation = true"
    x-sa-on:keyup.escape.window="openWidget = false"
    x-sa-data="sa_accessibility">
    <div class="smart-accessibility-widget__overlay sa-no-track" x-sa-show="openWidget" x-sa-on:click="openWidget = false"></div>
    <div
        x-sa-bind:class="settings.position + ' ' + settings.icon_size"
        x-sa-show="!settings.hide_trigger"
        x-sa-bind:style="{
            borderColor: settings.brand_color,
        }"
        class="sa-widget__cta">
        <button type="button" x-sa-on:click="openWidget = !openWidget"
            x-sa-bind:style="getBranding"
            :aria-label="settings.t_enable_accessibility"
            class="widget-icon sa-no-track" :title="settings.t_enable_accessibility">

            <svg x-sa-show="openWidget" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-x">
                <line x1="18" y1="6" x2="6" y2="18"></line>
                <line x1="6" y1="6" x2="18" y2="18"></line>
            </svg>

            <span x-sa-show="!openWidget" style="height: 24px;" class="sa-no-track">

                <svg x-sa-show="settings.icon == 1" xmlns="http://www.w3.org/2000/svg" class="sa-icon sa-icon-accessibility" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"   stroke="#fff" fill="none" stroke-linecap="round" stroke-linejoin="round">
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                    <circle cx="11" cy="5" r="2" />
                    <polyline points="11 7 11 15 15 15 19 20" />
                    <line x1="11" y1="11" x2="16" y2="11" />
                    <path d="M7 11.5a5 5 0 1 0 6 7.5" />
                </svg>

                <svg x-sa-show="settings.icon == 2" xmlns="http://www.w3.org/2000/svg" class="sa-icon sa-icon-tabler icon-tabler-accessible" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                    <circle cx="12" cy="12" r="9" />
                    <path d="M10 16.5l2 -3l2 3m-2 -3v-2l3 -1m-6 0l3 1" />
                    <circle cx="12" cy="7.5" r=".5" fill="currentColor" />
                </svg>

                <svg x-sa-show="settings.icon == 3" xmlns="http://www.w3.org/2000/svg" class="sa-icon sa-icon-tabler icon-tabler-disabled-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                    <circle cx="17" cy="6" r="2" />
                    <path d="M9 11a5 5 0 1 0 3.95 7.95" />
                    <path d="M19 20l-4 -5h-4l3 -5l-4 -3l-4 1" />
                </svg>

                <svg x-sa-show="settings.icon == 4" class="sa-icon sa-icon-tabler icon-tabler-disabled-4" width="28" height="28" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" stroke="currentColor" style="fill: currentColor;" fill="currentColor" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M256,112a56,56,0,1,1,56-56A56.06,56.06,0,0,1,256,112Z"/>
                    <path d="M432,112.8l-.45.12h0l-.42.13c-1,.28-2,.58-3,.89-18.61,5.46-108.93,30.92-172.56,30.92-59.13,0-141.28-22-167.56-29.47a73.79,73.79,0,0,0-8-2.58c-19-5-32,14.3-32,31.94,0,17.47,15.7,25.79,31.55,31.76v.28l95.22,29.74c9.73,3.73,12.33,7.54,13.6,10.84,4.13,10.59.83,31.56-.34,38.88l-5.8,45L150.05,477.44q-.15.72-.27,1.47l-.23,1.27h0c-2.32,16.15,9.54,31.82,32,31.82,19.6,0,28.25-13.53,32-31.94h0s28-157.57,42-157.57,42.84,157.57,42.84,157.57h0c3.75,18.41,12.4,31.94,32,31.94,22.52,0,34.38-15.74,32-31.94-.21-1.38-.46-2.74-.76-4.06L329,301.27l-5.79-45c-4.19-26.21-.82-34.87.32-36.9a1.09,1.09,0,0,0,.08-.15c1.08-2,6-6.48,17.48-10.79l89.28-31.21a16.9,16.9,0,0,0,1.62-.52c16-6,32-14.3,32-31.93S451,107.81,432,112.8Z"/>
                </svg>

            </span>
            <span class="sa-sr-only sa-no-track" x-sa-text="settings.t_enable_accessibility">
                Enable accessibility
            </span>
        </button>
    </div>

    <div class="sa-widget__wrapper sa-no-track"
        x-sa-bind:class="settings.position"
        x-sa-bind:style="{
            borderColor: settings.brand_color,
        }"
        x-sa-show="openWidget">

        <div
            x-sa-bind:style="getBranding"
            class="sa-widget__header sa-no-track">
            <div class="sa-widget__title sa-no-track" x-sa-text="settings.title">
                Accessibility
            </div>
            <button type="button" x-sa-ref="close_btn" x-sa-on:click="openWidget = false"
                :aria-label="settings.t_close_accessibility"
                class="sa-widget__close sa-no-track">
                <svg xmlns="http://www.w3.org/2000/svg" class="sa-icon sa-icon-close" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#fff" fill="none" stroke-linecap="round" stroke-linejoin="round">
                <title>Close icon</title>
                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                <line x1="18" y1="6" x2="6" y2="18" />
                <line x1="6" y1="6" x2="18" y2="18" />
                </svg>

                <span class="sa-sr-only" x-sa-text="settings.t_close_accessibility">
                    Close accessibility widget
                </span>
            </button>
        </div>

        <div class="sa-widget__top sa-button--group sa-no-track">

            <button type="button"
                :aria-label="settings.t_reset_all"
                x-sa-show="settings.show_reset_all"
                x-sa-text="settings.t_reset_all"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                x-sa-on:click="resetAll(); $dispatch('sa-reset-all')"
                class="sa-relative sa-no-track sa-button">
                Reset All
            </button>

            <button
                x-sa-show="settings.show_statement"
                x-sa-on:click="toggleStatement = !toggleStatement"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                :aria-label="settings.t_statement"
                type="button"
                class="sa-relative sa-no-track sa-button"
                x-sa-bind:class="{ 'active' : toggleStatement }"
                >
                <svg class="sa-svg-checked" x-sa-bind:style="toggleStatement && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                    <title>Checked mark</title>
                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                </svg>
                <span x-sa-text="settings.t_statement" class="sa-no-track">
                    Statement
                </span>
            </button>

        </div>

        <div x-sa-show="toggleStatement" class="sa-widget__statement sa-no-track">
            <div x-sa-html="(toggleStatement) ? settings.statement : ''"></div>
        </div>

        <div x-sa-show="!toggleStatement" class="sa-widget__main sa-no-track">

            <select x-sa-show="settings.show_language" x-sa-model="language.currentLanguage" name="sa_language" class="widget__feature sa-no-track sa-full-width" aria-label="Change language">
                <option value="auto">Language</option>
                <option value="en">English</option>
                <option value="fr">French</option>
                <option value="es">Spanish</option>
                <option value="de">German</option>
                <option value="it">Italian</option>
                <option value="pt">Portuguese</option>
                <option value="zh">Chinese</option>
                <option value="ja">Japanese</option>
                <option value="ar">Arabic</option>
                <option value="he">Hebrew</option>
                <option value="fa">Persian</option>
            </select>

            <button
                x-sa-show="settings.show_font_size"
                x-sa-data="{ level: $persist(0).as('font-size-level') }"
                x-sa-on:sa-reset-all.window="level = 0"
                :aria-label="settings.t_font_size"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                x-sa-on:click="() => { if(level < 4) { level++; adjustFontSize(level) } else { level = 0; resetFontSize() } }"
                class="widget__feature sa-no-track sa-relative sa-button" x-sa-bind:class="{ 'active' : font.isInitialised }" type="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                    stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-type sa-mx-auto">
                    <title>Adjust font size</title>
                    <polyline points="4 7 4 4 20 4 20 7"></polyline>
                    <line x1="9" y1="20" x2="15" y2="20"></line>
                    <line x1="12" y1="4" x2="12" y2="20"></line>
                </svg>

                <svg class="sa-svg-checked" x-sa-bind:style="font.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                    <title>Checked mark</title>
                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                </svg>
                <span class="sa-no-track" x-sa-text="settings.t_font_size"> Font size</span>
                <div class="sa-bar sa-no-track">
                    <div x-sa-show="level > 0" class="sa-bar__flex">
                        <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span>
                        <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span>
                        <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span>
                        <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 3 && { backgroundColor: settings.brand_color }"></span>
                    </div>
                </div>

            </button>

            <button
                x-sa-show="settings.show_screen_reader"
                x-sa-on:click="toggleScreenReader"
                :aria-label="settings.t_screen_reader"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                class="widget__feature sa-no-track sa-relative sa-button"
                x-sa-bind:class="{ 'active' : screenReader.isInitialised }"
                type="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                    stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-mic sa-mx-auto">
                    <title>Screen Reader</title>
                    <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"></path>
                    <path d="M19 10v2a7 7 0 0 1-14 0v-2"></path>
                    <line x1="12" y1="19" x2="12" y2="23"></line>
                    <line x1="8" y1="23" x2="16" y2="23"></line>
                </svg>
                <svg class="sa-svg-checked" x-sa-bind:style="screenReader.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                    <title>Checked mark</title>
                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                </svg>
                <span class="sa-no-track" x-sa-text="settings.t_screen_reader"> Screen Reader</span>
            </button>

            <button
                x-sa-show="settings.show_contrast"
                x-sa-data="{ level: $persist(0).as('contrast-level') }"
                x-sa-on:sa-reset-all.window="level = 0"
                :aria-label="settings.t_contrast"
                x-sa-on:click="() => { if(level < 3) { level++; toggleContrast(level) } else { level = 0; resetContrast() } }"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                class="widget__feature sa-no-track sa-relative sa-button"
                x-sa-bind:class="{ 'active' : contrast.isInitialised }"
                type="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-contrast sa-mx-auto">
                    <title>Contrast</title>
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                    <circle cx="12" cy="12" r="9" />
                    <path d="M12 17a5 5 0 0 0 0 -10v10" />
                </svg>

                <svg class="sa-svg-checked" x-sa-bind:style="contrast.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                    <title>Checked mark</title>
                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                </svg>

                <span class="sa-no-track" x-sa-show="level == 0" x-sa-text="settings.t_contrast"> Contrast</span>
                <span class="sa-no-track" x-sa-show="level == 1" x-sa-text="settings.t_inverted"> Inverted</span>
                <span class="sa-no-track" x-sa-show="level == 2" x-sa-text="settings.t_low_contrast"> Low Contrast</span>
                <span class="sa-no-track" x-sa-show="level == 3" x-sa-text="settings.t_high_contrast"> High Contrast</span>

                <div class="sa-bar sa-no-track">
                    <div x-sa-show="level > 0" class="sa-bar__flex">
                        <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span>
                        <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span>
                        <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span>
                    </div>
                </div>

            </button>

            <button
                x-sa-show="settings.show_highlight_links"
                x-sa-on:click="toggleLinkHighlights"
                :aria-label="settings.t_highlight_links"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                class="widget__feature sa-no-track sa-relative sa-button" x-sa-bind:class="{ 'active' : linkHighlights }" type="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-type sa-mx-auto">
                    <title>Highlight Links</title>
                    <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path>
                    <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
                </svg>

                <svg class="sa-svg-checked" x-sa-bind:style="linkHighlights && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                    <title>Checked mark</title>
                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                </svg>
                <span class="sa-no-track" x-sa-text="settings.t_highlight_links"> Highlight Links</span>
            </button>

            <button
                x-sa-show="settings.show_cursor"
                x-sa-on:click="toggleBigCursor"
                :aria-label="settings.t_cursor"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                class="widget__feature sa-no-track sa-relative sa-button"
                x-sa-bind:class="{ 'active' : enableBigCursor }" type="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-mouse-pointer sa-mx-auto">
                    <title>Change Cursor</title>
                    <path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"></path>
                    <path d="M13 13l6 6"></path>
                </svg>

                <svg class="sa-svg-checked" x-sa-bind:style="enableBigCursor && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                    <title>Checked mark</title>
                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                </svg>

                <span class="sa-no-track" x-sa-text="settings.t_cursor"> Cursor</span>

            </button>

            <button
                x-sa-show="settings.show_text_align"
                x-sa-data="{
                    level: $persist(0).as('text-align-level'),
                }"
                :aria-label="settings.t_text_align"
                x-sa-on:sa-reset-all.window="level = 0"
                x-sa-on:click="() => { if(level < 3) { level++; toggleTextAlign(level) } else { level = 0; resetTextAlign() } }"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                class="widget__feature sa-no-track sa-relative sa-button"
                x-sa-bind:class="{ 'active' : textAlign.isInitialised }" type="button">

                    <svg xmlns="http://www.w3.org/2000/svg" x-sa-show="level == 0 || level == 2" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto">
                        <title>Text align</title>
                        <line x1="18" y1="10" x2="6" y2="10"></line>
                        <line x1="21" y1="6" x2="3" y2="6"></line>
                        <line x1="21" y1="14" x2="3" y2="14"></line>
                        <line x1="18" y1="18" x2="6" y2="18"></line>
                    </svg>

                    <svg xmlns="http://www.w3.org/2000/svg" x-sa-show="level == 1" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto">
                        <title>Text left</title>
                        <line x1="17" y1="10" x2="3" y2="10"></line>
                        <line x1="21" y1="6" x2="3" y2="6"></line>
                        <line x1="21" y1="14" x2="3" y2="14"></line>
                        <line x1="17" y1="18" x2="3" y2="18"></line>
                    </svg>

                    <svg xmlns="http://www.w3.org/2000/svg" x-sa-show="level == 3" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto">
                        <title>Text right</title>
                        <line x1="21" y1="10" x2="7" y2="10"></line>
                        <line x1="21" y1="6" x2="3" y2="6"></line>
                        <line x1="21" y1="14" x2="3" y2="14"></line>
                        <line x1="21" y1="18" x2="7" y2="18"></line>
                    </svg>

                    <svg class="sa-svg-checked" x-sa-bind:style="textAlign.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                        <title>Checked mark</title>
                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                    </svg>
                    <span class="sa-no-track">
                        <span class="sa-no-track" x-sa-show="level == 0" x-sa-text="settings.t_text_align"> Text Align </span>
                        <span class="sa-no-track" x-sa-show="level == 1" x-sa-text="settings.t_text_left"> Text Left </span>
                        <span class="sa-no-track" x-sa-show="level == 2" x-sa-text="settings.t_text_center"> Text Center </span>
                        <span class="sa-no-track" x-sa-show="level == 3" x-sa-text="settings.t_text_right"> Text Right </span>
                    </span>

                    <div class="sa-bar sa-no-track">
                        <div x-sa-show="level > 0" class="sa-bar__flex">
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span>
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span>
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span>
                       </div>
                    </div>
            </button>

            <button
                x-sa-show="settings.show_saturation"
                x-sa-data="{ level: $persist(0).as('saturation-level') }"
                x-sa-on:sa-reset-all.window="level = 0"
                :aria-label="settings.t_saturation"
                x-sa-on:click="() => { if(level < 3) { level++; toggleSaturation(level) } else { level = 0; resetSaturation() } }"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                class="widget__feature sa-no-track sa-relative sa-button"
                x-sa-bind:class="{ 'active' : saturation.isInitialised }" type="button">
                    <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 16 16" fill="currentColor" class="sa-icon sa-icon-droplet sa-mx-auto" style="fill: currentColor">
                        <title>Saturation icon</title>
                        <path fill-rule="evenodd" d="M7.21.8C7.69.295 8 0 8 0c.109.363.234.708.371 1.038.812 1.946 2.073 3.35 3.197 4.6C12.878 7.096 14 8.345 14 10a6 6 0 0 1-12 0C2 6.668 5.58 2.517 7.21.8zm.413 1.021A31.25 31.25 0 0 0 5.794 3.99c-.726.95-1.436 2.008-1.96 3.07C3.304 8.133 3 9.138 3 10a5 5 0 0 0 10 0c0-1.201-.796-2.157-2.181-3.7l-.03-.032C9.75 5.11 8.5 3.72 7.623 1.82z"/>
                        <path fill-rule="evenodd" d="M4.553 7.776c.82-1.641 1.717-2.753 2.093-3.13l.708.708c-.29.29-1.128 1.311-1.907 2.87l-.894-.448z"/>
                    </svg>

                    <svg class="sa-svg-checked" x-sa-bind:style="saturation.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                        <title>Checked mark</title>
                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                    </svg>

                    <span class="sa-no-track" x-sa-show="level == 0" x-sa-text="settings.t_saturation"> Saturation</span>
                    <span class="sa-no-track" x-sa-show="level == 1" x-sa-text="settings.t_low_saturation"> Low Saturation</span>
                    <span class="sa-no-track" x-sa-show="level == 2" x-sa-text="settings.t_high_saturation"> High Saturation</span>
                    <span class="sa-no-track" x-sa-show="level == 3" x-sa-text="settings.t_grayscale"> Grayscale</span>

                    <div class="sa-bar sa-no-track">
                        <div x-sa-show="level > 0" class="sa-bar__flex">
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span>
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span>
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span>
                        </div>
                    </div>
            </button>

            <button
                x-sa-show="settings.show_line_height"
                x-sa-data="{
                    level: $persist(0).as('line-height-level'),
                }"
                x-sa-on:sa-reset-all.window="level = 0"
                :aria-label="settings.t_line_height"
                x-sa-on:click="() => { if(level < 4) { level++; toggleLineHeight(level) } else { level = 0; resetLineHeight() } }"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                class="widget__feature sa-no-track sa-relative sa-button" type="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-line-height sa-mx-auto">
                        <title>Line Height</title>
                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                        <polyline points="3 8 6 5 9 8" />
                        <polyline points="3 16 6 19 9 16" />
                        <line x1="6" y1="5" x2="6" y2="19" />
                        <line x1="13" y1="6" x2="20" y2="6" />
                        <line x1="13" y1="12" x2="20" y2="12" />
                        <line x1="13" y1="18" x2="20" y2="18" />
                    </svg>
                    <svg class="sa-svg-checked" x-sa-bind:style="lineHeight.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                        <title>Checked mark</title>
                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                    </svg>
                    <span class="sa-no-track" x-sa-text="settings.t_line_height"> Line Height</span>

                    <div class="sa-bar sa-no-track">
                        <div x-sa-show="level > 0" class="sa-bar__flex">
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span>
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span>
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span>
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 3 && { backgroundColor: settings.brand_color }"></span>
                        </div>
                    </div>

            </button>

            <button
                x-sa-show="settings.show_letter_spacing"
                x-sa-data="{
                    level: $persist(0).as('letter-spacing-level'),
                }"
                x-sa-on:sa-reset-all.window="level = 0"
                :aria-label="settings.t_letter_spacing"
                x-sa-on:click="() => { if(level < 4) { level++; toggleLetterSpacing(level) } else { level = 0; resetLetterSpacing() } }"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                class="widget__feature sa-no-track sa-relative sa-button"
                x-sa-bind:class="{ 'active' : letterSpacing.isInitialised }"
                type="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-letter-spacing sa-mx-auto">
                        <title>Letter Spacing</title>
                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                        <path d="M5 12v-5.5a2.5 2.5 0 0 1 5 0v5.5m0 -4h-5" />
                        <path d="M13 4l3 8l3 -8" />
                        <path d="M5 18h14" />
                        <path d="M17 20l2 -2l-2 -2" />
                        <path d="M7 16l-2 2l2 2" />
                    </svg>

                    <svg class="sa-svg-checked" x-sa-bind:style="letterSpacing.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                        <title>Checked mark</title>
                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                    </svg>

                    <span class="sa-no-track" x-sa-text="settings.t_letter_spacing">Letter Spacing</span>
                    <div class="sa-bar sa-no-track">
                        <div x-sa-show="level > 0" class="sa-bar__flex">
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span>
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span>
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span>
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 3 && { backgroundColor: settings.brand_color }"></span>
                        </div>
                    </div>
            </button>

            <button
                x-sa-show="settings.show_stop_animations"
                x-sa-on:click="toggleStopAnimations"
                :aria-label="settings.t_stop_animation"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                class="widget__feature sa-no-track sa-relative sa-button"
                x-sa-bind:class="{ 'active' : enableStopAnimations }"
                type="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto">
                    <title>Stop Animations</title>
                    <circle cx="12" cy="12" r="10"></circle>
                    <line x1="10" y1="15" x2="10" y2="9"></line>
                    <line x1="14" y1="15" x2="14" y2="9"></line>
                    </svg>
                    <svg class="sa-svg-checked" x-sa-bind:style="enableStopAnimations && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                        <title>Checked mark</title>
                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                    </svg>
                    <span class="sa-no-track" x-sa-text="settings.t_stop_animation">Stop Animations</span>
            </button>

            <button
                x-sa-show="settings.show_mute_sounds"
                x-sa-on:click="toggleMuteSounds"
                :aria-label="settings.t_mute_sounds"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                class="widget__feature sa-no-track sa-relative sa-button"
                x-sa-bind:class="{ 'active' : enableMuteSounds }"
                type="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto">
                        <title>Mute sounds</title>
                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                        <path d="M6 10c0 -1.146 .277 -2.245 .78 -3.219m1.792 -2.208a7 7 0 0 1 10.428 9.027a10 10 0 0 1 -.633 .762m-2.045 1.96a8 8 0 0 0 -1.322 2.278a4.5 4.5 0 0 1 -6.8 1.4" />
                        <path d="M11.42 7.414a3 3 0 0 1 4.131 4.13" />
                        <line x1="3" y1="3" x2="21" y2="21" />
                    </svg>
                    <svg class="sa-svg-checked"
                        x-sa-bind:style="enableMuteSounds && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                        <title>Checked mark</title>
                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                    </svg>
                    <span class="sa-no-track" x-sa-text="settings.t_mute_sounds">Mute Sounds</span>
            </button>

            <button
                x-sa-show="settings.show_hide_images"
                x-sa-on:click="toggleHideImages"
                :aria-label="settings.t_hide_images"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                class="widget__feature sa-no-track sa-relative sa-button"
                x-sa-bind:class="{ 'active' : hideImages }"
                type="button">
                    <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto">
                        <title>Hide Image</title>
                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                        <line x1="3" y1="3" x2="21" y2="21" />
                        <line x1="15" y1="8" x2="15.01" y2="8" />
                        <path d="M19.121 19.122a3 3 0 0 1 -2.121 .878h-10a3 3 0 0 1 -3 -3v-10c0 -.833 .34 -1.587 .888 -2.131m3.112 -.869h9a3 3 0 0 1 3 3v9" />
                        <path d="M4 15l4 -4c.928 -.893 2.072 -.893 3 0l5 5" />
                        <path d="M16.32 12.34c.577 -.059 1.162 .162 1.68 .66l2 2" />
                    </svg>
                    <svg class="sa-svg-checked"
                        x-sa-bind:style="hideImages && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                        <title>Checked mark</title>
                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                    </svg>
                    <span class="sa-no-track" x-sa-text="settings.t_hide_images">Hide Images</span>
            </button>

            <div x-sa-show="settings.show_text_colors" class="widget__feature sa-no-track sa-text-center sa-relative sa-widget__col-2">
                <div class="sa-no-track sa-text" x-sa-text="settings.t_text_colors">Adjust text colors</div>
                <svg class="sa-svg-checked"
                        x-sa-bind:style="textColor.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                        <title>Checked mark</title>
                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                </svg>
                <div class="sa-widget__flex sa-widget__gap sa-widget__justify-evenly sa-no-track">
                    <button class="sa-button sa-widget__swatch sa-bg-red"
                        x-sa-bind:class="{ 'sa-active' : isTextColor('#dc2626') }"
                        x-sa-on:click="setTextColor('#dc2626')"
                        aria-label="Change text color to red"
                        title="Change text color to red"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-blue"
                        x-sa-bind:class="{ 'sa-active' : isTextColor('#2563eb') }"
                        x-sa-on:click="setTextColor('#2563eb')"
                        aria-label="Change text color to blue"
                        title="Change text color to blue"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-green "
                        x-sa-bind:class="{ 'sa-active' : isTextColor('#16a34a') }"
                        x-sa-on:click="setTextColor('#16a34a')"
                        aria-label="Change text color to green"
                        title="Change text color to green"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-purple "
                        x-sa-bind:class="{ 'sa-active' : isTextColor('#9333ea') }"
                        x-sa-on:click="setTextColor('#9333ea')"
                        aria-label="Change text color to purple"
                        title="Change text color to purple"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-orange "
                        x-sa-bind:class="{ 'sa-active' : isTextColor('#ea580c') }"
                        x-sa-on:click="setTextColor('#ea580c')"
                        aria-label="Change text color to orange"
                        title="Change text color to orange"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-teal "
                        x-sa-bind:class="{ 'sa-active' : isTextColor('#0d9488') }"
                        x-sa-on:click="setTextColor('#0d9488')"
                        aria-label="Change text color to teal"
                        title="Change text color to teal"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-black "
                        x-sa-bind:class="{ 'sa-active' : isTextColor('#000') }"
                        x-sa-on:click="setTextColor('#000')"
                        aria-label="Change text color to black"
                        title="Change text color to black"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-white "
                        x-sa-bind:class="{ 'sa-active' : isTextColor('#fff') }"
                        x-sa-on:click="setTextColor('#fff')"
                        aria-label="Change text color to white"
                        title="Change text color to white"></button>
                </div>
                <button class="sa-widget__reset-btn sa-button sa-no-track"
                x-sa-on:click="resetTextColor()"
                x-sa-text="settings.t_reset">Reset</button>
            </div>

            <div x-sa-show="settings.show_heading_colors" class="widget__feature sa-no-track sa-text-center sa-relative sa-widget__col-2">
                <div class="sa-no-track sa-text" x-sa-text="settings.t_heading_colors">Adjust heading colors</div>
                <svg class="sa-svg-checked"
                        x-sa-bind:style="headingColor.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                        <title>Checked mark</title>
                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                </svg>
                <div class="sa-widget__flex sa-widget__gap sa-widget__justify-evenly sa-no-track">
                    <button class="sa-button sa-widget__swatch sa-bg-red"
                        x-sa-bind:class="{ 'sa-active' : isHeadingColor('#dc2626') }"
                        x-sa-on:click="setHeadingColor('#dc2626')"
                        aria-label="Change heading color to red"
                        title="Change heading color to red"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-blue"
                        x-sa-bind:class="{ 'sa-active' : isHeadingColor('#2563eb') }"
                        x-sa-on:click="setHeadingColor('#2563eb')"
                        aria-label="Change heading color to blue"
                        title="Change heading color to blue"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-green "
                        x-sa-bind:class="{ 'sa-active' : isHeadingColor('#16a34a') }"
                        x-sa-on:click="setHeadingColor('#16a34a')"
                        aria-label="Change heading color to green"
                        title="Change heading color to green"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-purple "
                        x-sa-bind:class="{ 'sa-active' : isHeadingColor('#9333ea') }"
                        x-sa-on:click="setHeadingColor('#9333ea')"
                        aria-label="Change heading color to purple"
                        title="Change heading color to purple"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-orange "
                        x-sa-bind:class="{ 'sa-active' : isHeadingColor('#ea580c') }"
                        x-sa-on:click="setHeadingColor('#ea580c')"
                        aria-label="Change heading color to orange"
                        title="Change heading color to orange"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-teal "
                        x-sa-bind:class="{ 'sa-active' : isHeadingColor('#0d9488') }"
                        x-sa-on:click="setHeadingColor('#0d9488')"
                        aria-label="Change heading color to teal"
                        title="Change heading color to teal"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-black "
                        x-sa-bind:class="{ 'sa-active' : isHeadingColor('#000') }"
                        x-sa-on:click="setHeadingColor('#000')"
                        aria-label="Change heading color to black"
                        title="Change heading color to black"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-white "
                        x-sa-bind:class="{ 'sa-active' : isHeadingColor('#fff') }"
                        x-sa-on:click="setHeadingColor('#fff')"
                        aria-label="Change heading color to white"
                        title="Change heading color to white"></button>
                </div>
                <button class="sa-widget__reset-btn sa-button sa-no-track"
                x-sa-on:click="resetHeadingColor()"
                x-sa-text="settings.t_reset">Reset</button>
            </div>

            <div x-sa-show="settings.show_bg_colors" class="widget__feature sa-no-track sa-text-center sa-relative sa-widget__col-2">
                <div class="sa-no-track sa-text" x-sa-text="settings.t_bg_colors">Adjust background colors</div>
                <svg class="sa-svg-checked"
                        x-sa-bind:style="bgColor.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                        <title>Checked mark</title>
                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                </svg>
                <div class="sa-widget__flex sa-widget__gap sa-widget__justify-evenly sa-no-track">
                    <button class="sa-button sa-widget__swatch sa-bg-red"
                        x-sa-bind:class="{ 'sa-active' : isBgColor('#dc2626') }"
                        x-sa-on:click="setBgColor('#dc2626')"
                        aria-label="Change background color to red"
                        title="Change background color to red"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-blue"
                        x-sa-bind:class="{ 'sa-active' : isBgColor('#2563eb') }"
                        x-sa-on:click="setBgColor('#2563eb')"
                        aria-label="Change background color to blue"
                        title="Change background color to blue"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-green "
                        x-sa-bind:class="{ 'sa-active' : isBgColor('#16a34a') }"
                        x-sa-on:click="setBgColor('#16a34a')"
                        aria-label="Change background color to green"
                        title="Change background color to green"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-purple "
                        x-sa-bind:class="{ 'sa-active' : isBgColor('#9333ea') }"
                        x-sa-on:click="setBgColor('#9333ea')"
                        aria-label="Change background color to purple"
                        title="Change background color to purple"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-orange "
                        x-sa-bind:class="{ 'sa-active' : isBgColor('#ea580c') }"
                        x-sa-on:click="setBgColor('#ea580c')"
                        aria-label="Change background color to orange"
                        title="Change background color to orange"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-teal "
                        x-sa-bind:class="{ 'sa-active' : isBgColor('#0d9488') }"
                        x-sa-on:click="setBgColor('#0d9488')"
                        aria-label="Change background color to teal"
                        title="Change background color to teal"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-black "
                        x-sa-bind:class="{ 'sa-active' : isBgColor('#000') }"
                        x-sa-on:click="setBgColor('#000')"
                        aria-label="Change background color to black"
                        title="Change background color to black"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-white "
                        x-sa-bind:class="{ 'sa-active' : isBgColor('#fff') }"
                        x-sa-on:click="setBgColor('#fff')"
                        aria-label="Change background color to white"
                        title="Change background color to white"></button>
                </div>
                <button class="sa-widget__reset-btn sa-button sa-no-track"
                x-sa-on:click="resetBgColor()"
                x-sa-text="settings.t_reset">Reset</button>
            </div>

        </div>

        

    </div>

</div>

<!--googleon: all-->


</div></body>
</html>