


<!DOCTYPE html>
<html class="no-js" lang="en">
    <head>
        <title>Method Products | Body Washes, Lotions, Home Cleaners &amp; More</title>
        <link rel="dns-prefetch preconnect" href="https://tc.evidon.com" crossorigin />
        <link rel="dns-prefetch preconnect" href="https://www.googletagmanager.com" crossorigin />
        <link rel="dns-prefetch preconnect" href="https://cdn11.bigcommerce.com/s-d7wmc7b75m" crossorigin>
        <meta name="keywords" content="method, method home, method products, method men, body wash, bar soap, deodorant, shampoo, 2in1 shampoo + conditioner, conditioner, face wash, face lotion, beard oil, post-shave balm, shave cream, aluminum-free deodorant, travel-size, body wash, unisex body wash, body wash for family, variety of scents, biodegradeable, without parabens, phthalates, sulfates, plant-based, cruelty-free"><meta name="description" content="Our plant-based formulas with fresh, nature inspired fragrances are here to help you step up your grooming game."><link rel='canonical' href='https://methodproducts.com/' /><meta name='platform' content='bigcommerce.stencil' />
        

                <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MJFKPTH');</script>
<!-- End Google Tag Manager -->         

        <link href="https://cdn11.bigcommerce.com/s-d7wmc7b75m/product_images/favicon-48x48.png?t&#x3D;1691519633" rel="shortcut icon">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="google-site-verification" content="fKTLjArJD1vfB5AgFJ2av5zXPcObVAbiSgc_ya0C-tA" />

        <script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');</script>

        <script>
    /**
     * Check for modern browser features, and load polyfills if browser does not appear to support features
     * we need.
     *
     *     Polyfill approach is all or nothing - please import needed polyfills in /assets/src/polyfills.js
     *
     * Inspired by https://philipwalton.com/articles/loading-polyfills-only-when-needed/
     */
    function browserSupportsAllFeatures() {
        return window.Promise
            && window.fetch
            && window.URL
            && window.URLSearchParams
            && window.WeakMap
            // object-fit support
            && ('objectFit' in document.documentElement.style);
    }

    function loadScript(src) {
        var js = document.createElement('script');
        js.src = src;
        js.onerror = function () {
            console.error('Failed to load polyfill script ' + src);
        };
        document.head.appendChild(js);
    }

    if (!browserSupportsAllFeatures()) {
        loadScript('https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/dist/theme-bundle.polyfills.js');
    }
</script>
<script>window.consentManagerTranslations = `{"locale":"en","locales":{"consent_manager.data_collection_warning":"en","consent_manager.accept_all_cookies":"en","consent_manager.gdpr_settings":"en","consent_manager.manage_data_collection_preferences":"en","consent_manager.data_collection_preferences":"en","consent_manager.use_data_by_cookies":"en","consent_manager.data_categories_table":"en","consent_manager.allow":"en","consent_manager.accept":"en","consent_manager.deny":"en","consent_manager.dismiss":"en","consent_manager.reject_all":"en","consent_manager.category":"en","consent_manager.purpose":"en","consent_manager.functional_category":"en","consent_manager.functional_purpose":"en","consent_manager.analytics_category":"en","consent_manager.analytics_purpose":"en","consent_manager.targeting_category":"en","consent_manager.advertising_category":"en","consent_manager.advertising_purpose":"en","consent_manager.essential_category":"en","consent_manager.esential_purpose":"en","consent_manager.yes":"en","consent_manager.no":"en","consent_manager.not_available":"en","consent_manager.cancel":"en","consent_manager.save":"en","consent_manager.back_to_preferences":"en","consent_manager.close_without_changes":"en","consent_manager.unsaved_changes":"en","consent_manager.by_using":"en","consent_manager.agree_on_data_collection":"en","consent_manager.change_preferences":"en","consent_manager.cancel_dialog_title":"en","consent_manager.privacy_policy":"en","consent_manager.allow_category_tracking":"en","consent_manager.disallow_category_tracking":"en"},"translations":{"consent_manager.data_collection_warning":"We use cookies (and other similar technologies) to collect data to improve your shopping experience.","consent_manager.accept_all_cookies":"Accept All Cookies","consent_manager.gdpr_settings":"Settings","consent_manager.manage_data_collection_preferences":"Manage Website Data Collection Preferences","consent_manager.data_collection_preferences":"Website Data Collection Preferences","consent_manager.use_data_by_cookies":" uses data collected by cookies and JavaScript libraries to improve your shopping experience.","consent_manager.data_categories_table":"The table below outlines how we use this data by category. To opt out of a category of data collection, select 'No' and save your preferences.","consent_manager.allow":"Allow","consent_manager.accept":"Accept","consent_manager.deny":"Deny","consent_manager.dismiss":"Dismiss","consent_manager.reject_all":"Reject all","consent_manager.category":"Category","consent_manager.purpose":"Purpose","consent_manager.functional_category":"Functional","consent_manager.functional_purpose":"Enables enhanced functionality, such as videos and live chat. If you do not allow these, then some or all of these functions may not work properly.","consent_manager.analytics_category":"Analytics","consent_manager.analytics_purpose":"Provide statistical information on site usage, e.g., web analytics so we can improve this website over time.","consent_manager.targeting_category":"Targeting","consent_manager.advertising_category":"Advertising","consent_manager.advertising_purpose":"Used to create profiles or personalize content to enhance your shopping experience.","consent_manager.essential_category":"Essential","consent_manager.esential_purpose":"Essential for the site and any requested services to work, but do not perform any additional or secondary function.","consent_manager.yes":"Yes","consent_manager.no":"No","consent_manager.not_available":"N/A","consent_manager.cancel":"Cancel","consent_manager.save":"Save","consent_manager.back_to_preferences":"Back to Preferences","consent_manager.close_without_changes":"You have unsaved changes to your data collection preferences. Are you sure you want to close without saving?","consent_manager.unsaved_changes":"You have unsaved changes","consent_manager.by_using":"By using our website, you're agreeing to our","consent_manager.agree_on_data_collection":"By using our website, you're agreeing to the collection of data as described in our ","consent_manager.change_preferences":"You can change your preferences at any time","consent_manager.cancel_dialog_title":"Are you sure you want to cancel?","consent_manager.privacy_policy":"Privacy Policy","consent_manager.allow_category_tracking":"Allow [CATEGORY_NAME] tracking","consent_manager.disallow_category_tracking":"Disallow [CATEGORY_NAME] tracking"}}`;</script>

<script>
    // Only load visible elements until the onload event fires, after which preload nearby elements.
    window.lazySizesConfig = window.lazySizesConfig || {};
    window.lazySizesConfig.loadMode = 1;
    window.lazySizesConfig.expand = 0;
    // add simple support for background images:
    document.addEventListener('lazybeforeunveil', function(e){
        var bg = e.target.getAttribute('data-bg');
        if(bg){
            e.target.style.backgroundImage = 'url(' + bg + ')';
        }
    });
</script>



<script data-bundle-asset defer type src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/dist/theme-bundle.main_head.js" async></script>
<link data-bundle-asset href="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/dist/main-545ebc97.css" rel="stylesheet" />

<script>
    window.addEventListener('DOMContentLoaded', function() {
        if (window.initALDataTags) window.initALDataTags();
    });
</script>


        <script src="https://cdn.adimo.co/scripts/multi-touchpoint.min.js"></script>
            <script async type="text/javascript" src="https://apps.bazaarvoice.com/deployments/methodhome/main_site/production/en_US/bv.js"></script>

        

        <link data-stencil-stylesheet href="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/css/theme-575f1e70-f03d-013c-a7d9-163b238928f1.css" rel="stylesheet">

        <!-- Start Tracking Code for analytics_siteverification -->

<meta name="p:domain_verify" content="780deeea7e65faa58079c55b9cd7901f"/>
<meta name="google-site-verification" content="T-V-3P0tmt0zdwprkTlixYvCUDknDsk1JtdbEGoy7SI" />
<meta name="facebook-domain-verification" content="843krqprdm4rhbjfch0sago877g7so" />

<!-- End Tracking Code for analytics_siteverification -->


<script type="text/javascript" src="https://checkout-sdk.bigcommerce.com/v1/loader.js" defer></script>
<script type="text/javascript">
(function () {
    var xmlHttp = new XMLHttpRequest();

    xmlHttp.open('POST', 'https://bes.gcp.data.bigcommerce.com/nobot');
    xmlHttp.setRequestHeader('Content-Type', 'application/json');
    xmlHttp.send('{"store_id":"1000562408","timezone_offset":"-8","timestamp":"2024-05-14T17:03:10.22146200Z","visit_id":"7a21c1c6-5002-4ce5-937c-ae0fb73698b3","channel_id":1}');
})();
</script>
<script type="text/javascript">
var BCData = {"csrf_token":"f35f636e29caaccd53f028ffda65eab965170b17f4ceab3fd6fc534bb4499296"};
</script>
<script type="application/ld+json">
{
"@context":"https://schema.org",
"@type":"Organization",
"name":"Method Men",
"url":"https://www.methodmen.com/",
"logo":"https://cdn11.bigcommerce.com/s-d7wmc7b75m/content/la-assets/images/logo-desktop.svg",
"sameAs":[
"http://twitter.com/methodhome",
"http://facebook.com/methodhome",
"https://www.pinterest.com/methodhome/",
"https://www.instagram.com/methodhome/"
]
}
</script><script>
    !function(){
		window.dataLayer = window.dataLayer || [];

	    const category = '';
    	const params = new URLSearchParams(window.location.search);
	    const paramMap = {};

    	params.forEach((param, key) => {
        	paramMap[key] = param;
	    });

    	const isCartPage = window.location.pathname === '/cart.php';
	    const isOrderConfirmation = window.location.pathname === '/checkout/order-confirmation';

    	const liveramp = {
        	// id: {
	        //     type: '',
    	    //     value: '',
        	// },
	        data: {
    	        'page url': `${window.location.origin}${window.location.pathname}`,
        	},
    	};

	    if (paramMap.utm_source || paramMap.utm_medium || paramMap.utm_campaign || paramMap.utm_term || paramMap.utm_content) {
    	    liveramp.data['landing page'] = `${window.location.origin}${window.location.pathname}`;
    	}

	    liveramp.data['shopping cart'] = isCartPage ? 1 : 0;
    	liveramp.data['order confirmation'] = isOrderConfirmation ? 'Y' : 'N';

	    if (paramMap.utm_source) {
    	    liveramp.data['traffic source'] = paramMap.utm_source;
    	}

	    if (category) {
    	    liveramp.data['category'] = category;
    	}

	    window.dataLayer.push({ liveramp });
    }();
</script><script>
	const params = getParams();
	if (params.redirect && params.id) {
		if (params._ke) {
			setCookie('__kla_id', params._ke, 900);
		}
		const prevId = localStorage.getItem('prevCartId');
		if (params.id !== prevId) {
			window.location.href = params.redirect;
		}
	}

	function setCookie(name, value, days) {
		let expires = "";
		if (days) {
			const date = new Date();
			date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
			expires = "; expires=" + date.toUTCString();
		}
		document.cookie = name + "=" + (value || "") + expires + "; path=/";
	}

	function getParams() {
		const vars = {};
		const parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi,
			function (m, key, value) {
				vars[key] = decodeURIComponent(value);
			});
		return vars;
	}
</script><script src="https://cdn-widgetsrepository.yotpo.com/v1/loader/QLwVDSsDc6rcQwAmBc87MA" async></script>
<script src="https://cdn-widgetsrepository.yotpo.com/v1/loader/QLwVDSsDc6rcQwAmBc87MA" async></script>
<script>
    window.astuteBotMessengerSettings = {
        channelId: "yzh5nW8sfKJuQp2YCGsiUw"
    };
	function includeScript(e){var t=document.createElement("script"),n=document.getElementsByTagName("script")[0];t.type="text/javascript",t.src=e,t.async=!0,n.parentNode.insertBefore(t,n)}includeScript("https://www.astutebot.com/components/Launchers/Messenger/LauncherSelector.js");
</script>
 <script data-cfasync="false" src="https://microapps.bigcommerce.com/bodl-events/index.js"></script>
 <script data-cfasync="false">
   window.bodl = JSON.parse(atob("eyJzZXNzaW9uIjp7ImlkIjoiODc2MjhlN2YtZTNlNi00MTFiLTk0NTUtN2NhN2I0ZDM1NTUzIiwiZmlyc3RfdG91Y2hfdGltZXN0YW1wIjoiMjAyNC0wNS0xNFQxNzowMzoxMCIsImZpcnN0X3RvdWNoX3JlZmVycmFsX3VybCI6IiIsImZpcnN0X3RvdWNoX3JlcXVlc3RfdXJsIjoiaHR0cHM6Ly9tZXRob2Rwcm9kdWN0cy5jb20vIn0sInNob3BwZXIiOnsidmlzaXRvcl9pZCI6IiIsImN1c3RvbWVyX2lkIjpudWxsLCJlbWFpbCI6bnVsbCwiZmlyc3RfbmFtZSI6bnVsbCwibGFzdF9uYW1lIjpudWxsfSwiZGF0YV9jb25zZW50Ijp7ImZ1bmN0aW9uYWwiOnRydWUsImFuYWx5dGljcyI6dHJ1ZSwiYWR2ZXJ0aXNpbmciOnRydWV9LCJldmVudHMiOltdfQ=="));
 </script>


            <script>
        window.astuteBotMessengerSettings = {
            channelId: "yzh5nW8sfKJuQp2YCGsiUw"
        };
        function includeScript(e) { var t = document.createElement("script"), n = document.getElementsByTagName("script")[0]; t.type = "text/javascript", t.src = e, t.async = !0, n.parentNode.insertBefore(t, n) } includeScript("https://www.astutebot.com/components/Launchers/Messenger/LauncherSelector.js");
    </script>
        
        	
        <script type="text/javascript" src="https://snapui.searchspring.io/whxmtn/bundle.js" id="searchspring-context" defer>
    
</script>

    </head>
    <body >
    <a id="skip-to-main-content-link" class="skip-to-main-link" href="#MainContent">Skip to Main Content</a>
        <svg data-src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/img/icon-sprite.svg" class="icons-svg-sprite"></svg>

        <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MJFKPTH"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->        <div class="off-canvas-wrap default-page-wrap -page-title" data-offcanvas>
            <div class="inner-wrap">
                    <div class="promo-bar text-center" data-banner-location="top">
    <div class="wrapper">
            <div class="promo-text" role="region">
                <div data-content-region="promo_bar--global"><div data-layout-id="f526aadc-b46f-4b64-acb9-a9a9ada26a80"><div data-sub-layout-container="544b9fb3-7aea-4c5e-b740-3f8153f4ca90" data-layout-name="Layout">
  <style data-container-styling="544b9fb3-7aea-4c5e-b740-3f8153f4ca90">
    [data-sub-layout-container="544b9fb3-7aea-4c5e-b740-3f8153f4ca90"] {
      box-sizing: border-box;
      display: flex;
      flex-wrap: wrap;
      z-index: 0;
      position: relative;
    }
    [data-sub-layout-container="544b9fb3-7aea-4c5e-b740-3f8153f4ca90"]:after {
      background-position: center center;
      background-size: cover;
      z-index: auto;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
    }
  </style>
  <div data-sub-layout="c0ad8380-a871-454d-88fe-dc47837b0564">
    <style data-column-styling="c0ad8380-a871-454d-88fe-dc47837b0564">
      [data-sub-layout="c0ad8380-a871-454d-88fe-dc47837b0564"] {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        flex-basis: 100%;
        max-width: 100%;
        z-index: 0;
        justify-content: center;
        padding-right: 10.5px;
        padding-left: 10.5px;
        position: relative;
      }
      [data-sub-layout="c0ad8380-a871-454d-88fe-dc47837b0564"]:after {
        background-position: center center;
        background-size: cover;
        z-index: auto;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
      }
      @media only screen and (max-width: 700px) {
        [data-sub-layout="c0ad8380-a871-454d-88fe-dc47837b0564"] {
          flex-basis: 100%;
          max-width: 100%;
        }
      }
    </style>
    <div data-widget-id="eb13ccbf-4968-4d87-806a-37978249c750" data-placement-id="8f719695-447e-47b8-b7e8-499efa566644" data-placement-status="ACTIVE"><div class="top-promo-slider swiper">
    <div class="swiper-wrapper">
            <div class="swiper-slide">
                <p>free shipping on orders over $50</p>
            </div>
    </div>
</div>
</div>
  </div>
</div></div></div>
            </div>
            </div>
</div>
<header class="header  sticky-header" role="banner">
    <div class="header-main">
        <div class="header-top">
            <div class="wrapper">
                <div class="grid align-items-center">
                    <div class="grid__item medium-up--hide one-quarter">
                        <button class="left-off-canvas-toggle menu-icon menu-toggle button--unstyled" type="button">
                            <svg class="icon icon-menu" aria-hidden="true"><use xlink:href="#icon-hamburger" /></svg>
                            <span class="is-srOnly menu-text">Menu</span>
                            <svg class="icon icon-close"><use xlink:href="#icon-close" /></svg>
                            <span class="is-srOnly close-text">Close</span>
                        </button>
                    </div>

                    <div class="grid__item medium-up--one-quarter small-down--hide">
                        <div class="header-nav-wrapper">
                            <div class="nav-button-container">
                                <button class="left-off-canvas-toggle desktop-menu-toggle button--unstyled gradient-hover " type="button" data-menu="shop">
                                    <span class="subhead--medium purple-pink">Shop</span>
                                </button>
                                <div class="main-menu-image image-shop">

                                    <img
                                        sizes="(max-width: 600px) 100vw, (max-width: 1200px) 50vw, 800px"
                                        class="lazyload"
                                        height="60"
                                        data-src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/img/menu/fruit.png"
                                        alt="main menu image shop"
                                    />
                                </div>
                            </div>
                            <div class="nav-button-container">
                                <button class="left-off-canvas-toggle desktop-menu-toggle button--unstyled gradient-hover" type="button" data-menu="explore">
                                    <span class="subhead--medium purple-pink">Explore</span>
                                </button>
                                <div class="main-menu-image image-explore">
                                    <img
                                        class="lazyload"
                                        height="60"
                                        data-src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/img/menu/fish.png"
                                        alt="main menu image explore"
                                    >
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="grid__item medium-up--one-half small-down--one-half">
                        <div class="logo-wrap">
                            <h1 class="header-logo">
                                <a href="https://methodproducts.com/" class="header-logo__link" id="load-static-imgs" data-header-logo-link>



    <img
        class="static-brand-name medium-down--hide"
        alt="logo text"
        src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/img/method-logo-final.png"
        height="97"
    >

    <div class="header-logo-image">
        <img
            class="static-logo"
            alt="static logo background"
            src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/img/m-dot-final.png"
            height="77"
        >
    </div>
</a>
                            </h1>
                        </div>
                    </div>

                    <div class="grid__item one-quarter text-right">
                        <div class="navUser-container">
                            <nav class="navUser">
        
    <ul class="navUser-section navUser-section--alt">
        <li class="navUser-item navUser-item--account small-down--hide">
            <a class="navUser-action" href="/login.php">
                <div class="sign-in-state">
                    <svg class="icon">
                        <use xlink:href="#icon-account" />
                    </svg>
                    <div>
                        <span>sign in</span>

                        <span class="account-pts loaded">to earn points</span>
                    </div>

                </div>

            </a>
        </li>
        <li class="navUser-item navUser-item--search">
            <a class="navUser-action navUser-action--quickSearch" href="#" data-search="quickSearch" aria-controls="quickSearch" aria-expanded="false">
                <svg class="icon">
                    <use xlink:href="#icon-search" />
                </svg>
                <span class="is-srOnly">type what you&#x27;re looking for</span>
            </a>

            <div class="dropdown dropdown--quickSearch" id="quickSearch" tabindex="-1" data-prevent-quick-search-close>
                <div class="dropdown-inner">
                    <p class="search-title">get this search party started</p>
                    <form class="form display-flex" action="/shop/">
                        <div class="form-field">
                            <label class="is-srOnly" for="search_query-dropdown">type what you&#x27;re looking for</label>
                            <input class="form-input" name="searchterm" id="search_query-dropdown" class="searchspring-ac" autocomplete="off" placeholder="type what you&#x27;re looking for">
                            <button type="submit">
                                <span class="is-srOnly">type what you&#x27;re looking for</span>
                                <svg class="icon">
                                    <use xlink:href="#icon-search" />
                                </svg>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </li>
        <li class="navUser-item navUser-item--cart">
            <a class="navUser-action" data-cart-preview   data-dropdown="cart-preview-dropdown" data-options="align:right"  href="/cart.php">
                <svg class="icon">
                    <use xlink:href="#icon-cart" />
                </svg>
                      <span class="countPill cart-quantity"></span>
                <span class="is-srOnly navUser-item-cartLabel">Cart</span>
            </a>
                <div class="dropdown-menu" id="cart-preview-dropdown" data-dropdown-content aria-autoclose="false" aria-hidden="true">
                </div>
        </li>
    </ul>
</nav>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="page-overlay"></div>
    <div data-content-region="header_navigation_bottom--global"></div>
</header>
<div data-content-region="header_bottom--global"></div>
<div data-content-region="header_bottom"></div>

<script type="application/ld+json">
    {
        "@context": "http://schema.org",
        "@type": "Organization",
        "name": "Method Men",
        "logo": "https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/horizontal-logo-1_1691432670__16680.original.png",
        "sameAs": [
                "https://www.instagram.com/methodproducts",
                "http://facebook.com/methodproducts",
                "https://www.pinterest.com/methodproducts",
                "https://www.youtube.com/methodproducts"
        ],
        "url": "https://methodproducts.com/"
    }
</script>
                <aside class="left-off-canvas-menu">
    
    <ul class="off-canvas-list off-canvas-list-menu">

            <li>
                <a href="/shop-all/"><span class="mobile-menu-item">shop it all</span></a>
            </li>
            <li>
                <a href="/shop-all/#/filter:custom_new_arrivals:new$2520arrivals"><span class="mobile-menu-item">new arrivals</span></a>
            </li>
            <li>
                <a href="/method/meet-concentrates/"><span class="mobile-menu-item">refill + reuse</span><span class="menu-pill">new</span></a>
            </li>

                    
    <li class="has-submenu">
    <a  class="top-level-heading" href="https://methodproducts.com/for-your-body/">
		<span class="mobile-menu-item">for your body</span>
		<img class="submenu-icon lazyload" src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/img/loading.svg" data-src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/img/menu/navigation-arrow.svg" alt="submenu arrow icon">
	</a>
    <ul class="left-submenu">
        <li class="back">
    <a href="#" class="button button--unstyled">
        <span class="offcanvasLabel-back">
            back
        </span>
    </a>
</li>
        <li class="left-submenu-title">
            <span>for your body</span>
        </li>
        <li>
            <a href="https://methodproducts.com/for-your-body/">
                <span class="mobile-menu-item">all body</span>
            </a>
        </li>
                    <li>
    <a href="https://methodproducts.com/for-your-body/bar-soap-body-wash/"><span class="mobile-menu-item">bar soap + body wash</span></a>
</li>
                    <li>
    <a href="https://methodproducts.com/for-your-body/hair/"><span class="mobile-menu-item">hair</span></a>
</li>
                    <li>
    <a href="https://methodproducts.com/for-your-body/face/"><span class="mobile-menu-item">face</span></a>
</li>
                    <li>
    <a href="https://methodproducts.com/for-your-body/deodorant/"><span class="mobile-menu-item">deodorant</span></a>
</li>
                    <li>
    <a href="https://methodproducts.com/for-your-body/body-lotion/"><span class="mobile-menu-item">body lotion</span></a>
</li>
    </ul>
</li>
                    
    <li class="has-submenu">
    <a  class="top-level-heading" href="https://methodproducts.com/for-your-home/">
		<span class="mobile-menu-item">for your home</span>
		<img class="submenu-icon lazyload" src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/img/loading.svg" data-src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/img/menu/navigation-arrow.svg" alt="submenu arrow icon">
	</a>
    <ul class="left-submenu">
        <li class="back">
    <a href="#" class="button button--unstyled">
        <span class="offcanvasLabel-back">
            back
        </span>
    </a>
</li>
        <li class="left-submenu-title">
            <span>for your home</span>
        </li>
        <li>
            <a href="https://methodproducts.com/for-your-home/">
                <span class="mobile-menu-item">all home</span>
            </a>
        </li>
                    <li>
    <a href="https://methodproducts.com/for-your-home/all-refills-concentrates/"><span class="mobile-menu-item">all refills + concentrates</span></a>
</li>
                    <li>
    <a href="https://methodproducts.com/for-your-home/all-purpose-cleaners/"><span class="mobile-menu-item">all-purpose cleaners</span></a>
</li>
                    <li>
    <a href="https://methodproducts.com/for-your-home/bathroom-cleaners/"><span class="mobile-menu-item">bathroom cleaners</span></a>
</li>
                    <li>
    <a href="https://methodproducts.com/for-your-home/hand-wash/"><span class="mobile-menu-item">hand wash</span></a>
</li>
                    <li>
    <a href="https://methodproducts.com/for-your-home/dish/"><span class="mobile-menu-item">dish</span></a>
</li>
                    <li>
    <a href="https://methodproducts.com/for-your-home/laundry/"><span class="mobile-menu-item">laundry</span></a>
</li>
                    <li>
    <a href="https://methodproducts.com/for-your-home/floor-cleaners/"><span class="mobile-menu-item">floor cleaners</span></a>
</li>
                    <li>
    <a href="https://methodproducts.com/for-your-home/surface-cleaners/"><span class="mobile-menu-item">surface cleaners</span></a>
</li>
    </ul>
</li>



        <li class="has-submenu">
            <a href="/explore/" class="top-level-heading">
                <span class="mobile-menu-item">explore</span>
                <img class="submenu-icon lazyload" src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/img/loading.svg" data-src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/img/menu/navigation-arrow.svg" alt="submenu arrow icon">
            </a>
            <ul class="left-submenu">
                <li class="back">
                    <a href="#" class="button button--unstyled">
                        <span class="offcanvasLabel-back">
                            back
                        </span>
                    </a>
                </li>
                <li class="left-submenu-title">
                    <span class="mobile-menu-item">explore</span>
                </li>
                <li class="submenu-link">
                    <a href="/rewards/"><span class="mobile-menu-item">rewards</span></a>
                </li>
                <li class="submenu-link">
                    <a href="/unleash-your-inner-shower"><span class="mobile-menu-item">unleash your inner shower</span><span class="menu-pill">new</span></a>
                </li>
                <li class="submenu-link">
                    <a href="/method/simply-the-basics/"><span class="mobile-menu-item">method x simply the basics</span></a>
                </li>
                <li class="submenu-link">
                    <a href="/about/"><span class="mobile-menu-item">meet method</span></a>
                </li>
                <li class="submenu-link">
                    <a href="/sustainability/"><span class="mobile-menu-item">sustainability</span></a>
                </li>
            </ul>
        </li>
        <li class="menu-footer">
    <div class="rewards-section">
            <p class="rewards-signup">if you're into earning points + making an impact, join the <span class="color-text">people against dirty</span> rewards club. <a class="learn-more-link" href="/rewards/" title="learn more about the rewards club link"> learn more</a></p>
    </div>
    <div class="account-info">
        <a class="button button--border gradient-border button--long" href="/login.php">
            <span class="">sign in</span>
        </a>

    </div>
        <p>don’t have an account yet? <a href="/login.php?action&#x3D;create_account">sign up now</a></p>
</li>

    </ul>
    
<nav class="navPages menuNav">
    <div class="desktopMenu-top-categories">
        <div class="top-category-trigger">
            <button type="button" class="desktop-menu-trigger button--unstyled gradient-hover" data-desktop="shop"><span class="subhead--medium link-text purple-pink">shop</span></button>
            <button type="button" class="desktop-menu-trigger button--unstyled gradient-hover" data-desktop="explore"><span class="subhead--medium link-text purple-pink">explore</span></button>
        </div>
        <button type="button" class="close button button--unstyled" data-offcanvas-close>
            <span class="is-srOnly">Close</span>
            <svg class="icon icon-close"><use xlink:href="#icon-close" /></svg>
        </button>
    </div>
    <div class="desktop-menu-wrapper">
        <div class="desktop-top-level-menu">
            <ul class="desktop-side-list-menu shop-menu">
                <li class="navPages-item" data-image="shop-all">
                    <a class="navPages-action gradient-hover" href="/shop-all/">
                        <span class="h4 link-text purple-pink">
                            shop it all
                        </span>
                    </a>
                </li>
                <li class="navPages-item" data-image="new-arrivals">
                    <a class="navPages-action gradient-hover" href="/shop-all/#/filter:custom_new_arrivals:new$2520arrivals">
                        <span class="h4 link-text purple-pink">
                            new arrivals
                        </span>
                    </a>
                </li class="navPages-item">
                <li class="navPages-item" data-image="refill-reuse">
                    <a class="navPages-action gradient-hover" href="/method/meet-concentrates/">
                        <span class="h4 link-text purple-pink">
                            refill + reuse
                        </span>
                        <span class="menu-pill">new</span>
                    </a>
                </li>
                            
    <li class="navPages-item has-hover navPage-item--slideout"  data-submenu="for-your-body" data-image="for-your-body">
    <div class="link-button-holder">
    <a href="https://methodproducts.com/for-your-body/" class="navPages-action gradient-hover has-subMenu top-level-link"
        >
        <span class="link-text-wrap link-text purple-pink">for your body</span>
        <img class="submenu-icon lazyload" src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/img/loading.svg" data-src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/img/menu/navigation-arrow.svg" alt="submenu arrow icon">
    </a>
</div>

</li>
                            
    <li class="navPages-item has-hover navPage-item--slideout"  data-submenu="for-your-home" data-image="for-your-home">
    <div class="link-button-holder">
    <a href="https://methodproducts.com/for-your-home/" class="navPages-action gradient-hover has-subMenu top-level-link"
        >
        <span class="link-text-wrap link-text purple-pink">for your home</span>
        <img class="submenu-icon lazyload" src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/img/loading.svg" data-src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/img/menu/navigation-arrow.svg" alt="submenu arrow icon">
    </a>
</div>

</li>

            </ul>
            <ul class="desktop-side-list-menu explore-menu">
                <li  class="navPages-item" data-image="club-karma">
                    <a class="navPages-action gradient-hover" href="/rewards/">
                        <span class="h4 link-text purple-pink">
                            rewards
                        </span>
                    </a>
                </li>
                <li class="navPages-item" data-image="inner-shower">
                    <a class="navPages-action gradient-hover" href="/unleash-your-inner-shower">
                        <span class="h4 link-text purple-pink">
                            unleash your inner shower
                        </span>
                        <span class="menu-pill">new</span>
                    </a>
                </li>
                <li  class="navPages-item" data-image="method-x-simply-the-basics">
                    <a class="navPages-action gradient-hover" href="/method/simply-the-basics/">
                        <span class="h4 link-text purple-pink">
                            method x<br>simply the basics
                        </span>
                    </a>
                </li>
                <li  class="navPages-item" data-image="method-for-change">
                    <a class="navPages-action gradient-hover" href="/about/">
                        <span class="h4 link-text purple-pink">
                            meet method
                        </span>
                    </a>
                </li>
                <li  class="navPages-item" data-image="sustainability">
                    <a class="navPages-action gradient-hover" href="/sustainability/">
                        <span class="h4 link-text purple-pink">
                            sustainability
                        </span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="desktop-second-level-menu">
            <div class="submenu-wrapper">
                        
    <ul class="navPage-subMenu-list menu-for-your-body">
        <li class="navPages-item subhead navPage-subMenu-item">
            <a href="https://methodproducts.com/for-your-body/" class="show-all-submenu-link navPages-action navPage-subMenu-action">
                <span>all body</span>
            </a>
        </li>
                <li class="navPages-item subhead navPage-subMenu-item">
        <a href="https://methodproducts.com/for-your-body/bar-soap-body-wash/" class="navPages-action  navPage-subMenu-action">
        <span>bar soap + body wash</span>
    </a>
</li>
                <li class="navPages-item subhead navPage-subMenu-item">
        <a href="https://methodproducts.com/for-your-body/hair/" class="navPages-action  navPage-subMenu-action">
        <span>hair</span>
    </a>
</li>
                <li class="navPages-item subhead navPage-subMenu-item">
        <a href="https://methodproducts.com/for-your-body/face/" class="navPages-action  navPage-subMenu-action">
        <span>face</span>
    </a>
</li>
                <li class="navPages-item subhead navPage-subMenu-item">
        <a href="https://methodproducts.com/for-your-body/deodorant/" class="navPages-action  navPage-subMenu-action">
        <span>deodorant</span>
    </a>
</li>
                <li class="navPages-item subhead navPage-subMenu-item">
        <a href="https://methodproducts.com/for-your-body/body-lotion/" class="navPages-action  navPage-subMenu-action">
        <span>body lotion</span>
    </a>
</li>

    </ul>

                        
    <ul class="navPage-subMenu-list menu-for-your-home">
        <li class="navPages-item subhead navPage-subMenu-item">
            <a href="https://methodproducts.com/for-your-home/" class="show-all-submenu-link navPages-action navPage-subMenu-action">
                <span>all home</span>
            </a>
        </li>
                <li class="navPages-item subhead navPage-subMenu-item">
        <a href="https://methodproducts.com/for-your-home/all-refills-concentrates/" class="navPages-action  navPage-subMenu-action">
        <span>all refills + concentrates</span>
    </a>
</li>
                <li class="navPages-item subhead navPage-subMenu-item">
        <a href="https://methodproducts.com/for-your-home/all-purpose-cleaners/" class="navPages-action  navPage-subMenu-action">
        <span>all-purpose cleaners</span>
    </a>
</li>
                <li class="navPages-item subhead navPage-subMenu-item">
        <a href="https://methodproducts.com/for-your-home/bathroom-cleaners/" class="navPages-action  navPage-subMenu-action">
        <span>bathroom cleaners</span>
    </a>
</li>
                <li class="navPages-item subhead navPage-subMenu-item">
        <a href="https://methodproducts.com/for-your-home/hand-wash/" class="navPages-action  navPage-subMenu-action">
        <span>hand wash</span>
    </a>
</li>
                <li class="navPages-item subhead navPage-subMenu-item">
        <a href="https://methodproducts.com/for-your-home/dish/" class="navPages-action  navPage-subMenu-action">
        <span>dish</span>
    </a>
</li>
                <li class="navPages-item subhead navPage-subMenu-item">
        <a href="https://methodproducts.com/for-your-home/laundry/" class="navPages-action  navPage-subMenu-action">
        <span>laundry</span>
    </a>
</li>
                <li class="navPages-item subhead navPage-subMenu-item">
        <a href="https://methodproducts.com/for-your-home/floor-cleaners/" class="navPages-action  navPage-subMenu-action">
        <span>floor cleaners</span>
    </a>
</li>
                <li class="navPages-item subhead navPage-subMenu-item">
        <a href="https://methodproducts.com/for-your-home/surface-cleaners/" class="navPages-action  navPage-subMenu-action">
        <span>surface cleaners</span>
    </a>
</li>

    </ul>

            </div>
        </div>
        <div class="desktopMenu-footer-content">
            <div class="footer-image-container table-100">
                <div>
                    <img class="menu-footer-image" src="" alt="">
                </div>
            </div>
        </div>
    </div>
</nav>
</aside>
<aside class="right-off-canvas-menu default-off-canvas">
    <div class="off-canvas-top">
        <button type="button" class="close button button--unstyled" data-offcanvas-close>
            <span class="is-srOnly">Close</span>
            <svg class="icon icon-close"><use xlink:href="#icon-close" /></svg>
        </button>
    </div>
</aside>
<aside class="bottom-off-canvas-menu">
            <div class="dropdown-content scent-offcanvas">
    <div class="dropdown-top">
        <div class="off-canvas-top">
            <button type="button" class="close button button--unstyled" data-offcanvas-close>
                <span class="is-srOnly">Close</span>
                <svg class="icon icon-close"><use xlink:href="#icon-close" /></svg>
            </button>
        </div>
        <p class="dropdown-title subhead--medium medium-up--text-center">select your scent</p>
    </div>
    <ul class="scent-elements">
        <li class="is-srOnly">Scent Elements Placeholder</li>
    </ul>
    <div class="dropdown-footer">
        <div class="selected-info">
            <p class="detail-title body-text--large-medium">scent details</p>
            <p class="selected-details"></p>
        </div>
        <div class="select-button text-center">
            <a href="#" class="button button--border gradient-border"><span>select scent</span></a>
        </div>
    </div>
</div>
</aside>
                <div id="MainContent" class="body focus-hidden default-page" data-currency-code="USD" role="main" tabindex="-1">
        <div data-content-region="home_below_menu"></div>

    <section class="homepage-section" id="hero-banner-w-dropdown">
        <form class="hero-dropdown__wrapper" data-hero-dropdown>
            <div class="hero-dropdown__background">
            </div>
            <div class="wrapper eight-columns">
                <div class="hero-dropdown__content">
                    <div class="category-selection">
                        <h1 class="static-title subhead--large-medium">i want</h1>
                        <div class="hero-dropdown__accordion accordion-item">
                            <button class="accordion-navigation toggleLink button--unstyled" role="button" data-collapsible="#hero-dropdown__category">
                                <h2 class="accordion-title subhead--large-medium"></h2>
                                <div class="accordion-navigation-actions" aria-hidden="true">
                                    <svg class="icon accordion-indicator toggleLink-text">
                                        <use xlink:href="#icon-downarrow-new" />
                                    </svg>
                                </div>
                            </button>
                            <div class="accordion-content" id="hero-dropdown__category">
                                <ul class="list-unstyled">
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="hero-dropdown__accordion accordion-item subcategory-selection">
                        <button class="accordion-navigation toggleLink button--unstyled" role="button" data-collapsible="#hero-dropdown__subcategory">
                            <h2 class="accordion-title subhead--large-medium"></h2>
                            <div class="accordion-navigation-actions" aria-hidden="true">
                                <svg class="icon accordion-indicator toggleLink-text">
                                    <use xlink:href="#icon-downarrow-new" />
                                </svg>
                            </div>
                        </button>
                        <div class="accordion-content" id="hero-dropdown__subcategory">
                            <ul class="list-unstyled">
                            </ul>
                        </div>
                    </div>

                </div>
            </div>
        </form>
</section>
    <div data-content-region="home_below_carousel"></div>


    <div class="main">

        <section class="homepage-section" id="background-reveal-animated">
        <div class="content-container">
            <div>
                <div class="animated-bg__images">
                        <div class="animated-bg__image" id="for-your-home">
                            <img
        src="/assets/img/home/background-reveal-animated/for-your-home.jpg"

        alt=""
        title=""

        data-sizes="auto"
        

                srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
        data-srcset="/assets/img/home/background-reveal-animated/for-your-home.jpg"

    class="lazyload"


    data-full-image="/assets/img/home/background-reveal-animated/for-your-home.jpg"
    
/>
                            <img loading="lazy" class="lazyloaded" src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/img/home/background-reveal-animated/for-your-home.jpg" alt="Background For: for your home">
                        </div>
                        <div class="animated-bg__image" id="for-your-body">
                            <img
        src="/assets/img/home/background-reveal-animated/for-your-body.jpg"

        alt=""
        title=""

        data-sizes="auto"
        

                srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
        data-srcset="/assets/img/home/background-reveal-animated/for-your-body.jpg"

    class="lazyload"


    data-full-image="/assets/img/home/background-reveal-animated/for-your-body.jpg"
    
/>
                            <img loading="lazy" class="lazyloaded" src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/img/home/background-reveal-animated/for-your-body.jpg" alt="Background For: for your body">
                        </div>
                        <div class="animated-bg__image" id="new-arrivals">
                            <img
        src="/assets/img/home/background-reveal-animated/new-arrivals.jpg"

        alt=""
        title=""

        data-sizes="auto"
        

                srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
        data-srcset="/assets/img/home/background-reveal-animated/new-arrivals.jpg"

    class="lazyload"


    data-full-image="/assets/img/home/background-reveal-animated/new-arrivals.jpg"
    
/>
                            <img loading="lazy" class="lazyloaded" src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/img/home/background-reveal-animated/new-arrivals.jpg" alt="Background For: new arrivals">
                        </div>
                        <div class="animated-bg__image" id="refill-reuse">
                            <img
        src="/assets/img/home/background-reveal-animated/refill+reuse.jpg"

        alt=""
        title=""

        data-sizes="auto"
        

                srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
        data-srcset="/assets/img/home/background-reveal-animated/refill+reuse.jpg"

    class="lazyload"


    data-full-image="/assets/img/home/background-reveal-animated/refill+reuse.jpg"
    
/>
                            <img loading="lazy" class="lazyloaded" src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/img/home/background-reveal-animated/refill+reuse.jpg" alt="Background For: refill + reuse">
                        </div>
                </div>
                <div class="animated-bg__navs">
                    <p class="background-reveal-animated__title body-text--large-medium text-center">nose around a little</p>
                    <div class="nav-button-container">
                        <a class="animated-bg__title desktop-menu-toggle gradient-hover" href="/for-your-home/" data-animated-bg="for-your-home">
                            <span class="purple-pink">for your home</span>
                        </a>
                    </div>
                    <div class="nav-button-container">
                        <a class="animated-bg__title desktop-menu-toggle gradient-hover" href="/for-your-body/" data-animated-bg="for-your-body">
                            <span class="purple-pink">for your body</span>
                        </a>
                    </div>
                    <div class="nav-button-container">
                        <a class="animated-bg__title desktop-menu-toggle gradient-hover" href="/shop-all/#/filter:custom_new_arrivals:new$2520arrivals" data-animated-bg="new-arrivals">
                            <span class="purple-pink">new arrivals</span>
                        </a>
                    </div>
                    <div class="nav-button-container">
                        <a class="animated-bg__title desktop-menu-toggle gradient-hover" href="/method/meet-concentrates" data-animated-bg="refill-reuse">
                            <span class="purple-pink">refill + reuse</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
</section>






        <div data-content-region="home_widgets_top"></div>





        <div data-content-region="home_widgets_bottom"></div>













        <div data-content-region="home_test_new"><div data-layout-id="8343c21b-2cfe-41aa-be04-dc3bda56ef91"><div data-sub-layout-container="f5f06f5c-ba33-4ec1-bc60-bef3e2496fe7" data-layout-name="Layout">
  <style data-container-styling="f5f06f5c-ba33-4ec1-bc60-bef3e2496fe7">
    [data-sub-layout-container="f5f06f5c-ba33-4ec1-bc60-bef3e2496fe7"] {
      box-sizing: border-box;
      display: flex;
      flex-wrap: wrap;
      z-index: 0;
      position: relative;
    }
    [data-sub-layout-container="f5f06f5c-ba33-4ec1-bc60-bef3e2496fe7"]:after {
      background-position: center center;
      background-size: cover;
      z-index: auto;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
    }
  </style>
  <div data-sub-layout="96546739-aab8-4542-9bea-bf2f3ea5ef0a">
    <style data-column-styling="96546739-aab8-4542-9bea-bf2f3ea5ef0a">
      [data-sub-layout="96546739-aab8-4542-9bea-bf2f3ea5ef0a"] {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        flex-basis: 100%;
        max-width: 100%;
        z-index: 0;
        background-color: rgba(0, 0, 0, 0);
        justify-content: center;
        position: relative;
      }
      [data-sub-layout="96546739-aab8-4542-9bea-bf2f3ea5ef0a"]:after {
        background-position: center center;
        background-size: cover;
        z-index: -1;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
      }
      @media only screen and (max-width: 700px) {
        [data-sub-layout="96546739-aab8-4542-9bea-bf2f3ea5ef0a"] {
          flex-basis: 100%;
          max-width: 100%;
        }
      }
    </style>
    <div data-widget-id="5680bc55-c563-49a1-bc12-cf05b7b33322" data-placement-id="eadb3cfc-91f6-47b2-904e-0b975ebee6e5" data-placement-status="ACTIVE"><section class="homepage-section content-with-bg-section lazyload opacity" data-bg="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/mobile-background-sp.jpg?t=1705094603" alt role="presentation">
    <img class="bg-img desktop opacity lazyload" data-src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/homepage-desktop-sp-module.jpg?t=1705099840" alt="woman standing with hands on hips next to method body wash bottle">
    <img class="bg-img tablet opacity lazyload" data-src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/method-sp-hero-background-2x.jpg?t=1705425369" alt="woman standing with hands on hips next to method body wash bottle">
      <div class="content-container">
        <div class="content content-left Center mobile-centered">
            <h2 class="section-header" style="color: #ffffff;"><span style="font-weight:700">u<span style="font-family:hafferXHFlowers;">n</span>leas<span style="font-family:hafferXHFlowers;">h</span> you<span style="font-family:hafferXHFlowers;">r</span> <br> <span style="color:#FF61FF"><span style="font-family:hafferXHFlowers;">i</span>nne<span style="font-family:hafferXHFlowers;">r</span> s<span style="font-family:hafferXHFlowers;">h</span>owe<span style="font-family:hafferXHFlowers;">r</span></span></span></h2>
            <p class="body-text" style="color:rgba(255,255,255,1);">make the most of your me-time and reconnect with the best version of yourself. method&apos;s got your back with irresistible, mood-boosting products that make you feel good inside and out.</p>
                <div>
                    <a href="/unleash-your-inner-shower" class="button button--border gradient-border cta--small">
                        <span>find your inner shower</span>
                    </a>
                </div>
        </div>
      </div>
    <img data-src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/mobile-hands-2.png?t=1705095385" alt="hand holding method body wash" class="opacity lazyload mobile-image large-up--hide">
</section>
</div><div data-widget-id="d4c5d785-dd5b-4edc-a197-e02bc8864dba" data-placement-id="a033001f-865e-4bb4-9037-9c6080d14f13" data-placement-status="ACTIVE"><section id="collection-cards-section" class="homepage-section">
    <div class="wrapper">
            <div class="grid">
                <div class="grid__item large-up--one-third xlarge-up--one-quarter">
                    <div class="category-card-nav">
                        <p class="subhead--large-regular">explore our collections</p>
                        <h3>show me products that...</h3>
                            <a href="/collections/" class="button button--border gradient-border card-figcaption-button cta--small small-down--hide">
                                <span>view all collections</span>
                            </a>
                    </div>
                </div>

                <div class="grid__item large-up--two-thirds xlarge-up--three-quarters">
                    <div class="category-card-grid small-down--hide">
                            <div class="category-card module module-article article">
                                <div class="category-card__image lazyload opacity" data-bg="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/gradient-are-so-spa-core.jpg?t=1694796404" alt role="presentation"></div>
                                <div class="category-card__content">
                                    <p class="subhead--large-medium">are so spa core</p>
                                        <a href="/collections/spa-core" class="button button--border gradient-border cta--small">
                                            <span>view products</span>
                                        </a>
                                </div>
                            </div>
                            <div class="category-card module module-article article">
                                <div class="category-card__image lazyload opacity" data-bg="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/gradient-shower-me-earthy.jpg?t=1694796596" alt role="presentation"></div>
                                <div class="category-card__content">
                                    <p class="subhead--large-medium">shower me earthy + surfy</p>
                                        <a href="/collections/shower-earthy-surfy" class="button button--border gradient-border cta--small">
                                            <span>view products</span>
                                        </a>
                                </div>
                            </div>
                            <div class="category-card module module-article article">
                                <div class="category-card__image lazyload opacity" data-bg="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/gradient-smells-like-a-vacation.jpg?t=1694796367" alt role="presentation"></div>
                                <div class="category-card__content">
                                    <p class="subhead--large-medium">smell like a vacation</p>
                                        <a href="/collections/smell-like-vacation" class="button button--border gradient-border cta--small">
                                            <span>view products</span>
                                        </a>
                                </div>
                            </div>
                            <div class="category-card module module-article article">
                                <div class="category-card__image lazyload opacity" data-bg="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/gradient-tickle-me-pink.jpg?t=1694796353" alt role="presentation"></div>
                                <div class="category-card__content">
                                    <p class="subhead--large-medium">tickle me pink</p>
                                        <a href="/collections/tickle-me-pink" class="button button--border gradient-border cta--small">
                                            <span>view products</span>
                                        </a>
                                </div>
                            </div>
                            <div class="category-card module module-article article">
                                <div class="category-card__image lazyload opacity" data-bg="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/gradient-pump-with-purpose.jpg?t=1694796388" alt role="presentation"></div>
                                <div class="category-card__content">
                                    <p class="subhead--large-medium">pump with purpose</p>
                                        <a href="/collections/pump-with-purpose" class="button button--border gradient-border cta--small">
                                            <span>view products</span>
                                        </a>
                                </div>
                            </div>
                            <div class="category-card module module-article article">
                                <div class="category-card__image lazyload opacity" data-bg="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/work-it-work-it.jpg?t=1694795627" alt role="presentation"></div>
                                <div class="category-card__content">
                                    <p class="subhead--large-medium">work it, work it</p>
                                        <a href="/collections/work-it-work-it" class="button button--border gradient-border cta--small">
                                            <span>view products</span>
                                        </a>
                                </div>
                            </div>
                            <div class="category-card module module-article article">
                                <div class="category-card__image lazyload opacity" data-bg="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/surprise-me.jpg?t=1693007155" alt role="presentation"></div>
                                <div class="category-card__content">
                                    <p class="subhead--large-medium">surprise me</p>
                                        <a href="/collections/surprise-me" class="button button--border gradient-border cta--small">
                                            <span>view products</span>
                                        </a>
                                </div>
                            </div>
                            <div class="category-card module module-article article">
                                <div class="category-card__image lazyload opacity" data-bg="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/gradient-cover-the-basics.jpg?t=1694796606" alt role="presentation"></div>
                                <div class="category-card__content">
                                    <p class="subhead--large-medium">cover the basics</p>
                                        <a href="/collections/cover-the-basics" class="button button--border gradient-border cta--small">
                                            <span>view products</span>
                                        </a>
                                </div>
                            </div>
                            <div class="category-card module module-article article">
                                <div class="category-card__image lazyload opacity" data-bg="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/gradient-live-love-lavendar.jpg?t=1694796617" alt role="presentation"></div>
                                <div class="category-card__content">
                                    <p class="subhead--large-medium">live love lavender</p>
                                        <a href="/collections/live-love-lavender" class="button button--border gradient-border cta--small">
                                            <span>view products</span>
                                        </a>
                                </div>
                            </div>
                    </div>
                    <div class="category-card-grid swiper medium-up--hide" data-collection-cards>
                        <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="category-card module module-article article">
                                        <div class="category-card__image lazyload opacity" data-bg="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/gradient-are-so-spa-core.jpg?t=1694796404" alt role="presentation"></div>
                                        <div class="category-card__content">
                                            <p class="subhead--large-medium">are so spa core</p>
                                                <a href="/collections/spa-core" class="button button--border gradient-border cta--small">
                                                    <span>view products</span>
                                                </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="category-card module module-article article">
                                        <div class="category-card__image lazyload opacity" data-bg="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/gradient-shower-me-earthy.jpg?t=1694796596" alt role="presentation"></div>
                                        <div class="category-card__content">
                                            <p class="subhead--large-medium">shower me earthy + surfy</p>
                                                <a href="/collections/shower-earthy-surfy" class="button button--border gradient-border cta--small">
                                                    <span>view products</span>
                                                </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="category-card module module-article article">
                                        <div class="category-card__image lazyload opacity" data-bg="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/gradient-smells-like-a-vacation.jpg?t=1694796367" alt role="presentation"></div>
                                        <div class="category-card__content">
                                            <p class="subhead--large-medium">smell like a vacation</p>
                                                <a href="/collections/smell-like-vacation" class="button button--border gradient-border cta--small">
                                                    <span>view products</span>
                                                </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="category-card module module-article article">
                                        <div class="category-card__image lazyload opacity" data-bg="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/gradient-tickle-me-pink.jpg?t=1694796353" alt role="presentation"></div>
                                        <div class="category-card__content">
                                            <p class="subhead--large-medium">tickle me pink</p>
                                                <a href="/collections/tickle-me-pink" class="button button--border gradient-border cta--small">
                                                    <span>view products</span>
                                                </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="category-card module module-article article">
                                        <div class="category-card__image lazyload opacity" data-bg="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/gradient-pump-with-purpose.jpg?t=1694796388" alt role="presentation"></div>
                                        <div class="category-card__content">
                                            <p class="subhead--large-medium">pump with purpose</p>
                                                <a href="/collections/pump-with-purpose" class="button button--border gradient-border cta--small">
                                                    <span>view products</span>
                                                </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="category-card module module-article article">
                                        <div class="category-card__image lazyload opacity" data-bg="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/work-it-work-it.jpg?t=1694795627" alt role="presentation"></div>
                                        <div class="category-card__content">
                                            <p class="subhead--large-medium">work it, work it</p>
                                                <a href="/collections/work-it-work-it" class="button button--border gradient-border cta--small">
                                                    <span>view products</span>
                                                </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="category-card module module-article article">
                                        <div class="category-card__image lazyload opacity" data-bg="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/surprise-me.jpg?t=1693007155" alt role="presentation"></div>
                                        <div class="category-card__content">
                                            <p class="subhead--large-medium">surprise me</p>
                                                <a href="/collections/surprise-me" class="button button--border gradient-border cta--small">
                                                    <span>view products</span>
                                                </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="category-card module module-article article">
                                        <div class="category-card__image lazyload opacity" data-bg="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/gradient-cover-the-basics.jpg?t=1694796606" alt role="presentation"></div>
                                        <div class="category-card__content">
                                            <p class="subhead--large-medium">cover the basics</p>
                                                <a href="/collections/cover-the-basics" class="button button--border gradient-border cta--small">
                                                    <span>view products</span>
                                                </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="category-card module module-article article">
                                        <div class="category-card__image lazyload opacity" data-bg="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/gradient-live-love-lavendar.jpg?t=1694796617" alt role="presentation"></div>
                                        <div class="category-card__content">
                                            <p class="subhead--large-medium">live love lavender</p>
                                                <a href="/collections/live-love-lavender" class="button button--border gradient-border cta--small">
                                                    <span>view products</span>
                                                </a>
                                        </div>
                                    </div>
                                </div>
                        </div>
                    </div>
                </div>
            </div>
            <a href="/collections/" class="button button--border gradient-border card-figcaption-button medium-up--hide">
                <span class>view all collections</span>
            </a>
    </div>
</section>
</div>
  </div>
</div>
<div data-sub-layout-container="6bec8195-e275-4d9d-b947-e9407addc4f7" data-layout-name="Layout">
  <style data-container-styling="6bec8195-e275-4d9d-b947-e9407addc4f7">
    [data-sub-layout-container="6bec8195-e275-4d9d-b947-e9407addc4f7"] {
      box-sizing: border-box;
      display: flex;
      flex-wrap: wrap;
      z-index: 0;
      position: relative;
    }
    [data-sub-layout-container="6bec8195-e275-4d9d-b947-e9407addc4f7"]:after {
      background-position: center center;
      background-size: cover;
      z-index: auto;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
    }
  </style>
  <div data-sub-layout="4e801dc0-0706-42ef-bd04-0b7fd1dac8b7">
    <style data-column-styling="4e801dc0-0706-42ef-bd04-0b7fd1dac8b7">
      [data-sub-layout="4e801dc0-0706-42ef-bd04-0b7fd1dac8b7"] {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        flex-basis: 100%;
        max-width: 100%;
        z-index: 0;
        justify-content: center;
        position: relative;
      }
      [data-sub-layout="4e801dc0-0706-42ef-bd04-0b7fd1dac8b7"]:after {
        background-position: center center;
        background-size: cover;
        z-index: auto;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
      }
      @media only screen and (max-width: 700px) {
        [data-sub-layout="4e801dc0-0706-42ef-bd04-0b7fd1dac8b7"] {
          flex-basis: 100%;
          max-width: 100%;
        }
      }
    </style>
    <div data-widget-id="2bf2baf1-cdcb-4465-a646-e4f952ea7fdf" data-placement-id="a93e0f39-783e-4c53-9cca-f3ddd70d0fbc" data-placement-status="ACTIVE"><section class="homepage-section background-gradient pink-purple" id="featured-reviews-cards">
    <div class="wrapper">
            <p class="section-subhead subhead--large-regular text-center">it seems our suds are something of a scent-sation</p>
            <h2 class="section-header text-center">our fave raves</h2>
            <div class="featured-reviews__cards swiper" data-swiper="{
                &quot;pagination&quot;: {
                    &quot;el&quot;: &quot;.swiper-pagination&quot;,
                    &quot;enabled&quot;: true,
                    &quot;clickable&quot;: true
                },
                &quot;navigation&quot;: false,
                &quot;loop&quot;: false,
                &quot;slidesPerGroup&quot;: 1,
                &quot;slidesPerView&quot;: &quot;auto&quot;,
                &quot;centeredSlides&quot;: false,
                &quot;centeredSlidesBounds&quot;: false,
                &quot;spaceBetween&quot;: 22,
                &quot;breakpoints&quot;: {
                    &quot;1400&quot;: {
                        &quot;centeredSlides&quot;: true,
                        &quot;centeredSlidesBounds&quot;: true
                    }
                }
            }">
                <div class="swiper-wrapper">
                        <div class="swiper-slide featured-reviews__card">
                            <div class="featured-reviews__card-media">
                                <img class="lazyload opacity" data-src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/microsoftteams-image-6-.png?t=1705443007" alt="simply nourish shampoo">
                            </div>
                            <div class="featured-reviews__card-content">
                                <p class="review-stars">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15.22" height="14.41" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 15.22 14.41"><defs><lineargradient id="review-star-bg-1" x1="15.6" y1="6.88" x2=".19" y2="6.65" gradienttransform="translate(0 14) scale(1 -1)" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#d80e80"/><stop offset="1" stop-color="#7800bf"/></lineargradient></defs><path d="m7.61,11.95l-4.7,2.46.9-5.21L0,5.51l5.26-.76L7.61,0l2.35,4.74,5.26.76-3.8,3.69.9,5.21-4.7-2.46Z" fill="url(#review-star-bg-1)" fill-rule="evenodd"/></svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15.22" height="14.41" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 15.22 14.41"><defs><lineargradient id="review-star-bg-1" x1="15.6" y1="6.88" x2=".19" y2="6.65" gradienttransform="translate(0 14) scale(1 -1)" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#d80e80"/><stop offset="1" stop-color="#7800bf"/></lineargradient></defs><path d="m7.61,11.95l-4.7,2.46.9-5.21L0,5.51l5.26-.76L7.61,0l2.35,4.74,5.26.76-3.8,3.69.9,5.21-4.7-2.46Z" fill="url(#review-star-bg-1)" fill-rule="evenodd"/></svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15.22" height="14.41" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 15.22 14.41"><defs><lineargradient id="review-star-bg-1" x1="15.6" y1="6.88" x2=".19" y2="6.65" gradienttransform="translate(0 14) scale(1 -1)" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#d80e80"/><stop offset="1" stop-color="#7800bf"/></lineargradient></defs><path d="m7.61,11.95l-4.7,2.46.9-5.21L0,5.51l5.26-.76L7.61,0l2.35,4.74,5.26.76-3.8,3.69.9,5.21-4.7-2.46Z" fill="url(#review-star-bg-1)" fill-rule="evenodd"/></svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15.22" height="14.41" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 15.22 14.41"><defs><lineargradient id="review-star-bg-1" x1="15.6" y1="6.88" x2=".19" y2="6.65" gradienttransform="translate(0 14) scale(1 -1)" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#d80e80"/><stop offset="1" stop-color="#7800bf"/></lineargradient></defs><path d="m7.61,11.95l-4.7,2.46.9-5.21L0,5.51l5.26-.76L7.61,0l2.35,4.74,5.26.76-3.8,3.69.9,5.21-4.7-2.46Z" fill="url(#review-star-bg-1)" fill-rule="evenodd"/></svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15.22" height="14.41" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 15.22 14.41"><defs><lineargradient id="review-star-bg-1" x1="15.6" y1="6.88" x2=".19" y2="6.65" gradienttransform="translate(0 14) scale(1 -1)" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#d80e80"/><stop offset="1" stop-color="#7800bf"/></lineargradient></defs><path d="m7.61,11.95l-4.7,2.46.9-5.21L0,5.51l5.26-.76L7.61,0l2.35,4.74,5.26.76-3.8,3.69.9,5.21-4.7-2.46Z" fill="url(#review-star-bg-1)" fill-rule="evenodd"/></svg>
                                </p>
                                <h3 class="h4 featured-reviews__header">so moisturized</h3>
                                    <p class="featured-reviews__quote">
                                        <span class="subhead">&#x201C;I love this shampoo!... My hair has never felt so healthy and nourished!&#x201D;
-teef8</span>
                                    </p>
                                    <a href="https://methodproducts.com/for-your-body/hair/shampoo-simply-nourish-14-fl-oz?sku=843536108136" class="button button--border gradient-border cta--small" title="Shop Now and view our simply nourish shampoo">
                                        <span>Shop Now <span class="is-srOnly">and view our simply nourish shampoo</span></span>
                                    </a>
                            </div>
                        </div>
                        <div class="swiper-slide featured-reviews__card">
                            <div class="featured-reviews__card-media">
                                <img class="lazyload opacity" data-src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/addictive.jpg?t=1693007862" alt="squirt +mop hardwood cleaner">
                            </div>
                            <div class="featured-reviews__card-content">
                                <p class="review-stars">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15.22" height="14.41" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 15.22 14.41"><defs><lineargradient id="review-star-bg-1" x1="15.6" y1="6.88" x2=".19" y2="6.65" gradienttransform="translate(0 14) scale(1 -1)" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#d80e80"/><stop offset="1" stop-color="#7800bf"/></lineargradient></defs><path d="m7.61,11.95l-4.7,2.46.9-5.21L0,5.51l5.26-.76L7.61,0l2.35,4.74,5.26.76-3.8,3.69.9,5.21-4.7-2.46Z" fill="url(#review-star-bg-1)" fill-rule="evenodd"/></svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15.22" height="14.41" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 15.22 14.41"><defs><lineargradient id="review-star-bg-1" x1="15.6" y1="6.88" x2=".19" y2="6.65" gradienttransform="translate(0 14) scale(1 -1)" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#d80e80"/><stop offset="1" stop-color="#7800bf"/></lineargradient></defs><path d="m7.61,11.95l-4.7,2.46.9-5.21L0,5.51l5.26-.76L7.61,0l2.35,4.74,5.26.76-3.8,3.69.9,5.21-4.7-2.46Z" fill="url(#review-star-bg-1)" fill-rule="evenodd"/></svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15.22" height="14.41" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 15.22 14.41"><defs><lineargradient id="review-star-bg-1" x1="15.6" y1="6.88" x2=".19" y2="6.65" gradienttransform="translate(0 14) scale(1 -1)" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#d80e80"/><stop offset="1" stop-color="#7800bf"/></lineargradient></defs><path d="m7.61,11.95l-4.7,2.46.9-5.21L0,5.51l5.26-.76L7.61,0l2.35,4.74,5.26.76-3.8,3.69.9,5.21-4.7-2.46Z" fill="url(#review-star-bg-1)" fill-rule="evenodd"/></svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15.22" height="14.41" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 15.22 14.41"><defs><lineargradient id="review-star-bg-1" x1="15.6" y1="6.88" x2=".19" y2="6.65" gradienttransform="translate(0 14) scale(1 -1)" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#d80e80"/><stop offset="1" stop-color="#7800bf"/></lineargradient></defs><path d="m7.61,11.95l-4.7,2.46.9-5.21L0,5.51l5.26-.76L7.61,0l2.35,4.74,5.26.76-3.8,3.69.9,5.21-4.7-2.46Z" fill="url(#review-star-bg-1)" fill-rule="evenodd"/></svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15.22" height="14.41" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 15.22 14.41"><defs><lineargradient id="review-star-bg-1" x1="15.6" y1="6.88" x2=".19" y2="6.65" gradienttransform="translate(0 14) scale(1 -1)" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#d80e80"/><stop offset="1" stop-color="#7800bf"/></lineargradient></defs><path d="m7.61,11.95l-4.7,2.46.9-5.21L0,5.51l5.26-.76L7.61,0l2.35,4.74,5.26.76-3.8,3.69.9,5.21-4.7-2.46Z" fill="url(#review-star-bg-1)" fill-rule="evenodd"/></svg>
                                </p>
                                <h3 class="h4 featured-reviews__header">addictive</h3>
                                    <p class="featured-reviews__quote">
                                        <span class="subhead">&#x201C;leaves amazing results on the floor and the scent is addictive.&#x201D;
-Magical Maids</span>
                                    </p>
                                    <a href="/for-your-home/floor-cleaners/squirt-mop-hardwood-floor-cleaner-almond-25-fl-oz/" class="button button--border gradient-border cta--small" title="Shop Now and view our squirt +mop hardwood cleaner">
                                        <span>Shop Now <span class="is-srOnly">and view our squirt +mop hardwood cleaner</span></span>
                                    </a>
                            </div>
                        </div>
                        <div class="swiper-slide featured-reviews__card">
                            <div class="featured-reviews__card-media">
                                <img class="lazyload opacity" data-src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/my-goto.jpg?t=1693007946" alt="lavender all purpose cleaning bottle on purple gradient background">
                            </div>
                            <div class="featured-reviews__card-content">
                                <p class="review-stars">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15.22" height="14.41" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 15.22 14.41"><defs><lineargradient id="review-star-bg-1" x1="15.6" y1="6.88" x2=".19" y2="6.65" gradienttransform="translate(0 14) scale(1 -1)" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#d80e80"/><stop offset="1" stop-color="#7800bf"/></lineargradient></defs><path d="m7.61,11.95l-4.7,2.46.9-5.21L0,5.51l5.26-.76L7.61,0l2.35,4.74,5.26.76-3.8,3.69.9,5.21-4.7-2.46Z" fill="url(#review-star-bg-1)" fill-rule="evenodd"/></svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15.22" height="14.41" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 15.22 14.41"><defs><lineargradient id="review-star-bg-1" x1="15.6" y1="6.88" x2=".19" y2="6.65" gradienttransform="translate(0 14) scale(1 -1)" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#d80e80"/><stop offset="1" stop-color="#7800bf"/></lineargradient></defs><path d="m7.61,11.95l-4.7,2.46.9-5.21L0,5.51l5.26-.76L7.61,0l2.35,4.74,5.26.76-3.8,3.69.9,5.21-4.7-2.46Z" fill="url(#review-star-bg-1)" fill-rule="evenodd"/></svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15.22" height="14.41" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 15.22 14.41"><defs><lineargradient id="review-star-bg-1" x1="15.6" y1="6.88" x2=".19" y2="6.65" gradienttransform="translate(0 14) scale(1 -1)" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#d80e80"/><stop offset="1" stop-color="#7800bf"/></lineargradient></defs><path d="m7.61,11.95l-4.7,2.46.9-5.21L0,5.51l5.26-.76L7.61,0l2.35,4.74,5.26.76-3.8,3.69.9,5.21-4.7-2.46Z" fill="url(#review-star-bg-1)" fill-rule="evenodd"/></svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15.22" height="14.41" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 15.22 14.41"><defs><lineargradient id="review-star-bg-1" x1="15.6" y1="6.88" x2=".19" y2="6.65" gradienttransform="translate(0 14) scale(1 -1)" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#d80e80"/><stop offset="1" stop-color="#7800bf"/></lineargradient></defs><path d="m7.61,11.95l-4.7,2.46.9-5.21L0,5.51l5.26-.76L7.61,0l2.35,4.74,5.26.76-3.8,3.69.9,5.21-4.7-2.46Z" fill="url(#review-star-bg-1)" fill-rule="evenodd"/></svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15.22" height="14.41" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 15.22 14.41"><defs><lineargradient id="review-star-bg-1" x1="15.6" y1="6.88" x2=".19" y2="6.65" gradienttransform="translate(0 14) scale(1 -1)" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#d80e80"/><stop offset="1" stop-color="#7800bf"/></lineargradient></defs><path d="m7.61,11.95l-4.7,2.46.9-5.21L0,5.51l5.26-.76L7.61,0l2.35,4.74,5.26.76-3.8,3.69.9,5.21-4.7-2.46Z" fill="url(#review-star-bg-1)" fill-rule="evenodd"/></svg>
                                </p>
                                <h3 class="h4 featured-reviews__header">my go-to</h3>
                                    <p class="featured-reviews__quote">
                                        <span class="subhead">&#x201C;this is my go to. It works well, I use it on everything and it smells so good! -lilheathz
</span>
                                    </p>
                                    <a href="/for-your-home/all-purpose-cleaners/all-purpose-cleaner-french-lavender-28-fl-oz/" class="button button--border gradient-border cta--small" title="Shop Now and view our french lavender all-purpose cleaner">
                                        <span>Shop Now <span class="is-srOnly">and view our french lavender all-purpose cleaner</span></span>
                                    </a>
                            </div>
                        </div>
                        <div class="swiper-slide featured-reviews__card">
                            <div class="featured-reviews__card-media">
                                <img class="lazyload opacity" data-src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/amazing.jpg?t=1693007848" alt="pure peace body wash">
                            </div>
                            <div class="featured-reviews__card-content">
                                <p class="review-stars">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15.22" height="14.41" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 15.22 14.41"><defs><lineargradient id="review-star-bg-1" x1="15.6" y1="6.88" x2=".19" y2="6.65" gradienttransform="translate(0 14) scale(1 -1)" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#d80e80"/><stop offset="1" stop-color="#7800bf"/></lineargradient></defs><path d="m7.61,11.95l-4.7,2.46.9-5.21L0,5.51l5.26-.76L7.61,0l2.35,4.74,5.26.76-3.8,3.69.9,5.21-4.7-2.46Z" fill="url(#review-star-bg-1)" fill-rule="evenodd"/></svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15.22" height="14.41" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 15.22 14.41"><defs><lineargradient id="review-star-bg-1" x1="15.6" y1="6.88" x2=".19" y2="6.65" gradienttransform="translate(0 14) scale(1 -1)" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#d80e80"/><stop offset="1" stop-color="#7800bf"/></lineargradient></defs><path d="m7.61,11.95l-4.7,2.46.9-5.21L0,5.51l5.26-.76L7.61,0l2.35,4.74,5.26.76-3.8,3.69.9,5.21-4.7-2.46Z" fill="url(#review-star-bg-1)" fill-rule="evenodd"/></svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15.22" height="14.41" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 15.22 14.41"><defs><lineargradient id="review-star-bg-1" x1="15.6" y1="6.88" x2=".19" y2="6.65" gradienttransform="translate(0 14) scale(1 -1)" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#d80e80"/><stop offset="1" stop-color="#7800bf"/></lineargradient></defs><path d="m7.61,11.95l-4.7,2.46.9-5.21L0,5.51l5.26-.76L7.61,0l2.35,4.74,5.26.76-3.8,3.69.9,5.21-4.7-2.46Z" fill="url(#review-star-bg-1)" fill-rule="evenodd"/></svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15.22" height="14.41" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 15.22 14.41"><defs><lineargradient id="review-star-bg-1" x1="15.6" y1="6.88" x2=".19" y2="6.65" gradienttransform="translate(0 14) scale(1 -1)" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#d80e80"/><stop offset="1" stop-color="#7800bf"/></lineargradient></defs><path d="m7.61,11.95l-4.7,2.46.9-5.21L0,5.51l5.26-.76L7.61,0l2.35,4.74,5.26.76-3.8,3.69.9,5.21-4.7-2.46Z" fill="url(#review-star-bg-1)" fill-rule="evenodd"/></svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15.22" height="14.41" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 15.22 14.41"><defs><lineargradient id="review-star-bg-1" x1="15.6" y1="6.88" x2=".19" y2="6.65" gradienttransform="translate(0 14) scale(1 -1)" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#d80e80"/><stop offset="1" stop-color="#7800bf"/></lineargradient></defs><path d="m7.61,11.95l-4.7,2.46.9-5.21L0,5.51l5.26-.76L7.61,0l2.35,4.74,5.26.76-3.8,3.69.9,5.21-4.7-2.46Z" fill="url(#review-star-bg-1)" fill-rule="evenodd"/></svg>
                                </p>
                                <h3 class="h4 featured-reviews__header">amazing</h3>
                                    <p class="featured-reviews__quote">
                                        <span class="subhead">&#x201C;Lathers well, smells amazing, scent actually lasts on the skin, moisturizes well&#x201D;
-Mickey</span>
                                    </p>
                                    <a href="/for-your-body/bar-soap-body-wash/body-wash-pure-peace-18-fl-oz/" class="button button--border gradient-border cta--small" title="shop now pure peace body wash">
                                        <span>shop now <span class="is-srOnly">pure peace body wash</span></span>
                                    </a>
                            </div>
                        </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
    </div>
</section>
</div>
  </div>
</div>
<div data-sub-layout-container="271e967e-d84e-43aa-8984-52b031c1acbb" data-layout-name="Layout">
  <style data-container-styling="271e967e-d84e-43aa-8984-52b031c1acbb">
    [data-sub-layout-container="271e967e-d84e-43aa-8984-52b031c1acbb"] {
      box-sizing: border-box;
      display: flex;
      flex-wrap: wrap;
      z-index: 0;
      position: relative;
    }
    [data-sub-layout-container="271e967e-d84e-43aa-8984-52b031c1acbb"]:after {
      background-position: center center;
      background-size: cover;
      z-index: auto;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
    }
  </style>
  <div data-sub-layout="532b5999-4ea0-4ed8-a3a8-9927e78ff0fb">
    <style data-column-styling="532b5999-4ea0-4ed8-a3a8-9927e78ff0fb">
      [data-sub-layout="532b5999-4ea0-4ed8-a3a8-9927e78ff0fb"] {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        flex-basis: 100%;
        max-width: 100%;
        z-index: 0;
        justify-content: center;
        padding-right: 10.5px;
        padding-left: 10.5px;
        position: relative;
      }
      [data-sub-layout="532b5999-4ea0-4ed8-a3a8-9927e78ff0fb"]:after {
        background-position: center center;
        background-size: cover;
        z-index: auto;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
      }
      @media only screen and (max-width: 700px) {
        [data-sub-layout="532b5999-4ea0-4ed8-a3a8-9927e78ff0fb"] {
          flex-basis: 100%;
          max-width: 100%;
        }
      }
    </style>
  </div>
</div>
<div data-sub-layout-container="29825c35-92ff-4f20-9bed-dd1b349c119b" data-layout-name="Layout">
  <style data-container-styling="29825c35-92ff-4f20-9bed-dd1b349c119b">
    [data-sub-layout-container="29825c35-92ff-4f20-9bed-dd1b349c119b"] {
      box-sizing: border-box;
      display: flex;
      flex-wrap: wrap;
      z-index: 0;
      position: relative;
    }
    [data-sub-layout-container="29825c35-92ff-4f20-9bed-dd1b349c119b"]:after {
      background-position: center center;
      background-size: cover;
      z-index: auto;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
    }
  </style>
  <div data-sub-layout="9071020c-d204-4bac-b81d-c272eca5492c">
    <style data-column-styling="9071020c-d204-4bac-b81d-c272eca5492c">
      [data-sub-layout="9071020c-d204-4bac-b81d-c272eca5492c"] {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        flex-basis: 100%;
        max-width: 100%;
        z-index: 0;
        justify-content: center;
        padding-right: 10.5px;
        padding-left: 10.5px;
        position: relative;
      }
      [data-sub-layout="9071020c-d204-4bac-b81d-c272eca5492c"]:after {
        background-position: center center;
        background-size: cover;
        z-index: auto;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
      }
      @media only screen and (max-width: 700px) {
        [data-sub-layout="9071020c-d204-4bac-b81d-c272eca5492c"] {
          flex-basis: 100%;
          max-width: 100%;
        }
      }
    </style>
  </div>
</div></div></div>

        <div id="ColorWheel"class="wrapper">
    <div class="grid">
        <div class="grid__item xlarge-up--two-fifths color-wheel-container">
            <div class="color-wheel-top text-center">
                <p class="h3">what color is your <br>happy place?</p>
                <p class="body-text--large-medium">find suds + sprays that match your style</p>
            </div>
            <div class="text-center">
            <canvas id="colorWheel" class="color-wheel" aria-label="Product Color Wheel" title="Selected Color: Pink" width="500" height="500" data-bg-image="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/img/home/color-picker.png"></canvas>
            </div>

            <div class="color-wheel-bottom text-center">
                <p class="subhead">Your happy place is: <span data-color-wheel-selection></span></p>
                <p class="color-gray subhead">tap the color wheel to change colors</p>
            </div>
                    <a href="#" class="is-srOnly" access-wheel-color="orange" aria-label="Set Color orange">orange</a>
                    <a href="#" class="is-srOnly" access-wheel-color="pink" aria-label="Set Color pink">pink</a>
                    <a href="#" class="is-srOnly" access-wheel-color="lavender" aria-label="Set Color lavender">lavender</a>
                    <a href="#" class="is-srOnly" access-wheel-color="purple" aria-label="Set Color purple">purple</a>
                    <a href="#" class="is-srOnly" access-wheel-color="blue" aria-label="Set Color blue">blue</a>
                    <a href="#" class="is-srOnly" access-wheel-color="light blue" aria-label="Set Color light blue">light blue</a>
                    <a href="#" class="is-srOnly" access-wheel-color="teal" aria-label="Set Color teal">teal</a>
                    <a href="#" class="is-srOnly" access-wheel-color="green" aria-label="Set Color green">green</a>
                    <a href="#" class="is-srOnly" access-wheel-color="light green" aria-label="Set Color light green">light green</a>
                    <a href="#" class="is-srOnly" access-wheel-color="yellow" aria-label="Set Color yellow">yellow</a>

        </div>
        <div class="grid__item xlarge-up--three-fifths">
            <div class="color-wheel-arrows">
                <button type="button" class="cw-button-prev button--unstyled">
                    <svg class="icon icon--carousel-arrow">
                        <use xlink:href="#icon-carousel-arrow-left" />
                    </svg>
                    <span class="is-srOnly">Previous Slide</span>
                </button>
                <button type="button" class="cw-button-next button--unstyled">
                    <svg class="icon icon--carousel-arrow">
                        <use xlink:href="#icon-carousel-arrow-right" />
                    </svg>
                    <span class="is-srOnly">Next Slide</span>
                </button>
            </div>

            <div class="color-wheel-carousel">

                <div class="swiper" color-wheel-carousel>
                    <div class="swiper-wrapper"></div>
                </div>
            </div>

        </div>
    </div>

</div>

        <div data-content-region="home_widgets_bottom_1"><div data-layout-id="7f9a1b9a-e173-4717-8ea9-aba9bb479e5c"><div data-sub-layout-container="35eaa0df-159a-460f-9461-643d570b6bfa" data-layout-name="Layout">
  <style data-container-styling="35eaa0df-159a-460f-9461-643d570b6bfa">
    [data-sub-layout-container="35eaa0df-159a-460f-9461-643d570b6bfa"] {
      box-sizing: border-box;
      display: flex;
      flex-wrap: wrap;
      z-index: 0;
      position: relative;
    }
    [data-sub-layout-container="35eaa0df-159a-460f-9461-643d570b6bfa"]:after {
      background-position: center center;
      background-size: cover;
      z-index: auto;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
    }
  </style>
  <div data-sub-layout="0503f48a-12aa-47fc-a5f0-0cc06bd735e6">
    <style data-column-styling="0503f48a-12aa-47fc-a5f0-0cc06bd735e6">
      [data-sub-layout="0503f48a-12aa-47fc-a5f0-0cc06bd735e6"] {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        flex-basis: 100%;
        max-width: 100%;
        z-index: 0;
        justify-content: center;
        padding-right: 10.5px;
        padding-left: 10.5px;
        position: relative;
      }
      [data-sub-layout="0503f48a-12aa-47fc-a5f0-0cc06bd735e6"]:after {
        background-position: center center;
        background-size: cover;
        z-index: auto;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
      }
      @media only screen and (max-width: 700px) {
        [data-sub-layout="0503f48a-12aa-47fc-a5f0-0cc06bd735e6"] {
          flex-basis: 100%;
          max-width: 100%;
        }
      }
    </style>
    <div data-widget-id="3e41776a-de68-4db7-92f0-f0d1617ceba5" data-placement-id="622e7a30-b2b6-4cf9-b70c-ee8a50487a6f" data-placement-status="ACTIVE"><section class="homepage-section content-with-bg-section lazyload opacity" data-bg="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/loyalty-program-mobile-bckgnd.jpg?t=1703022060" alt role="presentation">
    <img class="bg-img desktop opacity lazyload" data-src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/loyalty-program-desktop.jpg?t=1703021391" alt>
    <img class="bg-img tablet opacity lazyload" data-src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/loyalty-program-desktop.jpg?t=1703021391" alt>
      <div class="content-container">
        <div class="content content-left Center">
            <h2 class="section-header" style="color: #ffffff;">join <span style="font-family: hafferXHMethod;">people</span><br><span style="font-family: hafferXHMethod;">against dirty</span></h2>
            <p class="body-text" style="color:rgba(255,255,255,1);">clean for a cause and watch your impact climb when you sign up for our do-good rewards program.</p>
                <div>
                    <a href="/rewards" class="button button--border gradient-border cta--small">
                        <span>Join Now</span>
                    </a>
                </div>
        </div>
      </div>
    <img data-src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/images/stencil/original/image-manager/loyalty-program-mobile-product2.png?t=1703022134" alt class="opacity lazyload mobile-image large-up--hide">
</section>
</div>
  </div>
</div></div></div>

        <div data-content-region="home_widgets_bottom_2"></div>


    </div>

    <div class="wrapper">
         
    </div>
     
    <div id="modal" class="modal default-modal" data-reveal data-prevent-quick-search-close>
    <button class="modal-close button button--unstyled"
        type="button"
        title="Close"
        
        data-close-element
>
    <span class="is-srOnly">Close</span>
    <span aria-hidden="true">
        <svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg>
    </span>
</button>
    <div class="modal-content"></div>
    <div class="loadingOverlay"><p>Loading results...</p></div>
</div>
    <div id="alert-modal" class="modal modal--alert modal--small" data-reveal data-prevent-quick-search-close>
    <div class="swal2-icon swal2-error swal2-icon-show"></div>

    <div class="modal-content"></div>

    <div class="button-container"><button type="button " class="confirm button button--primary-purple" data-reveal-close>okay</button></div>
</div>
</div>
                <footer class="footer" role="contentinfo">
    <div class="scrolling-text-section">
    <div class="scrolling-text">
        <p>method for change&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;make the good fight good fun&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;method for change&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;make the good fight good fun&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;method for change&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;make the good fight good fun&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
        <p>method for change&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;make the good fight good fun&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;method for change&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;make the good fight good fun&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;method for change&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;make the good fight good fun&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
    </div>
</div>
     <div class="footer-top method-products">
        <div class="wrapper">
            <div class="grid footer-links">
                <div class="grid__item medium-up--one-third">
                    <article class="footer-info-col" data-section-type="footer-logo">
                        <div class="footer-logos">
                            <div class="footer-logo-container">
                                <a href="/" class="store-logo">
                                    <img class="lazyload footer-logo" src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/img/loading.svg" data-src="https://storage.googleapis.com/method_us_images/logo/new-mdot-bg.webp" alt="Method Logo for footer in white">
                                </a>
                            </div>
                        </div>
                        <div class="small-down--hide">
                            <p class="subhead--large-medium footer-info-heading footer-desktop-icons">Let&#x27;s socialize</p>
                                <ul class="socialLinks socialLinks--flex">
            <li class="socialLinks-item">
                <a class="icon icon--instagram" href="https://www.instagram.com/methodproducts" target="_blank" rel="noopener" title="View our instagram. Opens in a new window.">
                    <span class="is-srOnly">View our instagram</span>
                    <svg><use xlink:href="#icon-instagram" /></svg>
                </a>
            </li>
            <li class="socialLinks-item">
                <a class="icon icon--facebook" href="http://facebook.com/methodproducts" target="_blank" rel="noopener" title="View our facebook. Opens in a new window.">
                    <span class="is-srOnly">View our facebook</span>
                    <svg><use xlink:href="#icon-facebook" /></svg>
                </a>
            </li>
            <li class="socialLinks-item">
                <a class="icon icon--pinterest" href="https://www.pinterest.com/methodproducts" target="_blank" rel="noopener" title="View our pinterest. Opens in a new window.">
                    <span class="is-srOnly">View our pinterest</span>
                    <svg><use xlink:href="#icon-pinterest" /></svg>
                </a>
            </li>
            <li class="socialLinks-item">
                <a class="icon icon--youtube" href="https://www.youtube.com/methodproducts" target="_blank" rel="noopener" title="View our youtube. Opens in a new window.">
                    <span class="is-srOnly">View our youtube</span>
                    <svg><use xlink:href="#icon-youtube" /></svg>
                </a>
            </li>
        <li class="socialLinks-item">
            <a class="icon icon--tiktok" href="https://www.tiktok.com/@methodproducts" target="_blank" rel="noopener" title="View our Tik Tok. Opens in a new window.">
                <span class="is-srOnly">View our Tik Tok</span>
                <svg><use xlink:href="#icon-tiktok" /></svg>
            </a>
        </li>
    </ul>
                        </div>
                    </article>
                </div>
                <div class="grid__item medium-up--two-thirds">
                    <div class="grid">
                        <div class="grid__item small--one-half medium--one-half large--one-half xlarge-up--one-quarter">
                            <article class="footer-info-col" data-section-type="footer-categories">
                                <p class="subhead--large-medium footer-info-heading">shop + explore</p>
                                <ul class="footer-info-list">
                                            <li><a href="/shop-all/">shop it all</a></li>
                                            <li><a href="/shop-all/#/filter:custom_new_arrivals:new$2520arrivals">new arrivals</a></li>
                                            <li><a href="/method/meet-concentrates/">refill + reuse</a></li>
                                            <li><a href="/about/">meet method</a></li>
                                            <li><a href="/rewards/">rewards</a></li>
                                            <li><a href="/sustainability/">sustainability</a></li>
                                            <li><a href="/method/simply-the-basics/">method x simply the basics</a></li>
                                            <li><a href="/unleash-your-inner-shower/">unleash your inner shower</a></li>
                                            <li><a href="/collections">explore our collections</a></li>
                                </ul>
                            </article>
                        </div>
                        <div class="grid__item small--one-half medium--one-half large--one-half xlarge-up--one-quarter">
                            <article class="footer-info-col" data-section-type="footer-webPages">
                                <p class="subhead--large-medium footer-info-heading">info</p>
                                <ul class="footer-info-list">
                                            <li><a href="/account.php">Account</a></li>
                                            <li><a href="/contact-us/">Contact Us</a></li>
                                            <li><a href="https://jobs.scjohnson.com/lifestyle" target="_blank">Careers</a></li>
                                            <li><a href="/faqs/">FAQs</a></li>
                                            <li><a href="/community-guidelines/">Community Guidelines</a></li>
                                            <li><a href="/sitemap.php">Sitemap</a></li>
                                </ul>
                            </article>
                        </div>

                        <div class="grid__item medium--two-thirds large--two-thirds xlarge-up--one-half">
                            <article class="footer-info-col newsletter" data-section-type="newsletterSubscription">
                                <p class="subhead--large-medium footer-info-heading">Refresh your inbox</p>
                                <p class="newsletter-subheading">join our email list to get 10% off your first order, plus first dibs on exclusive offers + scent-illating news.</p>
<div class="newsletter-form-wrapper">
    <div class="privy-embed-form" data-campaign="2531758"></div>
</div>
                                                            </article>
                        </div>
                        <div class="grid__item footer-social-container-mobile medium-up--hide">
                            <article class="footer-info-col">
                                <p class="h4 footer-info-heading">Let&#x27;s socialize</p>
                                    <ul class="socialLinks socialLinks--flex">
            <li class="socialLinks-item">
                <a class="icon icon--instagram" href="https://www.instagram.com/methodproducts" target="_blank" rel="noopener" title="View our instagram. Opens in a new window.">
                    <span class="is-srOnly">View our instagram</span>
                    <svg><use xlink:href="#icon-instagram" /></svg>
                </a>
            </li>
            <li class="socialLinks-item">
                <a class="icon icon--facebook" href="http://facebook.com/methodproducts" target="_blank" rel="noopener" title="View our facebook. Opens in a new window.">
                    <span class="is-srOnly">View our facebook</span>
                    <svg><use xlink:href="#icon-facebook" /></svg>
                </a>
            </li>
            <li class="socialLinks-item">
                <a class="icon icon--pinterest" href="https://www.pinterest.com/methodproducts" target="_blank" rel="noopener" title="View our pinterest. Opens in a new window.">
                    <span class="is-srOnly">View our pinterest</span>
                    <svg><use xlink:href="#icon-pinterest" /></svg>
                </a>
            </li>
            <li class="socialLinks-item">
                <a class="icon icon--youtube" href="https://www.youtube.com/methodproducts" target="_blank" rel="noopener" title="View our youtube. Opens in a new window.">
                    <span class="is-srOnly">View our youtube</span>
                    <svg><use xlink:href="#icon-youtube" /></svg>
                </a>
            </li>
        <li class="socialLinks-item">
            <a class="icon icon--tiktok" href="https://www.tiktok.com/@methodproducts" target="_blank" rel="noopener" title="View our Tik Tok. Opens in a new window.">
                <span class="is-srOnly">View our Tik Tok</span>
                <svg><use xlink:href="#icon-tiktok" /></svg>
            </a>
        </li>
    </ul>
                            </article>
                        </div>
                        <div class="grid__item">
                            <div class="copyright-links">
                                <div class="privacy-terms">
                                    <a href="https://privacy.scjbrands.com/en-us" target="_blank">Privacy Notice</a>
                                    &nbsp;|&nbsp;
                                    <a href="https://terms.scjbrands.com/en-us" target="_blank">Terms + Conditions</a>
                                    <span>&nbsp;|&nbsp;</span>
                                    <span class="evidon-notice-link" id="evidon-link" title=""></span>
                                    <span>&nbsp;|&nbsp;</span>
                                    <span class="ot-sdk-show-settings" title=""></span>
                                </div>
                                    <div class="footer-copyright">
                                        <p class="powered-by">&copy; 2024 method products.</p>
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
                <a class="exit-off-canvas" href="#" data-offcanvas-close aria-label="Exit off canvas"><span class="is-srOnly">Exit off-canvas</span></a>
            </div>
        </div>

        <div class="alert-popups alertBox--dismissed">
             
        </div>

        <script>
    window.__webpack_public_path__ = "https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/dist/";
    window.bootstrapTheme = function () { window.stencilBootstrap("default", "{\"zoomSize\":\"1280x1280\",\"productThumbSize\":\"70x70\",\"productSize\":\"700x700\",\"productGalleryNavigationEnabled\":true,\"cartPreviewType\":\"dropdown\",\"genericError\":\"oh dear, something's gone wrong. wait a moment + try again.\",\"urls\":{\"home\":\"https://methodproducts.com/\",\"account\":{\"index\":\"/account.php\",\"orders\":{\"all\":\"/account.php?action=order_status\",\"completed\":\"/account.php?action=view_orders\",\"save_new_return\":\"/account.php?action=save_new_return\"},\"update_action\":\"/account.php?action=update_account\",\"returns\":\"/account.php?action=view_returns\",\"addresses\":\"/account.php?action=address_book\",\"inbox\":\"/account.php?action=inbox\",\"send_message\":\"/account.php?action=send_message\",\"add_address\":\"/account.php?action=add_shipping_address\",\"wishlists\":{\"all\":\"/wishlist.php\",\"add\":\"/wishlist.php?action=addwishlist\",\"edit\":\"/wishlist.php?action=editwishlist\",\"delete\":\"/wishlist.php?action=deletewishlist\"},\"details\":\"/account.php?action=account_details\",\"recent_items\":\"/account.php?action=recent_items\",\"payment_methods\":{\"all\":\"/account.php?action=payment_methods\"}},\"brands\":\"https://methodproducts.com/brands/\",\"gift_certificate\":{\"purchase\":\"/giftcertificates.php\",\"redeem\":\"/giftcertificates.php?action=redeem\",\"balance\":\"/giftcertificates.php?action=balance\"},\"auth\":{\"login\":\"/login.php\",\"check_login\":\"/login.php?action=check_login\",\"create_account\":\"/login.php?action=create_account\",\"save_new_account\":\"/login.php?action=save_new_account\",\"forgot_password\":\"/login.php?action=reset_password\",\"send_password_email\":\"/login.php?action=send_password_email\",\"save_new_password\":\"/login.php?action=save_new_password\",\"logout\":\"/login.php?action=logout\"},\"product\":{\"post_review\":\"/postreview.php\"},\"cart\":\"/cart.php\",\"checkout\":{\"single_address\":\"/checkout\",\"multiple_address\":\"/checkout.php?action=multiple\"},\"rss\":{\"products\":[]},\"contact_us_submit\":\"/pages.php?action=sendContactForm\",\"search\":\"/search.php\",\"compare\":\"/compare\",\"sitemap\":\"/sitemap.php\",\"subscribe\":{\"action\":\"/subscribe.php\"}},\"secureBaseUrl\":\"https://methodproducts.com\",\"cartId\":null,\"channelId\":1,\"template\":\"pages/home\",\"loading\":\"https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/img/loading.svg\",\"storefrontAPIToken\":\"eyJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjaWQiOjEsImNvcnMiOlsiaHR0cHM6Ly9tZXRob2Rwcm9kdWN0cy5jb20iXSwiZWF0IjoxNzE1ODAyODcwLCJpYXQiOjE3MTU2MzAwNzAsImlzcyI6IkJDIiwic2lkIjoxMDAwNTYyNDA4LCJzdWIiOiJCQyIsInN1Yl90eXBlIjowLCJ0b2tlbl90eXBlIjoxfQ.ArT_DNVCG3bWqc6ASLN3XASzuOm8nTzzq3szNX1pZdC67zzeDsIeN4d8WAFa3G1gzWxboo5yYs6giTUWP6aKLw\",\"validationDictionaryJSON\":\"{\\\"locale\\\":\\\"en\\\",\\\"locales\\\":{\\\"validation_messages.valid_email\\\":\\\"en\\\",\\\"validation_messages.password\\\":\\\"en\\\",\\\"validation_messages.password_match\\\":\\\"en\\\",\\\"validation_messages.invalid_password\\\":\\\"en\\\",\\\"validation_messages.field_not_blank\\\":\\\"en\\\",\\\"validation_messages.certificate_amount\\\":\\\"en\\\",\\\"validation_messages.certificate_amount_range\\\":\\\"en\\\",\\\"validation_messages.price_min_evaluation\\\":\\\"en\\\",\\\"validation_messages.price_max_evaluation\\\":\\\"en\\\",\\\"validation_messages.price_min_not_entered\\\":\\\"en\\\",\\\"validation_messages.price_max_not_entered\\\":\\\"en\\\",\\\"validation_messages.price_invalid_value\\\":\\\"en\\\",\\\"validation_messages.invalid_gift_certificate\\\":\\\"en\\\"},\\\"translations\\\":{\\\"validation_messages.valid_email\\\":\\\"You must enter a valid email.\\\",\\\"validation_messages.password\\\":\\\"You must enter a password.\\\",\\\"validation_messages.password_match\\\":\\\"Your passwords do not match.\\\",\\\"validation_messages.invalid_password\\\":\\\"Passwords must be at least 7 characters and contain both alphabetic and numeric characters.\\\",\\\"validation_messages.field_not_blank\\\":\\\" field cannot be blank.\\\",\\\"validation_messages.certificate_amount\\\":\\\"You must enter a gift certificate amount.\\\",\\\"validation_messages.certificate_amount_range\\\":\\\"You must enter a certificate amount between [MIN] and [MAX]\\\",\\\"validation_messages.price_min_evaluation\\\":\\\"Min. price must be less than max. price.\\\",\\\"validation_messages.price_max_evaluation\\\":\\\"Min. price must be less than max. price.\\\",\\\"validation_messages.price_min_not_entered\\\":\\\"Min. price is required.\\\",\\\"validation_messages.price_max_not_entered\\\":\\\"Max. price is required.\\\",\\\"validation_messages.price_invalid_value\\\":\\\"Input must be greater than 0.\\\",\\\"validation_messages.invalid_gift_certificate\\\":\\\"Please enter your valid certificate code.\\\"}}\",\"validationFallbackDictionaryJSON\":\"{\\\"locale\\\":\\\"en\\\",\\\"locales\\\":{\\\"validation_fallback_messages.valid_email\\\":\\\"en\\\",\\\"validation_fallback_messages.password\\\":\\\"en\\\",\\\"validation_fallback_messages.password_match\\\":\\\"en\\\",\\\"validation_fallback_messages.invalid_password\\\":\\\"en\\\",\\\"validation_fallback_messages.field_not_blank\\\":\\\"en\\\",\\\"validation_fallback_messages.certificate_amount\\\":\\\"en\\\",\\\"validation_fallback_messages.certificate_amount_range\\\":\\\"en\\\",\\\"validation_fallback_messages.price_min_evaluation\\\":\\\"en\\\",\\\"validation_fallback_messages.price_max_evaluation\\\":\\\"en\\\",\\\"validation_fallback_messages.price_min_not_entered\\\":\\\"en\\\",\\\"validation_fallback_messages.price_max_not_entered\\\":\\\"en\\\",\\\"validation_fallback_messages.price_invalid_value\\\":\\\"en\\\",\\\"validation_fallback_messages.invalid_gift_certificate\\\":\\\"en\\\"},\\\"translations\\\":{\\\"validation_fallback_messages.valid_email\\\":\\\"You must enter a valid email.\\\",\\\"validation_fallback_messages.password\\\":\\\"You must enter a password.\\\",\\\"validation_fallback_messages.password_match\\\":\\\"Your passwords do not match.\\\",\\\"validation_fallback_messages.invalid_password\\\":\\\"Passwords must be at least 7 characters and contain both alphabetic and numeric characters.\\\",\\\"validation_fallback_messages.field_not_blank\\\":\\\" field cannot be blank.\\\",\\\"validation_fallback_messages.certificate_amount\\\":\\\"You must enter a gift certificate amount.\\\",\\\"validation_fallback_messages.certificate_amount_range\\\":\\\"You must enter a certificate amount between [MIN] and [MAX]\\\",\\\"validation_fallback_messages.price_min_evaluation\\\":\\\"Min. price must be less than max. price.\\\",\\\"validation_fallback_messages.price_max_evaluation\\\":\\\"Min. price must be less than max. price.\\\",\\\"validation_fallback_messages.price_min_not_entered\\\":\\\"Min. price is required.\\\",\\\"validation_fallback_messages.price_max_not_entered\\\":\\\"Max. price is required.\\\",\\\"validation_fallback_messages.price_invalid_value\\\":\\\"Input must be greater than 0.\\\",\\\"validation_fallback_messages.invalid_gift_certificate\\\":\\\"Please enter your valid certificate code.\\\"}}\",\"validationDefaultDictionaryJSON\":\"{\\\"locale\\\":\\\"en\\\",\\\"locales\\\":{\\\"validation_default_messages.valid_email\\\":\\\"en\\\",\\\"validation_default_messages.password\\\":\\\"en\\\",\\\"validation_default_messages.password_match\\\":\\\"en\\\",\\\"validation_default_messages.invalid_password\\\":\\\"en\\\",\\\"validation_default_messages.field_not_blank\\\":\\\"en\\\",\\\"validation_default_messages.certificate_amount\\\":\\\"en\\\",\\\"validation_default_messages.certificate_amount_range\\\":\\\"en\\\",\\\"validation_default_messages.price_min_evaluation\\\":\\\"en\\\",\\\"validation_default_messages.price_max_evaluation\\\":\\\"en\\\",\\\"validation_default_messages.price_min_not_entered\\\":\\\"en\\\",\\\"validation_default_messages.price_max_not_entered\\\":\\\"en\\\",\\\"validation_default_messages.price_invalid_value\\\":\\\"en\\\",\\\"validation_default_messages.invalid_gift_certificate\\\":\\\"en\\\"},\\\"translations\\\":{\\\"validation_default_messages.valid_email\\\":\\\"You must enter a valid email.\\\",\\\"validation_default_messages.password\\\":\\\"You must enter a password.\\\",\\\"validation_default_messages.password_match\\\":\\\"Your passwords do not match.\\\",\\\"validation_default_messages.invalid_password\\\":\\\"Passwords must be at least 7 characters and contain both alphabetic and numeric characters.\\\",\\\"validation_default_messages.field_not_blank\\\":\\\"The field cannot be blank.\\\",\\\"validation_default_messages.certificate_amount\\\":\\\"You must enter a gift certificate amount.\\\",\\\"validation_default_messages.certificate_amount_range\\\":\\\"You must enter a certificate amount between [MIN] and [MAX]\\\",\\\"validation_default_messages.price_min_evaluation\\\":\\\"Min. price must be less than max. price.\\\",\\\"validation_default_messages.price_max_evaluation\\\":\\\"Min. price must be less than max. price.\\\",\\\"validation_default_messages.price_min_not_entered\\\":\\\"Min. price is required.\\\",\\\"validation_default_messages.price_max_not_entered\\\":\\\"Max. price is required.\\\",\\\"validation_default_messages.price_invalid_value\\\":\\\"Input must be greater than 0.\\\",\\\"validation_default_messages.invalid_gift_certificate\\\":\\\"Please enter your valid certificate code.\\\"}}\",\"lazyloadMode\":\"lazyload+lqip\",\"isDevelopment\":false,\"gridSmall\":480,\"gridMedium\":760,\"gridLarge\":991,\"gridXLarge\":1200,\"gridWidescreen\":1400,\"productThumbCarousel\":false,\"productThumbCount\":7,\"page_type\":\"default\",\"loadMore\":true,\"cancelButtonText\":\"Cancel\",\"cdn\":\"https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/[file]\"}").load(); };
</script>

<script data-bundle-asset defer type src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/dist/theme-bundle.266.js"></script>
<script data-bundle-asset defer type src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/dist/theme-bundle.868.js"></script>
<script data-bundle-asset defer type src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/dist/theme-bundle.943.js"></script>
<script data-bundle-asset defer type src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/dist/theme-bundle.datatags.js"></script>
<script data-bundle-asset defer type src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/dist/theme-bundle.121.js"></script>
<script data-bundle-asset defer type src="https://cdn11.bigcommerce.com/s-d7wmc7b75m/stencil/b1dd29f0-f03c-013c-41b0-7a9e169d6eef/e/52fef5b0-efb2-013c-0814-6e2736edf853/dist/theme-bundle.main.js"></script>


        <script type="text/javascript" src="https://cdn11.bigcommerce.com/shared/js/csrf-protection-header-5eeddd5de78d98d146ef4fd71b2aedce4161903e.js"></script>
<script src='https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=NEezj9' async ></script><script src='https://bigcommerce.route.com/checkout/routeimg.js'  ></script><script src='https://bigcommerce.route.com/checkout/listener.js?s=d7wmc7b75m'  ></script><script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script>
<script>
var klaviyo = klaviyo || [];
klaviyo.init({
  account: 'NEezj9',
  list: 'LqSTU7',
  platform: 'bigcommerce'
});
klaviyo.enable("backinstock", {
  trigger: {
    product_page_text: "notify me when back in stock",
    product_page_class: "button button--primary",
    product_page_text_align: "center",
    product_page_margin: "0px",
    replace_anchor: false
  },
  modal: {
    headline: "{product_name}",
    body_content: "register to receive a notification when this item comes back in stock.",
    email_field_label: "email address",
    button_label: "sign up",
    newsletter_subscribe_label: "I would like to be contacted with the latest marketing information (product launches, new scents, etc.)",
    subscribe_checked: true,
    subscription_success_label: "you're in! we'll let you know when it's back.",
    footer_content: '',
    additional_styles: ":root{--purple:#7B4CD2}#klaviyo-bis-modal{max-width:630px}#container{border-radius:30px;box-shadow:4px 2px 5px rgba(0,0,0,.1);letter-spacing:-.02em;padding:135px 50px 100px}#container .klaviyo-bis-close{font-weight:400;padding:0 5px;transform:scale(1.5) translate(-8px,15px)}input[type=\"checkbox\"]{accent-color:var(--purple)}.modal-title,.submit-container .btn{color:var(--purple);font-weight:500}.modal-title{font-size:24px;line-height:calc(28/24);margin:0 0 16px}#container>p:first-of-type{font-size:16px;line-height:calc(24/16);margin:0 0 16px}.form-horizontal{display:flex;flex-wrap:wrap;margin:0;max-width:520px;width:100%}.form-horizontal *{margin:0}#email,.btn{border-color:var(--purple);height:48px}.form-group:has(#email){flex:100 1 275px;margin-right:22px;margin-bottom:16px;max-width:344px;min-width:275px}#email{width:100%;margin-bottom:16px}#newsletter_subscription>p{display:inline-flex}.submit-container{flex:1 154px;min-width:154px;max-width:344px}.submit-container .btn{background:#fff;border:1px solid var(--purple);border-radius:30px;font-size:18px;line-height:46px;padding:0;text-align:center;width:100%}@media screen and (max-width:479px){#container{padding:50px 20px}.form-group:has(#email){margin-right:0}}",
    drop_background_color: "#000",
    background_color: "#fff",
    text_color: "#222",
    button_text_color: "#fff",
    button_background_color: "#4787ed",
    close_button_color: "#414042",
    error_background_color: "#fcd6d7",
    error_text_color: "#C72E2F",
    success_background_color: "#d3efcd",
    success_text_color: "#1B9500",
    font_family: "Avenir"
  }
});
</script><script>
	(function(window) {
		var hash = 'd7wmc7b75m';
		var appDomain = 'https://klaviyo-cart-rebuilder.arcticleaf.io';
		var _learnq = window._learnq;
		var email = '';
		var categoryStore = 'product-categories';
		var categoriesStr = "{ \"534\": " + decodeURIComponent("%5B%22Shop%20All%22%2C%22for%20your%20body%22%2C%22for%20your%20body%2Fhair%22%2C%22for%20your%20body%2Fdeodorant%22%5D") + ", \"533\": " + decodeURIComponent("%5B%22Shop%20All%22%2C%22for%20your%20body%22%2C%22for%20your%20body%2Fhair%22%2C%22for%20your%20body%2Fbar%20soap%20%2B%20body%20wash%22%2C%22for%20your%20body%2Fdeodorant%22%5D") + ", \"532\": " + decodeURIComponent("%5B%22Shop%20All%22%2C%22for%20your%20body%2Fbar%20soap%20%2B%20body%20wash%22%2C%22for%20your%20body%2Fhair%22%2C%22for%20your%20body%2Fdeodorant%22%2C%22for%20your%20body%2Fbody%20lotion%22%5D") + ", \"531\": " + decodeURIComponent("%5B%22Shop%20All%22%2C%22for%20your%20body%2Fbar%20soap%20%2B%20body%20wash%22%2C%22for%20your%20body%2Fhair%22%2C%22for%20your%20body%2Fdeodorant%22%2C%22for%20your%20body%2Fbody%20lotion%22%5D") + ", \"530\": " + decodeURIComponent("%5B%22Shop%20All%22%2C%22for%20your%20body%2Fbody%20lotion%22%2C%22for%20your%20body%2Fdeodorant%22%2C%22for%20your%20body%2Fhair%22%2C%22for%20your%20body%2Fbar%20soap%20%2B%20body%20wash%22%5D") + ", \"529\": " + decodeURIComponent("%5B%22Shop%20All%22%2C%22for%20your%20body%2Fhair%22%5D") + ", \"528\": " + decodeURIComponent("%5B%22Shop%20All%22%2C%22for%20your%20body%2Fhair%22%5D") + ", \"527\": " + decodeURIComponent("%5B%22Shop%20All%22%2C%22for%20your%20body%2Fhair%22%5D") + ", \"526\": " + decodeURIComponent("%5B%22Shop%20All%22%2C%22for%20your%20body%2Fhair%22%5D") + ", \"525\": " + decodeURIComponent("%5B%22Shop%20All%22%2C%22for%20your%20body%2Fhair%22%5D") + ", \"193\": " + decodeURIComponent("%5B%22Shop%20All%22%2C%22for%20your%20home%2Fhand%20wash%22%5D") + ", \"498\": " + decodeURIComponent("%5B%22Shop%20All%22%2C%22for%20your%20home%2Fall%20refills%20%2B%20concentrates%22%2C%22for%20your%20home%2Fhand%20wash%22%5D") + ", \"473\": " + decodeURIComponent("%5B%22Shop%20All%22%2C%22for%20your%20body%2Fbar%20soap%20%2B%20body%20wash%22%5D") + ", \"425\": " + decodeURIComponent("%5B%22Shop%20All%22%2C%22for%20your%20home%2Fdish%22%5D") + ", \"528\": " + decodeURIComponent("%5B%22Shop%20All%22%2C%22for%20your%20body%2Fhair%22%5D") + ", \"150\": " + decodeURIComponent("%5B%22Shop%20All%22%2C%22for%20your%20body%2Fhair%22%5D") + ", \"139\": " + decodeURIComponent("%5B%22Shop%20All%22%2C%22for%20your%20body%2Fbar%20soap%20%2B%20body%20wash%22%5D") + ", \"135\": " + decodeURIComponent("%5B%22Shop%20All%22%2C%22for%20your%20body%2Fdeodorant%22%5D") + ", \"131\": " + decodeURIComponent("%5B%22Shop%20All%22%2C%22for%20your%20body%2Fbar%20soap%20%2B%20body%20wash%22%5D") + ", \"138\": " + decodeURIComponent("%5B%22Shop%20All%22%2C%22for%20your%20body%2Fbar%20soap%20%2B%20body%20wash%22%5D") + ", \"129\": " + decodeURIComponent("%5B%22Shop%20All%22%2C%22for%20your%20body%2Fbar%20soap%20%2B%20body%20wash%22%5D") + ", \"134\": " + decodeURIComponent("%5B%22Shop%20All%22%2C%22for%20your%20body%2Fdeodorant%22%5D") + ",  \"_dummy\": []}";
		var categories = JSON.parse(categoriesStr);
		Object.keys(categories).forEach(function(categoryKey) {
			categories[categoryKey] = categories[categoryKey].join(",");
		});
		var storedCategories = localStorage.getItem(categoryStore);
		var currentStoredCategories = storedCategories ? JSON.parse(localStorage.getItem(categoryStore)) : {};
		if (currentStoredCategories && currentStoredCategories !== ' ') {
			for (var id in categories) {
				currentStoredCategories[id] = categories[id];
			}
			localStorage.setItem(categoryStore, JSON.stringify(currentStoredCategories));
		} else {
			localStorage.setItem(categoryStore, JSON.stringify(categories));
		}

		function replaceAt(str, index, replacement) {
			return str.substr(0, index) + replacement + str.substr(index + replacement.length);
		}
		function xhrGET(url, callback) {
			var xmlHttp = new XMLHttpRequest();
			xmlHttp.onreadystatechange = function asyncRequest() {
				if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
					try {
						var json = JSON.parse(xmlHttp.responseText);
						callback(json);
					} catch(err) {
						callback();
						console.error('err is: ', err);
					}
				}
			}
			xmlHttp.open("GET", url, true);
			xmlHttp.send(null);
		}
		function fetchCart(cb) {
			xhrGET('/api/storefront/cart?include=lineItems.digitalItems.options,lineItems.physicalItems.options', function(response) {
				cb(response && response.length ? response[0] : null);
			});
		}

		function updateKlaviyo(id, items, isEmpty) {
			var currentItems = reformatItems(items);
			var itemNames = currentItems.map(function(item) {
				return item.name;
			});
			var brands = currentItems.map(function(item) {
				return item.brand;
			}).filter(function(brand, index, self) {
				return brand !== '' && self.indexOf(brand) === index;
			});
			var cartCategories = currentItems.map(function(item) {
				return currentStoredCategories[item.productId];
			}).join(',');;
			var itemCount = currentItems.map(function(elem) {
				return elem.quantity;
			}).reduce(function(acc, curr) {
				return acc + curr;
			}, 0);
			var totalValue = currentItems.reduce(function(a, current) {
				return a + current.salePrice * current.quantity;
			}, 0).toFixed(2);
			totalValue = Number(totalValue);
			var thisUrl = encodeURIComponent(window.location.origin);
			var url = appDomain + '/rebuild_cart?id=' + encodeURIComponent(id) + '&hash=' + encodeURIComponent(hash) + '&domain=' + encodeURIComponent(thisUrl);
			_learnq.push(['track', 'Updated Cart (Cart Rebuilder App)', { categories: cartCategories.split(','), cart_url: url, isEmpty: isEmpty, itemNames: itemNames, brands: brands, items: currentItems, totalValue: totalValue, itemCount: itemCount }]);
		}

		function reformatItems(cart) {
			var formattedCart = [];
			for (var key in cart) {
				cart[key].forEach(function(item) {
					formattedCart.push(item);
				});
			}
			return formattedCart;
		}

		function initKlaviyo(index) {
			setTimeout(function() {
				if (window._learnq && window._learnq.identify) {
					// start listening as soon as klaviyo is connected
					initXHRSwizzle();
					initFetchSwizzle();

					_learnq = window._learnq;
					email = email || _learnq.identify().$email || _learnq.identify().kl_email;
					if (email) {
						var userData = _learnq.identify();
						userData.$email = email;
						_learnq.push(['identify', userData]);
					}
					getAndUpdate();
					return;
				}
				if (index < 20) {
					initKlaviyo(index + 1);
				} else {
					console.log('Klaviyo must be installed!');
				}
			}, 200);
		}

		function getAndUpdate() {
			fetchCart(function(data) {
				if (data) {
					localStorage.setItem('prevCartId', data.id);
					updateKlaviyo(data.id, data.lineItems, false);
				} else {
					updateKlaviyo(null, null, true);
				}
			});
		}

		function checkSwizzledURL(url) {
			if (!_learnq || !_learnq.identify || !url || typeof url !== 'string') {
				return;
			}
			var endpoints = ['/cart/update', '/cart/add'];
			endpoints.forEach(function(endpoint) {
				if (!url || url.indexOf(endpoint) === -1) {
					return;
				}

				getAndUpdate();
			});
		}

		function initXHRSwizzle() {
			if (window.arcticleaf_cartrebuilder_xhrswizzle) {
				return;
			}
			window.arcticleaf_cartrebuilder_xhrswizzle = true;

			// we hate swizzling the XHR object, but we need to listen to each XHR request, annoyingly, without jQuery
			var preSwizzleXHR = XMLHttpRequest.prototype.send;

			XMLHttpRequest.prototype.send = function(data) {
				var self = this;
				var _callback = self.onreadystatechange;
				self.onreadystatechange = function() {
					if (self.readyState == XMLHttpRequest.DONE) {
						checkSwizzledURL(self ? self.responseURL : null);
					}
					if (_callback) {
						_callback.apply(self);
					}
				};

				preSwizzleXHR.call(self, data);
			};
		}

		function initFetchSwizzle() {
			if (window.arcticleaf_cartrebuilder_fetchswizzle) {
				return;
			}
			window.arcticleaf_cartrebuilder_fetchswizzle = true;

			// we hate swizzling the fetch object, but we need to listen to each fetch request
			var preSwizzleFetch = window.fetch

			window.fetch = function() {
				return new Promise((resolve, reject) => {
					preSwizzleFetch.apply(this, arguments)
					.then((response) => {
						checkSwizzledURL(response ? response.url : null);
						resolve(response);
					})
					.catch(reject)
				});
			}
		}

		initKlaviyo(0);
	}(window));
</script><script>(function () {
    const removeCookie = key => {
      document.cookie =
        encodeURIComponent(key) +
        '=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/';
    };
  
    const getSignOutLinks = () => {
      const allLinks = document.querySelectorAll(
        'a.navUser-action, a.navPages-action'
      );
      const signOutLinks = [];
  
      for (const link of allLinks) {
        if (link.getAttribute('href') === '/login.php?action=logout') {
          signOutLinks.push(link);
        }
      }
  
      return signOutLinks;
    };
  
    const addSignOutEventListeners = () => {
      const signOutLinks = getSignOutLinks();
      if (signOutLinks.length > 0) {
        for (const link of signOutLinks) {
          link.addEventListener('click', function (event) {
            removeCookie('og_auth');
          });
        }
        observer.disconnect();
      }
    };
  
    const createSignOutObserver = () => {
      return new MutationObserver(function (mutationsList) {
        for (const mutation of mutationsList) {
          if (
            mutation.type === 'childList' &&
            mutation.addedNodes.length > 0
          ) {
            addSignOutEventListeners();
          }
        }
      });
    };
  
    const signOutLinks = getSignOutLinks();
  
    if (signOutLinks.length > 0) {
      for (const link of signOutLinks) {
        link.addEventListener('click', function (event) {
          removeCookie('og_auth');
        });
      }
    } else {
      const observer = createSignOutObserver();
      observer.observe(document.body, { childList: true, subtree: true });
    }
  })();</script><script>(function () {
    var subscriptionOptionPhrase = 'Ships Every';

    function checkItemsForSubscriptions(items){
        for (var i = 0; i < items.length; i++){
            var itemOptions = items[i].options;
            for (var j = 0; j < itemOptions.length; j++){
                if (itemOptions[j].name == subscriptionOptionPhrase){
                    return true;
                }
            }
        }
        return false;
    }

    var miniCartCheckoutObserver =  new MutationObserver(function () {
        var additionalCheckout = document.querySelector('.previewCart-additionalCheckoutButtons');
        if (additionalCheckout && additionalCheckout.style.display != 'none' ) {
            checkForSubscriptionsAndHide(additionalCheckout)
        }
    });

    var cartCheckoutObserver =  new MutationObserver(function () {
        var additionalCheckout = document.querySelector('.cart-additionalCheckoutButtons') ;
        if (additionalCheckout && additionalCheckout.style.display != 'none' ) {
            checkForSubscriptionsAndHide(additionalCheckout)
        }
    });

    var proceedToCheckoutObserver =  new MutationObserver(function () {
        var additionalCheckout = document.querySelector('.previewCartCheckout-additionalCheckoutButtons');   
        if (additionalCheckout && additionalCheckout.style.display != 'none' ) {
            checkForSubscriptionsAndHide(additionalCheckout)
        }
    });

    const checkForSubscriptionsAndHide = ( paymentButtonSection ) => {
        fetch('/api/storefront/carts?include=lineItems.digitalItems.options,lineItems.physicalItems.options', {
            method: 'GET',
            credentials: 'same-origin'
        })
        .then(res => res.json()).then(cartData => {
            var cartContents = cartData[0];
            var physicalItems = cartContents.lineItems.physicalItems;
            var digitalItems = cartContents.lineItems.digitalItems;
            var hasSubscription = checkItemsForSubscriptions(physicalItems) || checkItemsForSubscriptions(digitalItems);
            if (hasSubscription){ 
                paymentButtonSection.style.display = 'none';
            }
        });
    };

    var dropDown = document.getElementById('cart-preview-dropdown');
    miniCartCheckoutObserver.observe(dropDown, { childList: true, subtree: true });
    cartCheckoutObserver.observe(document, { childList: true, subtree: true });
    proceedToCheckoutObserver.observe(document, { childList: true, subtree: true });
})();</script><script>
    (function() {
        // CONFIGURATION
        var siteId = "whxmtn";
        
        var pageType = "default";
        if(pageType == "product" || pageType == "cart" || pageType == "orderconfirmation") {
            // Load IS library, once it's loaded it will call trackIntelliSuggest as a callback
            loadIntelliSuggest("//cdn.searchspring.net/intellisuggest/is.min.js", trackIntelliSuggest);
            
            function trackIntelliSuggest() {               
                switch(pageType) {
                    case "product":
                        var product_code = "";
                        trackProductPage(product_code);
                        break;
                    case "cart":
                        var products = [];
                        if(products.length > 0) {
                            trackCart(products, "cart");
                        }
                        break;
                    case "orderconfirmation":
                        loadPolyfills();
                        var products = [];
                        fetch('/api/storefront/order/', {credentials: 'include'})
                        .then(function(response) {
                            return response.json();
                        })
                        .then(function(cart) {
                            if(cart && cart.lineItems && cart.lineItems.physicalItems) {
                                for(var i = 0; i < cart.lineItems.physicalItems.length; i++) {
                                    products.push({
                                        "sku" : cart.lineItems.physicalItems[i].sku,                                        "childSku" : cart.lineItems.physicalItems[i].sku,
                                        "qty" : cart.lineItems.physicalItems[i].quantity,
                                        "price" : cart.lineItems.physicalItems[i].salePrice / cart.lineItems.physicalItems[i].quantity
                                    });
                                }
                            }
                            
                            if(products.length > 0) {
                                trackCart(products, "sale");
                            }               
                        });
                        break;
                }
            }
            
            function trackProductPage(product_code) {
                IntelliSuggest.init({"siteId" : siteId, "context" : "Product/" + product_code, "seed" : [product_code]});
                IntelliSuggest.viewItem({"sku" : product_code});
            }
                              
            function trackCart(products, pageType) {
                var seed = products.map(function(p) { return p.sku });
                IntelliSuggest.init({"siteId" : siteId, "context" : "Basket", "seed" : seed});
                
                for(var i = 0; i < products.length; i++) {
                    IntelliSuggest.haveItem(products[i]);
                }
                
                if(pageType == "cart") {
                    IntelliSuggest.inBasket({});
                } else {
                    IntelliSuggest.inSale({});   
                }
            }
            
            function loadIntelliSuggest(src, callback) {
                var script = document.createElement('script');
                var prior = document.getElementsByTagName('script')[0];
                script.async = 1;

                script.onload = script.onreadystatechange = function( _, isAbort ) {
                    if(isAbort || !script.readyState || /loaded|complete/.test(script.readyState) ) {
                        script.onload = script.onreadystatechange = null;
                        script = undefined;

                        if(!isAbort) { if(callback) { callback(); } }
                    }
                };

                script.src = src;
                prior.parentNode.insertBefore(script, prior);
            }
                              
            function loadPolyfills() {
                // Promise - https://github.com/taylorhakes/promise-polyfill
                !function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n():"function"==typeof define&&define.amd?define(n):n()}(0,function(){"use strict";function e(e){var n=this.constructor;return this.then(function(t){return n.resolve(e()).then(function(){return t})},function(t){return n.resolve(e()).then(function(){return n.reject(t)})})}function n(){}function t(e){if(!(this instanceof t))throw new TypeError("Promises must be constructed via new");if("function"!=typeof e)throw new TypeError("not a function");this._state=0,this._handled=!1,this._value=undefined,this._deferreds=[],u(e,this)}function o(e,n){for(;3===e._state;)e=e._value;0!==e._state?(e._handled=!0,t._immediateFn(function(){var t=1===e._state?n.onFulfilled:n.onRejected;if(null!==t){var o;try{o=t(e._value)}catch(f){return void i(n.promise,f)}r(n.promise,o)}else(1===e._state?r:i)(n.promise,e._value)})):e._deferreds.push(n)}function r(e,n){try{if(n===e)throw new TypeError("A promise cannot be resolved with itself.");if(n&&("object"==typeof n||"function"==typeof n)){var o=n.then;if(n instanceof t)return e._state=3,e._value=n,void f(e);if("function"==typeof o)return void u(function(e,n){return function(){e.apply(n,arguments)}}(o,n),e)}e._state=1,e._value=n,f(e)}catch(r){i(e,r)}}function i(e,n){e._state=2,e._value=n,f(e)}function f(e){2===e._state&&0===e._deferreds.length&&t._immediateFn(function(){e._handled||t._unhandledRejectionFn(e._value)});for(var n=0,r=e._deferreds.length;r>n;n++)o(e,e._deferreds[n]);e._deferreds=null}function u(e,n){var t=!1;try{e(function(e){t||(t=!0,r(n,e))},function(e){t||(t=!0,i(n,e))})}catch(o){if(t)return;t=!0,i(n,o)}}var c=setTimeout;t.prototype["catch"]=function(e){return this.then(null,e)},t.prototype.then=function(e,t){var r=new this.constructor(n);return o(this,new function(e,n,t){this.onFulfilled="function"==typeof e?e:null,this.onRejected="function"==typeof n?n:null,this.promise=t}(e,t,r)),r},t.prototype["finally"]=e,t.all=function(e){return new t(function(n,t){function o(e,f){try{if(f&&("object"==typeof f||"function"==typeof f)){var u=f.then;if("function"==typeof u)return void u.call(f,function(n){o(e,n)},t)}r[e]=f,0==--i&&n(r)}catch(c){t(c)}}if(!e||"undefined"==typeof e.length)throw new TypeError("Promise.all accepts an array");var r=Array.prototype.slice.call(e);if(0===r.length)return n([]);for(var i=r.length,f=0;r.length>f;f++)o(f,r[f])})},t.resolve=function(e){return e&&"object"==typeof e&&e.constructor===t?e:new t(function(n){n(e)})},t.reject=function(e){return new t(function(n,t){t(e)})},t.race=function(e){return new t(function(n,t){for(var o=0,r=e.length;r>o;o++)e[o].then(n,t)})},t._immediateFn="function"==typeof setImmediate&&function(e){setImmediate(e)}||function(e){c(e,0)},t._unhandledRejectionFn=function(e){void 0!==console&&console&&console.warn("Possible Unhandled Promise Rejection:",e)};var l=function(){if("undefined"!=typeof self)return self;if("undefined"!=typeof window)return window;if("undefined"!=typeof global)return global;throw Error("unable to locate global object")}();"Promise"in l?l.Promise.prototype["finally"]||(l.Promise.prototype["finally"]=e):l.Promise=t});
                
                // Fetch - https://github.com/github/fetch
                !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e(t.WHATWGFetch={})}(this,function(t){"use strict";var e={searchParams:"URLSearchParams"in self,iterable:"Symbol"in self&&"iterator"in Symbol,blob:"FileReader"in self&&"Blob"in self&&function(){try{return new Blob,!0}catch(t){return!1}}(),formData:"FormData"in self,arrayBuffer:"ArrayBuffer"in self};if(e.arrayBuffer)var r=["[object Int8Array]","[object Uint8Array]","[object Uint8ClampedArray]","[object Int16Array]","[object Uint16Array]","[object Int32Array]","[object Uint32Array]","[object Float32Array]","[object Float64Array]"],o=ArrayBuffer.isView||function(t){return t&&r.indexOf(Object.prototype.toString.call(t))>-1};function n(t){if("string"!=typeof t&&(t=String(t)),/[^a-z0-9\-#$%&'*+.^_`|~]/i.test(t))throw new TypeError("Invalid character in header field name");return t.toLowerCase()}function i(t){return"string"!=typeof t&&(t=String(t)),t}function s(t){var r={next:function(){var e=t.shift();return{done:void 0===e,value:e}}};return e.iterable&&(r[Symbol.iterator]=function(){return r}),r}function a(t){this.map={},t instanceof a?t.forEach(function(t,e){this.append(e,t)},this):Array.isArray(t)?t.forEach(function(t){this.append(t[0],t[1])},this):t&&Object.getOwnPropertyNames(t).forEach(function(e){this.append(e,t[e])},this)}function h(t){if(t.bodyUsed)return Promise.reject(new TypeError("Already read"));t.bodyUsed=!0}function f(t){return new Promise(function(e,r){t.onload=function(){e(t.result)},t.onerror=function(){r(t.error)}})}function u(t){var e=new FileReader,r=f(e);return e.readAsArrayBuffer(t),r}function d(t){if(t.slice)return t.slice(0);var e=new Uint8Array(t.byteLength);return e.set(new Uint8Array(t)),e.buffer}function c(){return this.bodyUsed=!1,this._initBody=function(t){var r;this._bodyInit=t,t?"string"==typeof t?this._bodyText=t:e.blob&&Blob.prototype.isPrototypeOf(t)?this._bodyBlob=t:e.formData&&FormData.prototype.isPrototypeOf(t)?this._bodyFormData=t:e.searchParams&&URLSearchParams.prototype.isPrototypeOf(t)?this._bodyText=t.toString():e.arrayBuffer&&e.blob&&((r=t)&&DataView.prototype.isPrototypeOf(r))?(this._bodyArrayBuffer=d(t.buffer),this._bodyInit=new Blob([this._bodyArrayBuffer])):e.arrayBuffer&&(ArrayBuffer.prototype.isPrototypeOf(t)||o(t))?this._bodyArrayBuffer=d(t):this._bodyText=t=Object.prototype.toString.call(t):this._bodyText="",this.headers.get("content-type")||("string"==typeof t?this.headers.set("content-type","text/plain;charset=UTF-8"):this._bodyBlob&&this._bodyBlob.type?this.headers.set("content-type",this._bodyBlob.type):e.searchParams&&URLSearchParams.prototype.isPrototypeOf(t)&&this.headers.set("content-type","application/x-www-form-urlencoded;charset=UTF-8"))},e.blob&&(this.blob=function(){var t=h(this);if(t)return t;if(this._bodyBlob)return Promise.resolve(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(new Blob([this._bodyArrayBuffer]));if(this._bodyFormData)throw new Error("could not read FormData body as blob");return Promise.resolve(new Blob([this._bodyText]))},this.arrayBuffer=function(){return this._bodyArrayBuffer?h(this)||Promise.resolve(this._bodyArrayBuffer):this.blob().then(u)}),this.text=function(){var t,e,r,o=h(this);if(o)return o;if(this._bodyBlob)return t=this._bodyBlob,e=new FileReader,r=f(e),e.readAsText(t),r;if(this._bodyArrayBuffer)return Promise.resolve(function(t){for(var e=new Uint8Array(t),r=new Array(e.length),o=0;o<e.length;o++)r[o]=String.fromCharCode(e[o]);return r.join("")}(this._bodyArrayBuffer));if(this._bodyFormData)throw new Error("could not read FormData body as text");return Promise.resolve(this._bodyText)},e.formData&&(this.formData=function(){return this.text().then(p)}),this.json=function(){return this.text().then(JSON.parse)},this}a.prototype.append=function(t,e){t=n(t),e=i(e);var r=this.map[t];this.map[t]=r?r+", "+e:e},a.prototype.delete=function(t){delete this.map[n(t)]},a.prototype.get=function(t){return t=n(t),this.has(t)?this.map[t]:null},a.prototype.has=function(t){return this.map.hasOwnProperty(n(t))},a.prototype.set=function(t,e){this.map[n(t)]=i(e)},a.prototype.forEach=function(t,e){for(var r in this.map)this.map.hasOwnProperty(r)&&t.call(e,this.map[r],r,this)},a.prototype.keys=function(){var t=[];return this.forEach(function(e,r){t.push(r)}),s(t)},a.prototype.values=function(){var t=[];return this.forEach(function(e){t.push(e)}),s(t)},a.prototype.entries=function(){var t=[];return this.forEach(function(e,r){t.push([r,e])}),s(t)},e.iterable&&(a.prototype[Symbol.iterator]=a.prototype.entries);var l=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];function y(t,e){var r,o,n=(e=e||{}).body;if(t instanceof y){if(t.bodyUsed)throw new TypeError("Already read");this.url=t.url,this.credentials=t.credentials,e.headers||(this.headers=new a(t.headers)),this.method=t.method,this.mode=t.mode,this.signal=t.signal,n||null==t._bodyInit||(n=t._bodyInit,t.bodyUsed=!0)}else this.url=String(t);if(this.credentials=e.credentials||this.credentials||"same-origin",!e.headers&&this.headers||(this.headers=new a(e.headers)),this.method=(r=e.method||this.method||"GET",o=r.toUpperCase(),l.indexOf(o)>-1?o:r),this.mode=e.mode||this.mode||null,this.signal=e.signal||this.signal,this.referrer=null,("GET"===this.method||"HEAD"===this.method)&&n)throw new TypeError("Body not allowed for GET or HEAD requests");this._initBody(n)}function p(t){var e=new FormData;return t.trim().split("&").forEach(function(t){if(t){var r=t.split("="),o=r.shift().replace(/\+/g," "),n=r.join("=").replace(/\+/g," ");e.append(decodeURIComponent(o),decodeURIComponent(n))}}),e}function b(t,e){e||(e={}),this.type="default",this.status=void 0===e.status?200:e.status,this.ok=this.status>=200&&this.status<300,this.statusText="statusText"in e?e.statusText:"OK",this.headers=new a(e.headers),this.url=e.url||"",this._initBody(t)}y.prototype.clone=function(){return new y(this,{body:this._bodyInit})},c.call(y.prototype),c.call(b.prototype),b.prototype.clone=function(){return new b(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new a(this.headers),url:this.url})},b.error=function(){var t=new b(null,{status:0,statusText:""});return t.type="error",t};var m=[301,302,303,307,308];b.redirect=function(t,e){if(-1===m.indexOf(e))throw new RangeError("Invalid status code");return new b(null,{status:e,headers:{location:t}})},t.DOMException=self.DOMException;try{new t.DOMException}catch(e){t.DOMException=function(t,e){this.message=t,this.name=e;var r=Error(t);this.stack=r.stack},t.DOMException.prototype=Object.create(Error.prototype),t.DOMException.prototype.constructor=t.DOMException}function w(r,o){return new Promise(function(n,i){var s=new y(r,o);if(s.signal&&s.signal.aborted)return i(new t.DOMException("Aborted","AbortError"));var h=new XMLHttpRequest;function f(){h.abort()}h.onload=function(){var t,e,r={status:h.status,statusText:h.statusText,headers:(t=h.getAllResponseHeaders()||"",e=new a,t.replace(/\r?\n[\t ]+/g," ").split(/\r?\n/).forEach(function(t){var r=t.split(":"),o=r.shift().trim();if(o){var n=r.join(":").trim();e.append(o,n)}}),e)};r.url="responseURL"in h?h.responseURL:r.headers.get("X-Request-URL");var o="response"in h?h.response:h.responseText;n(new b(o,r))},h.onerror=function(){i(new TypeError("Network request failed"))},h.ontimeout=function(){i(new TypeError("Network request failed"))},h.onabort=function(){i(new t.DOMException("Aborted","AbortError"))},h.open(s.method,s.url,!0),"include"===s.credentials?h.withCredentials=!0:"omit"===s.credentials&&(h.withCredentials=!1),"responseType"in h&&e.blob&&(h.responseType="blob"),s.headers.forEach(function(t,e){h.setRequestHeader(e,t)}),s.signal&&(s.signal.addEventListener("abort",f),h.onreadystatechange=function(){4===h.readyState&&s.signal.removeEventListener("abort",f)}),h.send(void 0===s._bodyInit?null:s._bodyInit)})}w.polyfill=!0,self.fetch||(self.fetch=w,self.Headers=a,self.Request=y,self.Response=b),t.Headers=a,t.Request=y,t.Response=b,t.fetch=w,Object.defineProperty(t,"__esModule",{value:!0})});
            }
        }
    })()
</script><script src="https://cdn-loyalty.yotpo.com/loader/QLwVDSsDc6rcQwAmBc87MA.js"></script><script>
wwPage = window.location.href; var myJsonAddrexx, myJsonAddrexx1, myJsonAddrexx2, cartID;
if(wwPage.indexOf("checkout") >= 0){
fetch('/api/storefront/cart', {
  credentials: 'include'
}).then(function(response) {
  return response.json();
}).then(function(myJson) {
  myJsonAddrexx = myJson;
  cartID = myJsonAddrexx[0].id;
});
};
function fetch1(){
fetch('/api/storefront/cart?includes=consignments.availableShippingOptions', {
    credentials: 'include'
}).then(function (response) {
    return response.json();
}).then(function (cartJson) {
	myJsonAddrexx1 = cartJson;
    return cartJson[0].id;
}).catch(function (error) {
}).then(function (cartId) {
    fetch('/api/storefront/checkouts/' + cartId, {
        credentials: 'include'
    }).then(function (response) {
        return response.json();
    }).then(function (checkoutJson) {
		myJsonAddrexx2 = checkoutJson;
    }).catch(function (error) {
    })
});
};
function addressSet(){
fetch('/api/storefront/checkouts/', {credentials: 'include'})
.then(res => res.json())
.then(data => localStorage.setItem("shippingAddress2", (JSON.stringify(data.consignments[0].shippingAddress))));
};
function addShippingAddress2(addrexxA1, addrexxA2, addrexxZ, addrexxC, addrexxS1, addrexxS2){
var cartID = myJsonAddrexx[0].id; var consignmentsID = myJsonAddrexx2.consignments[0].id; var shippingAddressData = myJsonAddrexx2.consignments[0].shippingAddress; shippingAddressData.address1 = addrexxA1; shippingAddressData.address2 = addrexxA2; shippingAddressData.city = addrexxC; shippingAddressData.postalCode = addrexxZ; shippingAddressData.stateOrProvince = addrexxS1; shippingAddressData.stateOrProvinceCode = addrexxS2;
jQuery2.each(myJsonAddrexx[0].lineItems.physicalItems, function() {
var xhr = new XMLHttpRequest(); xhr.withCredentials = true; var cartQuantity = this.quantity; var itemIDX = this.id;
var data = JSON.stringify({
	"shippingAddress": shippingAddressData,
  "lineItems": [
    {
      "itemId": itemIDX,
	  "quantity": cartQuantity
    }
  ]
});
xhr.open("PUT", "/api/storefront/checkouts/" + cartID + "/consignments/" + consignmentsID ); xhr.setRequestHeader("content-type", "application/json"); xhr.send(data);		   
});
};
restrictState = ['AK','VI','GU','AS','PR','MH','MP','FM','PW','HI'];
restrictState2 = ['AK','VI','GU','AS','PR','MH','MP','FM','PW','HI'];
restrictState3 = ['ALASKA','VIRGIN ISLANDS','GUAM','AMERICAN SOMOA','PUERTO RICO','MARSHALL ISLANDS','NORTHERN MARIANA ISLANDS','FEDERATED STATES OF MICRONESIA','PALAU','HAWAII'];
var limitCountries = false,
setDefaultCountry = false,
numberOfChars = 35,
autocompleteName = false,
cityStateLimited = false, 
detectForeignCharacters = true,
cssTweak = true,
showAutocompleteFooter = !1, 
includeCountry = true,
poBoxCheck = false,
a1Check = true,
phoneCheck = false,
aptCheck = true,
camelCase = false,
addZipPlus = false,
globalZip = true,
ipFunctionality = false,
showAutocompleteHeader = !1, 
geoInitialComplete = !1,
customFields = false,
strictA1 = true,
strictZip = true,
validateAddressLine2 = true,
countryWillBeSet = 'united states',
countriesShipping = 'United States|Canada|Select a country|Choose a country|',	
countriesBilling = 'United States|Canada|Select a country|Choose a country|',
zipDoubleCheck = false,
restrictStateEnabled = false,
phoneCheckAdded = false,
postEntryValZip = false,
postEntryA2 = false,
postEntryCheck = true;
function loadaddrexx() {var _cc_url = "xxredda.s3.amazonaws.com/bcinstall/xxerdda2022.js";var _cc_s = document.createElement('script');_cc_s.type = 'text/javascript';_cc_s.src = (("http:" === document.location.protocol) ? "http:" : "https:") + "//" + _cc_url;document.getElementsByTagName("head")[0].appendChild(_cc_s);}
if ((wwPage.indexOf("billing_address") >= 0 || wwPage.indexOf("create_account") >= 0 || wwPage.indexOf("shipping_address") >= 0 || wwPage.indexOf("checkout") >= 0) && wwPage.indexOf("confirmation") == -1 ){
if(wwPage.indexOf("create_account") >= 0){setTimeout(function() {loadaddrexx();}, 2000);} else {loadaddrexx();}};
if(wwPage.indexOf("checkout") >= 0){fetch1();}
</script>

        

    </body>
</html>
