<!doctype html>
<html class="js" lang="en">
  <head>
    
    



    

    
    
      <!-- Begin: Northbeam pixel -->
      <script async type="text/javascript" src="//j.northbeam.io/ota-sp/31e473a5-033e-4f47-8cd6-5aecbb6be02a.js"></script>
    
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
    <meta name="theme-color" content="">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="canonical" href="https://www.simplehuman.com/">

    
    

    

    
      
  <link rel="alternate" hreflang="x-default" href="https://www.simplehuman.com/">
  <link rel="alternate" hreflang="en-US" href="https://www.simplehuman.com/">
  <link rel="alternate" hreflang="en-CA" href="https://www.simplehuman.ca/">
  <link rel="alternate" hreflang="fr-CA" href="https://www.simplehuman.ca/fr/">
  <link rel="alternate" hreflang="en-GB" href="https://www.simplehuman.co.uk/">
  <link rel="alternate" hreflang="de-DE" href="https://www.simplehuman.de/">
  <link rel="alternate" hreflang="es-ES" href="https://www.simplehuman.es/">
  <link rel="alternate" hreflang="fr-FR" href="https://www.simplehuman.fr/">
  <link rel="alternate" hreflang="en-IE" href="https://www.simplehuman.ie/">
  <link rel="alternate" hreflang="it-IT" href="https://www.simplehuman.it/">
  <link rel="alternate" hreflang="nl-NL" href="https://www.simplehuman.nl/">
  <link rel="alternate" hreflang="ja-JP" href="https://www.simplehuman.co.jp/">
  <link rel="alternate" hreflang="en-SG" href="https://www.simplehuman.com.sg/">
  <link rel="alternate" hreflang="en-AU" href="https://www.simplehuman.com.au/">


    
<link rel="icon" type="image/png" href="//www.simplehuman.com/cdn/shop/files/SH-Favicon-Black.png?crop=center&height=32&v=1738803003&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>Simplehuman | Tools for Efficient Living</title><style>
      .section-header .preload-logo {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
      }

      @media (max-width: 1199px) {
        .section-header .header-wrapper {
          position: relative;
        }

      

        .section-header.has-animation .main-logo--mobile,
        .section-header.has-animation .header__icons {
          opacity: 0;
        }

        .section-header.has-animation .preload-logo {
          opacity: 1;
        }

        .section-header.no-animation .main-logo--mobile,
        .section-header.no-animation .header__icons {
          opacity: 1;
        }
      }
    </style><meta name="description" content="We design tools that make people more efficient at home. Through innovation and technology, we find ways to streamline daily life. Truly built to last, our products are the opposite of fast fashion and disposable. And we only make products we use ourselves and are proud to share with friends and family.">

<script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Simplehuman",
          "item": "https://www.simplehuman.com"
        }
      ]
    }
  </script>

<script src="https://cdn.shopify.com/s/files/1/2804/6630/files/cozy_redirect.js?v=1727556483" defer></script><meta name="google-site-verification" content="TiQwg8XVE-KTI8RHwEWV9c_GxFZfefYWx_HWvDTQrAQ"><meta name="facebook-domain-verification" content="29b74utqben135bdyf5htfvy0q218w">

    


<meta property="og:site_name" content="Simplehuman">
<meta property="og:url" content="https://www.simplehuman.com/">
<meta property="og:title" content="Simplehuman | Tools for Efficient Living">
<meta property="og:type" content="website">
<meta property="og:description" content="We design tools that make people more efficient at home. Through innovation and technology, we find ways to streamline daily life. Truly built to last, our products are the opposite of fast fashion and disposable. And we only make products we use ourselves and are proud to share with friends and family.">


<meta name="twitter:site" content="@https://x.com/simplehuman">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Simplehuman | Tools for Efficient Living">
<meta name="twitter:description" content="We design tools that make people more efficient at home. Through innovation and technology, we find ways to streamline daily life. Truly built to last, our products are the opposite of fast fashion and disposable. And we only make products we use ourselves and are proud to share with friends and family.">

<script>
  !(function () {
    var hasConsent = !1,
      consentData = null;
    try {
      var stored = localStorage.getItem('cookieConsent');
      if (stored && ((consentData = JSON.parse(stored)), (new Date() - new Date(consentData.timestamp)) / 864e5 <= 182))
        hasConsent = !0;
    } catch (e) {}

    // Initialize Meta Pixel (fbq) and BLOCK it initially
    if (!window.fbq) {
      window.fbq = function () {
        window.fbq.callMethod ? window.fbq.callMethod.apply(window.fbq, arguments) : window.fbq.queue.push(arguments);
      };
      window.fbq.push = window.fbq;
      window.fbq.loaded = !1;
      window.fbq.version = '2.0';
      window.fbq.queue = [];
      window._fbq = window.fbq;
    }
    // Block fbq initially - we'll grant consent after checking Shopify's consent state
    window.fbq('consent', 'revoke');

    // Load Shopify Customer Privacy API and restore/block consent
    // After Shopify loads, check consent state and grant fbq if appropriate
    (function loadShopifyConsent(retryCount) {
      retryCount = retryCount || 0;
      var maxRetries = 50;
      if (window.Shopify && window.Shopify.loadFeatures) {
        window.Shopify.loadFeatures([{ name: 'consent-tracking-api', version: '0.1' }], function (err) {
          if (!err && window.Shopify && window.Shopify.customerPrivacy) {
            if (consentData && hasConsent) {
              // User has made a choice - restore their consent
              window.Shopify.customerPrivacy.setTrackingConsent(
                {
                  analytics: consentData.analytics || false,
                  marketing: consentData.marketing || false,
                  preferences: consentData.preferences || false,
                  sale_of_data: consentData.sale_of_data || false,
                },
                function () {
                  // After setting consent, check if we should grant fbq
                  updateFbqConsent();
                }
              );
            } else {
              // No user consent yet - use force disable settings for initial blocking
              var consent = {};if (window.Shopify.customerPrivacy.saleOfDataRegion()) {
                consent.marketing = false;
                consent.sale_of_data = false;
              } else {}
              if (Object.keys(consent).length > 0) {
                window.Shopify.customerPrivacy.setTrackingConsent(consent, function () {
                  // After setting consent, check if we should grant fbq
                  updateFbqConsent();
                });
              } else {
                // No consent set, check current state
                updateFbqConsent();
              }
            }
          }
        });
      } else if (retryCount < maxRetries) {
        setTimeout(function() { loadShopifyConsent(retryCount + 1); }, 10);
      }
    })();

    // Function to check Shopify consent state and grant/revoke fbq accordingly
    function updateFbqConsent() {
      if (!window.Shopify || !window.Shopify.customerPrivacy || !window.fbq) {
        return;
      }

      var marketingAllowed = window.Shopify.customerPrivacy.marketingAllowed();
      var saleOfDataAllowed = window.Shopify.customerPrivacy.saleOfDataAllowed();
      // Grant consent ONLY if marketing and sale of data are allowed
      if (marketingAllowed && saleOfDataAllowed) {
        window.fbq('consent', 'grant');
      } else {
        window.fbq('consent', 'revoke');
      }
    }
  })();
</script>

<script src="//www.simplehuman.com/cdn/shop/t/488/assets/constants.js?v=125461107853768835091732308997" defer="defer"></script>
    <script src="//www.simplehuman.com/cdn/shop/t/488/assets/pubsub.js?v=158357773527763999511728938902" defer="defer"></script>
    <script src="//www.simplehuman.com/cdn/shop/t/488/assets/global.js?v=165946356853592443201775612545" defer="defer"></script>
    <script src="//www.simplehuman.com/cdn/shop/t/488/assets/swiper.min.js?v=61832341607625072331762542981" defer="defer"></script>
    <!-- <script src="//www.simplehuman.com/cdn/shop/t/488/assets/aos.js?v=106492" defer="defer"></script> -->
    <script src="//www.simplehuman.com/cdn/shop/t/488/assets/details-disclosure.js?v=13653116266235556501728938902" defer="defer"></script>
    <script src="//www.simplehuman.com/cdn/shop/t/488/assets/details-modal.js?v=58432600220872397911755622477" defer="defer"></script>
    <script src="//www.simplehuman.com/cdn/shop/t/488/assets/search-form.js?v=133129549252120666541728938904" defer="defer"></script><script src="//www.simplehuman.com/cdn/shop/t/488/assets/gsap.min.js?v=117682502068894297391747437523" defer="defer"></script>
      
      <script src="//www.simplehuman.com/cdn/shop/t/488/assets/scroll-animations.js?v=132975376506449414001728938903" defer="defer"></script>
      <script src="//www.simplehuman.com/cdn/shop/t/488/assets/hover-animations.js?v=166401347615867047671728938903" defer="defer"></script>
      <!-- <script src="//www.simplehuman.com/cdn/shop/t/488/assets/animations.js?v=88693664871331136111728938902" defer="defer"></script> --><script src="//www.simplehuman.com/cdn/shop/t/488/assets/aws-amplify.min.js?v=50680611092771576131753730227" defer="defer"></script>
    <script src="//www.simplehuman.com/cdn/shop/t/488/assets/parse-phone-number.min.js?v=36997638638685030151753730227" defer="defer"></script>
    <script src="//www.simplehuman.com/cdn/shop/t/488/assets/modal-window.js?v=134111657559732514051774547425" defer="defer"></script>

    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="dem8p9g6jv87dnhy1seay3is2rjaj6">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/28046630/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="86fe2492c6916b090a28e77817a15e45">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":28046630,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/28046630","merchantName":"Simplehuman","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Simplehuman","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"86fe2492c6916b090a28e77817a15e45","betas":["rich-media-storefront-analytics"],"domain":"www.simplehuman.com","predictiveSearch":true,"shopId":28046630,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "simplehuman-llc.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Theme Engine 2 - Published","id":142718042243,"schema_name":"SimpleDawn","schema_version":"2.3.39","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.simplehuman.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//www.simplehuman.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("//www.simplehuman.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["https:\/\/cdn-loyalty.yotpo.com\/loader\/K0HiFY7HnhCw1Ipa5saN-g.js?shop=simplehuman-llc.myshopify.com","https:\/\/d2hrivdxn8ekm8.cloudfront.net\/tatari-shopify\/tracker-snippet-latest.min.js?tatari-token=dfca1fbc-2c7d-443b-8448-c507f4249245\u0026shop=simplehuman-llc.myshopify.com","https:\/\/d38xvr37kwwhcm.cloudfront.net\/js\/grin-sdk.js?shop=simplehuman-llc.myshopify.com","https:\/\/unpkg.com\/@happyreturns\/happyreturns-script-tag?shop=simplehuman-llc.myshopify.com","https:\/\/static.rechargecdn.com\/assets\/js\/widget.min.js?shop=simplehuman-llc.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":28046630,"offset":-25200,"reqid":"9a23ac20-ece3-48b1-94c7-eac7e0f171ab-1777043637","pageurl":"www.simplehuman.com\/","u":"1ce6b0c6a4aa","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="form-persister">!function(){'use strict';const t='contact',e='new_comment',n=[[t,t],['blogs',e],['comments',e],[t,'customer']],o='password',r='form_key',c=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',o],s=()=>{try{return window.sessionStorage}catch{return}},i='__shopify_v',u=t=>t.elements[r],a=function(){const t=[...n].map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');var e;return e=t,()=>e?[...document.querySelectorAll(e)].map((t=>t.form)):[]}();function m(t){const e=u(t);a().includes(t)&&(!e||!e.value)&&function(t){try{if(!s())return;!function(t){const e=s();if(!e)return;const n=u(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){u(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:r})),t.elements[r].value=e}(t,e),function(t,e){const n=s();if(!n)return;const r=[...t.querySelectorAll(`input[type='${o}']`)].map((({name:t})=>t)),u=[...c,...r],a={};for(const[o,c]of new FormData(t).entries())u.includes(o)||(a[o]=c);n.setItem(e,JSON.stringify({[i]:1,action:t.action,data:a}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(t)}const f=t=>{if('true'===t.dataset.persistBound)return;const e=function(t,e){const n=function(t){return'function'==typeof t.submit?t.submit:HTMLFormElement.prototype.submit}(t).bind(t);return function(){let t;return()=>{t||(t=!0,(()=>{try{e(),n()}catch(t){(t=>{console.error('form submit failed',t)})(t)}})(),setTimeout((()=>t=!1),250))}}()}(t,(()=>{m(t)}));!function(t,e){if('function'==typeof t.submit&&'function'==typeof e)try{t.submit=e}catch{}}(t,e),t.addEventListener('submit',(t=>{t.preventDefault(),e()})),t.dataset.persistBound='true'};!function(){function t(t){const e=(t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form})(t);e&&m(e)}document.addEventListener('submit',t),document.addEventListener('DOMContentLoaded',(()=>{const e=a();for(const t of e)f(t);var n;n=document.body,new window.MutationObserver((t=>{for(const e of t)if('childList'===e.type&&e.addedNodes.length)for(const t of e.addedNodes)1===t.nodeType&&'FORM'===t.tagName&&a().includes(t)&&f(t)})).observe(n,{childList:!0,subtree:!0,attributes:!1}),document.removeEventListener('submit',t)}))}()}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.simplehuman.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.simplehuman.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.simplehuman.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

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

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

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

      </style>
<script id="sections-script" data-sections="header" defer="defer" src="//www.simplehuman.com/cdn/shop/t/488/compiled_assets/scripts.js?v=184325197989695213571733514369"></script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>


    <style data-shopify>
      @font-face {
        font-family: Dinamic-Display;
        src: url('//www.simplehuman.com/cdn/shop/t/488/assets/SHDinamic-BoldDisplay.woff2?v=1922675270919073091769540867') format('woff2'), url('//www.simplehuman.com/cdn/shop/t/488/assets/SHDinamic-BoldDisplay.woff?v=150191663749229029931769540867') format('woff');
        font-weight: 700;
        font-style: normal;
      }
      @font-face {
        font-family: Dinamic-Display;
        src: url('//www.simplehuman.com/cdn/shop/t/488/assets/SHDinamic-MediumDisplay.woff2?v=46697419018751229901769540869') format('woff2'), url('//www.simplehuman.com/cdn/shop/t/488/assets/SHDinamic-MediumDisplay.woff?v=40588640221842265731769540869') format('woff');
        font-weight: 500;
        font-style: normal;
      }
      @font-face {
        font-family: Dinamic-Display;
        src: url('//www.simplehuman.com/cdn/shop/t/488/assets/SHDinamic-RegularDisplay.woff2?v=152903105926566349121769540871') format('woff2'), url('//www.simplehuman.com/cdn/shop/t/488/assets/SHDinamic-RegularDisplay.woff?v=41304993162209043451769540871') format('woff');
        font-weight: 300;
        font-style: normal;
      }
      @font-face {
        font-family: Dinamic-Display;
        src: url('//www.simplehuman.com/cdn/shop/t/488/assets/SHDinamic-ThinText.woff2?v=118747369757341605311769540873') format('woff2'), url('//www.simplehuman.com/cdn/shop/t/488/assets/SHDinamic-ThinText.woff?v=40113791242306431031769540873') format('woff');
        font-weight: 100;
        font-style: normal;
      }
      @font-face {
        font-family: Dinamic;
        src: url('//www.simplehuman.com/cdn/shop/t/488/assets/SHDinamic-BoldText.woff2?v=68405233656517464551769540868') format('woff2'), url('//www.simplehuman.com/cdn/shop/t/488/assets/SHDinamic-BoldText.woff?v=83941215636645496361769540868') format('woff');
        font-weight: 700;
        font-style: normal;
      }
      @font-face {
        font-family: Dinamic;
        src: url('//www.simplehuman.com/cdn/shop/t/488/assets/SHDinamic-MediumText.woff2?v=165432467607127320231769540870') format('woff2'), url('//www.simplehuman.com/cdn/shop/t/488/assets/SHDinamic-MediumText.woff?v=38523893061344452151769540870') format('woff');
        font-weight: 500;
        font-style: normal;
      }
      @font-face {
        font-family: Dinamic;
        src: url('//www.simplehuman.com/cdn/shop/t/488/assets/SHDinamic-RegularText.woff2?v=181380523949736042381769540872') format('woff2'), url('//www.simplehuman.com/cdn/shop/t/488/assets/SHDinamic-RegularText.woff?v=127342235810963027291769540871') format('woff');
        font-weight: 300;
        font-style: normal;
      }
      @font-face {
        font-family: Dinamic;
        src: url('//www.simplehuman.com/cdn/shop/t/488/assets/SHDinamic-ThinText.woff2?v=118747369757341605311769540873') format('woff2'), url('//www.simplehuman.com/cdn/shop/t/488/assets/SHDinamic-ThinText.woff?v=40113791242306431031769540873') format('woff');
        font-weight: 100;
        font-style: normal;
      }

      @font-face {
  font-family: Lato;
  font-weight: 300;
  font-style: normal;
  font-display: optional;
  src: url("//www.simplehuman.com/cdn/fonts/lato/lato_n3.a7080ececf6191f1dd5b0cb021691ca9b855c876.woff2") format("woff2"),
       url("//www.simplehuman.com/cdn/fonts/lato/lato_n3.61e34b2ff7341f66543eb08e8c47eef9e1cde558.woff") format("woff");
}

      @font-face {
  font-family: Lato;
  font-weight: 700;
  font-style: normal;
  font-display: optional;
  src: url("//www.simplehuman.com/cdn/fonts/lato/lato_n7.900f219bc7337bc57a7a2151983f0a4a4d9d5dcf.woff2") format("woff2"),
       url("//www.simplehuman.com/cdn/fonts/lato/lato_n7.a55c60751adcc35be7c4f8a0313f9698598612ee.woff") format("woff");
}

      @font-face {
  font-family: Lato;
  font-weight: 300;
  font-style: italic;
  font-display: optional;
  src: url("//www.simplehuman.com/cdn/fonts/lato/lato_i3.d6f478a3beb94baebd09d08550010692d0969f6e.woff2") format("woff2"),
       url("//www.simplehuman.com/cdn/fonts/lato/lato_i3.881ba892942c15b0c0c25c0b311d6481b5311015.woff") format("woff");
}

      @font-face {
  font-family: Lato;
  font-weight: 700;
  font-style: italic;
  font-display: optional;
  src: url("//www.simplehuman.com/cdn/fonts/lato/lato_i7.16ba75868b37083a879b8dd9f2be44e067dfbf92.woff2") format("woff2"),
       url("//www.simplehuman.com/cdn/fonts/lato/lato_i7.4c07c2b3b7e64ab516aa2f2081d2bb0366b9dce8.woff") format("woff");
}

      @font-face {
  font-family: Lato;
  font-weight: 400;
  font-style: normal;
  font-display: optional;
  src: url("//www.simplehuman.com/cdn/fonts/lato/lato_n4.c3b93d431f0091c8be23185e15c9d1fee1e971c5.woff2") format("woff2"),
       url("//www.simplehuman.com/cdn/fonts/lato/lato_n4.d5c00c781efb195594fd2fd4ad04f7882949e327.woff") format("woff");
}


      
        :root,
        .color-scheme-1 {
          --color-background: 255,255,255;
        
          --gradient-background: #ffffff;
        

        

        --color-foreground: 0,0,0;
        --color-background-contrast: 191,191,191;
        --color-shadow: 0,0,0;
        --color-button: 43,190,216;
        --color-button-text: 255,255,255;
        --color-secondary-button: 255,255,255;
        --color-secondary-button-text: 0,0,0;
        --color-link: 0,0,0;
        --color-badge-foreground: 0,0,0;
        --color-badge-background: 255,255,255;
        --color-badge-border: 0,0,0;
        --payment-terms-background-color: rgb(255 255 255);
      }
      
        
        .color-scheme-2 {
          --color-background: 245,245,247;
        
          --gradient-background: #f5f5f7;
        

        

        --color-foreground: 18,18,18;
        --color-background-contrast: 174,174,190;
        --color-shadow: 18,18,18;
        --color-button: 18,18,18;
        --color-button-text: 243,243,243;
        --color-secondary-button: 245,245,247;
        --color-secondary-button-text: 18,18,18;
        --color-link: 18,18,18;
        --color-badge-foreground: 18,18,18;
        --color-badge-background: 245,245,247;
        --color-badge-border: 18,18,18;
        --payment-terms-background-color: rgb(245 245 247);
      }
      
        
        .color-scheme-3 {
          --color-background: 0,0,0;
        
          --gradient-background: rgba(0, 0, 0, .8);
        

        

        --color-foreground: 255,255,255;
        --color-background-contrast: 128,128,128;
        --color-shadow: 18,18,18;
        --color-button: 255,255,255;
        --color-button-text: 0,0,0;
        --color-secondary-button: 0,0,0;
        --color-secondary-button-text: 255,255,255;
        --color-link: 255,255,255;
        --color-badge-foreground: 255,255,255;
        --color-badge-background: 0,0,0;
        --color-badge-border: 255,255,255;
        --payment-terms-background-color: rgb(0 0 0);
      }
      
        
        .color-scheme-4 {
          --color-background: 0,0,0;
        
          --gradient-background: #000000;
        

        

        --color-foreground: 255,255,255;
        --color-background-contrast: 128,128,128;
        --color-shadow: 18,18,18;
        --color-button: 255,255,255;
        --color-button-text: 18,18,18;
        --color-secondary-button: 0,0,0;
        --color-secondary-button-text: 255,255,255;
        --color-link: 255,255,255;
        --color-badge-foreground: 255,255,255;
        --color-badge-background: 0,0,0;
        --color-badge-border: 255,255,255;
        --payment-terms-background-color: rgb(0 0 0);
      }
      
        
        .color-scheme-5 {
          --color-background: 51,79,180;
        
          --gradient-background: #334fb4;
        

        

        --color-foreground: 255,255,255;
        --color-background-contrast: 23,35,81;
        --color-shadow: 51,79,180;
        --color-button: 255,255,255;
        --color-button-text: 51,79,180;
        --color-secondary-button: 51,79,180;
        --color-secondary-button-text: 255,255,255;
        --color-link: 255,255,255;
        --color-badge-foreground: 255,255,255;
        --color-badge-background: 51,79,180;
        --color-badge-border: 255,255,255;
        --payment-terms-background-color: rgb(51 79 180);
      }
      
        
        .color-scheme-9b23090c-07d5-4aa9-9572-6714ca78e235 {
          --color-background: 245,245,247;
        
          --gradient-background: #f5f5f7;
        

        

        --color-foreground: 0,0,0;
        --color-background-contrast: 174,174,190;
        --color-shadow: 0,0,0;
        --color-button: 193,204,37;
        --color-button-text: 255,255,255;
        --color-secondary-button: 245,245,247;
        --color-secondary-button-text: 0,0,0;
        --color-link: 0,0,0;
        --color-badge-foreground: 0,0,0;
        --color-badge-background: 245,245,247;
        --color-badge-border: 0,0,0;
        --payment-terms-background-color: rgb(245 245 247);
      }
      
        
        .color-scheme-ab347452-6369-4c07-ad1a-016ff4cbc80e {
          --color-background: 29,29,31;
        
          --gradient-background: #1d1d1f;
        

        

        --color-foreground: 153,153,153;
        --color-background-contrast: 41,41,44;
        --color-shadow: 0,0,0;
        --color-button: 43,190,216;
        --color-button-text: 255,255,255;
        --color-secondary-button: 29,29,31;
        --color-secondary-button-text: 29,29,31;
        --color-link: 29,29,31;
        --color-badge-foreground: 153,153,153;
        --color-badge-background: 29,29,31;
        --color-badge-border: 153,153,153;
        --payment-terms-background-color: rgb(29 29 31);
      }
      

      body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-9b23090c-07d5-4aa9-9572-6714ca78e235, .color-scheme-ab347452-6369-4c07-ad1a-016ff4cbc80e {
        color: rgba(var(--color-foreground), 0.75);
        background-color: rgb(var(--color-background));
      }

      :root {
        --font-body-family: Dinamic, Lato, sans-serif;
        --font-body-style: normal;
        --font-body-weight: 300;
        --font-body-weight-bold: 600;

        --font-heading-family: Dinamic-Display, Lato, sans-serif;
        --font-heading-style: normal;
        --font-heading-weight: 400;

        --font-body-scale: 1.0;
        --font-heading-scale: 1.0;

        --font-pdp-title-font-size: 30px;
        --font-pdp-title-font-size--tablet: 3vw;
        --font-pdp-title-font-size--mobile: 21px;
        --font-pdp-heading-font-size: 20px;
        --font-pdp-heading-font-size--tablet: 2vw;
        --font-pdp-heading-font-size--mobile: 15px;
        --font-pdp-body-font-size: 15px;
        --font-pdp-body-font-size--tablet: 15px;
        --font-pdp-body-font-size--mobile: 15px;
        --font-pdp-button-font-size: 24px;
        --font-pdp-button-font-size--tablet: 24px;
        --font-pdp-button-font-size--mobile: 18px;

        --media-padding: px;
        --media-border-opacity: 0.05;
        --media-border-width: 0px;
        --media-radius: 0px;
        --media-shadow-opacity: 0.0;
        --media-shadow-horizontal-offset: 0px;
        --media-shadow-vertical-offset: 4px;
        --media-shadow-blur-radius: 5px;
        --media-shadow-visible: 0;

        --page-width: 144rem;
        --page-width-margin: 0rem;

        --product-card-image-padding: 0.0rem;
        --product-card-corner-radius: 0.0rem;
        --product-card-text-alignment: left;
        --product-card-border-width: 0.0rem;
        --product-card-border-opacity: 0.1;
        --product-card-shadow-opacity: 0.0;
        --product-card-shadow-visible: 0;
        --product-card-shadow-horizontal-offset: 0.0rem;
        --product-card-shadow-vertical-offset: 0.4rem;
        --product-card-shadow-blur-radius: 0.5rem;

        --collection-card-image-padding: 0.0rem;
        --collection-card-corner-radius: 0.0rem;
        --collection-card-text-alignment: left;
        --collection-card-border-width: 0.0rem;
        --collection-card-border-opacity: 0.1;
        --collection-card-shadow-opacity: 0.0;
        --collection-card-shadow-visible: 0;
        --collection-card-shadow-horizontal-offset: 0.0rem;
        --collection-card-shadow-vertical-offset: 0.4rem;
        --collection-card-shadow-blur-radius: 0.5rem;

        --blog-card-image-padding: 0.0rem;
        --blog-card-corner-radius: 0.0rem;
        --blog-card-text-alignment: left;
        --blog-card-border-width: 0.0rem;
        --blog-card-border-opacity: 0.1;
        --blog-card-shadow-opacity: 0.0;
        --blog-card-shadow-visible: 0;
        --blog-card-shadow-horizontal-offset: 0.0rem;
        --blog-card-shadow-vertical-offset: 0.4rem;
        --blog-card-shadow-blur-radius: 0.5rem;

        --badge-corner-radius: 4.0rem;

        --popup-border-width: 1px;
        --popup-border-opacity: 0.1;
        --popup-corner-radius: 0px;
        --popup-shadow-opacity: 0.05;
        --popup-shadow-horizontal-offset: 0px;
        --popup-shadow-vertical-offset: 4px;
        --popup-shadow-blur-radius: 5px;

        --drawer-border-width: 1px;
        --drawer-border-opacity: 0.1;
        --drawer-shadow-opacity: 0.0;
        --drawer-shadow-horizontal-offset: 0px;
        --drawer-shadow-vertical-offset: 4px;
        --drawer-shadow-blur-radius: 5px;

        --spacing-sections-desktop: 0px;
        --spacing-sections-mobile: 0px;

        --grid-desktop-vertical-spacing: 8px;
        --grid-desktop-horizontal-spacing: 8px;
        --grid-mobile-vertical-spacing: 4px;
        --grid-mobile-horizontal-spacing: 4px;

        --text-boxes-border-opacity: 0.1;
        --text-boxes-border-width: 0px;
        --text-boxes-radius: 0px;
        --text-boxes-shadow-opacity: 0.0;
        --text-boxes-shadow-visible: 0;
        --text-boxes-shadow-horizontal-offset: 0px;
        --text-boxes-shadow-vertical-offset: 4px;
        --text-boxes-shadow-blur-radius: 5px;

        --buttons-radius: 10px;
        --buttons-radius-outset: 11px;
        --buttons-border-width: 1px;
        --buttons-border-opacity: 1.0;
        --buttons-shadow-opacity: 0.0;
        --buttons-shadow-visible: 0;
        --buttons-shadow-horizontal-offset: 0px;
        --buttons-shadow-vertical-offset: 4px;
        --buttons-shadow-blur-radius: 5px;
        --buttons-border-offset: 0.3px;

        --inputs-radius: 2px;
        --inputs-border-width: 1px;
        --inputs-border-opacity: 0.55;
        --inputs-shadow-opacity: 0.0;
        --inputs-shadow-horizontal-offset: 0px;
        --inputs-margin-offset: 0px;
        --inputs-shadow-vertical-offset: 4px;
        --inputs-shadow-blur-radius: 5px;
        --inputs-radius-outset: 3px;

        --variant-pills-radius: 2px;
        --variant-pills-border-width: 1px;
        --variant-pills-border-opacity: 0.55;
        --variant-pills-shadow-opacity: 0.0;
        --variant-pills-shadow-horizontal-offset: 0px;
        --variant-pills-shadow-vertical-offset: 4px;
        --variant-pills-shadow-blur-radius: 5px;

        --color-blue: #3F68CF;
        --color-light-blue: #2bbed8;
        --color-gray: #979797;
        --color-grey: #979797;
        --color-budda-gold: #b4bd00;
        --color-light-green: #a3c300;
        --color-green: #c1cd23;
        --color-light-gray: #cacaca;
        --color-light-gray-text: #555555;
        --color-purple: #a87cb9;
        --color-purple-bright: #561CDE;
        --color-dark-grey: #4a4a4a;
        --color-light-grey: #cacaca;
        --color-brushed-grey: #f6f6f8;
        --color-light-grey-f5f5f5: #f6f6f8;
        --color-off-white: #f6f6f8;
        --color-gray98: #fafafa;
        --color-orange: #ffa400;
        --color-white: #ffffff;
        --color-near-black: #1c1c1c;
        --color-black: #000000;
        --color-black-1f1f1f: #1f1f1f;
        --color-red: #ed1d25;
        --color-warmer-red: #e91c3f;
      }

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

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

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

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

      @media screen and (min-width: 820px) {
        #MainContent {
          min-height: calc(100vh - 490px);
        }
      }
    </style>

    <link href="//www.simplehuman.com/cdn/shop/t/488/assets/tailwind.min.css?v=31474888898324659021776814089" rel="stylesheet" type="text/css" media="all" />
    <link href="//www.simplehuman.com/cdn/shop/t/488/assets/base.css?v=10593479872475813061773775406" rel="stylesheet" type="text/css" media="all" />

    
    <link rel="stylesheet" href="//www.simplehuman.com/cdn/shop/t/488/assets/swiper.min.css?v=113495007303684348401739577374" media="print" onload="this.media='all'">
    <link rel="stylesheet" href="//www.simplehuman.com/cdn/shop/t/488/assets/brand.css?v=24316225717840547831772134358" media="print" onload="this.media='all'">
    <link rel="stylesheet" href="//www.simplehuman.com/cdn/shop/t/488/assets/custom.css?v=111603181540343972631771532379" media="print" onload="this.media='all'">
    
    <link rel="stylesheet" href="//www.simplehuman.com/cdn/shop/t/488/assets/component-cart-items.css?v=78155890364170169811769540880" media="print" onload="this.media='all'"><link href="//www.simplehuman.com/cdn/shop/t/488/assets/component-cart-drawer.css?v=98878366190566389841769540880" rel="stylesheet" type="text/css" media="all" />
      <link href="//www.simplehuman.com/cdn/shop/t/488/assets/component-cart.css?v=15794863448771435511770947389" rel="stylesheet" type="text/css" media="all" />
      <link href="//www.simplehuman.com/cdn/shop/t/488/assets/component-totals.css?v=131009533990764459091769540885" rel="stylesheet" type="text/css" media="all" />
      <link href="//www.simplehuman.com/cdn/shop/t/488/assets/component-price.css?v=115751989985255967791769540884" rel="stylesheet" type="text/css" media="all" />
      <link href="//www.simplehuman.com/cdn/shop/t/488/assets/component-discounts.css?v=152760482443307489271728938903" rel="stylesheet" type="text/css" media="all" />

    
    
    
    
    
    
    
    
    
<script>
      if (Shopify.designMode) {
        document.documentElement.classList.add('shopify-design-mode');
      }
    </script>

    
<!-- 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-T4GCTZ');
</script>
<!-- End Google Tag Manager -->

<script>
      document.documentElement.className = document.documentElement.className.replace('no-js', '');

      window.elementLoaded = function(element) {
        element.classList.add('AnimateOnLoad--preloaded');
      };

      window.triggerResize = function() {
        if (window.debouncedResize) {
          debouncedResize();
        }
      };

      window.theme = { shop_url: "https://www.simplehuman.com", customer_id: "", customer_logged_in:false, customer_address: null, moneyFormat:"${{amount}}", enable_subscribe_checkbox:false, currency:"USD", account_phone_number_required:true, enable_membership_logik:false, local_subfolder: "", translations: { register_form: { all_fields_required: "All fields are required.", invalid_verification_code: "Invalid verification code.", invalid_phone: "Invalid phone number.", password_requirements_all: "Password must be at least 8 characters and contain at least one number and one uppercase letter.", password_requirements_number: "Password must contain at least one number.", password_requirements_uppercase: "Password must contain at least one uppercase letter.", password_requirements_length: "Password must be at least 8 characters.", password_requirements_number_uppercase: "Password must contain at least one number and one uppercase letter.", password_requirements_number_only: "Password must contain at least one number.", password_requirements_uppercase_only: "Password must contain at least one uppercase letter." } }, forethought_ai_id: "", gorgias_chat_id_support: "01H7K75HDPGA4H26YDE6XXGFGG", gorgias_chat_id_product_questions: "01HW5QDB7Y9YQWTNEWC50RPSGY", sh_api_domain: "api-v2.simplehuman.com", sh_webform_url: "https://api-v2.simplehuman.com/v1/shopify/webform/", sh_io_domain: 'api.v1.prod.aws.simplehuman.io', aws_cognito: { region: 'us-west-2', user_pool_id: 'us-west-2_5NKLi7vrQ',
user_pool_web_client_id: '2nc5qgt29ajge4f29cp88f0v8h' }, country_code: "US",
login_title: "enter your password", login_sign_in: "sign in", phone_pattern: "^(1\s?)?\(?([2-9][0-8][0-9])\)?[\-.● ]?([2-9][0-9]{2})[\-.● ]?([0-9]{4})", required_field: "This is a required field.", invalid_email: "Please enter a valid email address.", invalid_phone: "Invalid phone number.", invalid_verification_code: "Invalid verification code", invalid_password: "Must contain at least one number and one uppercase letter, and at least 8 or more characters.", savings_text: "savings", swatches_theme_url: "", swatches_updated_at: "1723757651", country_code: "US",

carousels: {}, storefront_token: "", collection_scale: { product_image_scale_extra_large: "", product_image_scale_large: "", product_image_scale_medium_large: "", product_image_scale_medium: "", product_image_scale_small: "", product_image_scale_extra_small: "", }, yotpo_app_key: "KtUu3srXY3uWcdbVwXuzkfzhpxzmp9T5rPdRpVeX", affirm_id: "", forethought_ai_id: "",
gorgias_chat_id_support: "01H7K75HDPGA4H26YDE6XXGFGG", gorgias_chat_id_product_questions: "01HW5QDB7Y9YQWTNEWC50RPSGY", sh_api_domain: "api-v2.simplehuman.com", sh_webform_url: "https://api-v2.simplehuman.com/v1/shopify/webform/",
personalization_max_inputs: 2, shipping_message_override:
false, shipping_above_add_to_cart: false,
shipping_estimated_delivery: true, ships_free_threshold: "0", ships_free: "Free Delivery", ships_free_under_threshold: "Free Shipping Over $70", pdp_delivery_time_cutoff:12, pdp_delivery_message: "Ships  ", pdp_delivery_message_delivers_by: "Delivers by", pdp_delivery_message_ships: "Ships", pdp_delivery_message_today: "Today", pdp_delivery_message_tomorrow: "Tomorrow", pdp_delivery_message_monday: "Monday", pdp_delivery_message_tuesday: "Tuesday", pdp_delivery_message_personalization: "in 3-5 days", troubleshooting_steps: "We are working on getting you troubleshooting information for this product.", registration_feed_url: "https://cdn.shopify.com/s/files/1/2804/6630/files/product_json_US.json", choose_file_copy: "Choose File", file_selected_copy: "File Selected", show_all_results_for: "show all results for", hello_kitty: "view our Hello Kitty® x simplehuman collection", gift_cards: "view our simplehuman gift cards", newsletter_thank_you: "thank you!", newsletter_submit: "submit", products_copy: "products", disable_checkout: "false", enable_new_registration_flow:true, show_subscriptions_in_account:true, show_subscriptions_on_ldp:true, show_subscriptions_on_pdp:true, enable_for_member_only:false, free_gift_ccode_exclusions: "", free_gift_Y_limit: "1", custom_footer_newsletter_enabled: "true", recaptcha_site_key: "6LeFwR0cAAAAAMJE6CeWfJCkDbXhPHiu-is0awba", ga4_id: "", };

    </script>

    
    
<!-- BEGIN app block: shopify://apps/cozy-country-redirect/blocks/CozyStaticScript/7b44aa65-e072-42a4-8594-17bbfd843785 --><script src="https://cozycountryredirectix.addons.business/js/eggbox/12793/script_89d26a946b57d0cf59879f0fbdba0ecc.js?v=1&sign=89d26a946b57d0cf59879f0fbdba0ecc&shop=simplehuman-llc.myshopify.com" type='text/javascript'></script>
<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
<script type="text/javascript">
  (function (c, l, a, r, i, t, y) {
    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);

    c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
      if (error) {
        console.error("Error loading Shopify features:", error);
        return;
      }

      c[a]('consentv2', {
        ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
        analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
        source: 101,
      });
    });

    l.addEventListener("visitorConsentCollected", function (e) {
      c[a]('consentv2', {
        ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
        analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
        source: 101,
      });
    });
  })(window, document, "clarity", "script", "kmdzn5v69n");
</script>



<!-- END app block --><!-- BEGIN app block: shopify://apps/yotpo-product-reviews/blocks/settings/eb7dfd7d-db44-4334-bc49-c893b51b36cf -->


  


  <script type="text/javascript" src="https://cdn-widgetsrepository.yotpo.com/v1/loader/KtUu3srXY3uWcdbVwXuzkfzhpxzmp9T5rPdRpVeX?languageCode=en" async></script>



  
<!-- END app block --><script src="https://cdn.shopify.com/extensions/019dbbc3-d49f-7e0c-8b4b-a90d78b21706/081282e833b6ed3ce5bd729bab7954324521c239-28219/assets/algolia_autocomplete.js" type="text/javascript" defer="defer"></script>
<meta property="og:image" content="https://cdn.shopify.com/s/files/1/2804/6630/files/Simple-Human-New-Logo-White-On-Black-Link-Share-V1_0dfc1f4e-6654-4291-9b2b-65de7b3d688d.png?v=1732322170" />
<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/2804/6630/files/Simple-Human-New-Logo-White-On-Black-Link-Share-V1_0dfc1f4e-6654-4291-9b2b-65de7b3d688d.png?v=1732322170" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="628" />
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 28046630,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 28046630,storefrontBaseUrl: "https://www.simplehuman.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["72028870","2dca8a86","d5bdd5d0","5476ea20"],webPixelsConfigList: [{"id":"1683914883","configuration":"{\"accountID\":\"JDMiga\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"524f6c1ee37bacdca7657a665bdca589","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1527840899","configuration":"{\"projectId\":\"kmdzn5v69n\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"3f95c569dcd8d256ed20e00a12567bee","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"859504771","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-W2DPWH4B2G\\\",\\\"AW-1069623006\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-W2DPWH4B2G\\\",\\\"AW-1069623006\\\/n_4LCJP41eIaEN7NhP4D\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-W2DPWH4B2G\\\",\\\"AW-1069623006\\\/WPtUCI_31eIaEN7NhP4D\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-W2DPWH4B2G\\\",\\\"AW-1069623006\\\/vpuzCJD41eIaEN7NhP4D\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-W2DPWH4B2G\\\",\\\"AW-1069623006\\\/xIwUCIz31eIaEN7NhP4D\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-W2DPWH4B2G\\\",\\\"AW-1069623006\\\/BrJICI341eIaEN7NhP4D\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-W2DPWH4B2G\\\",\\\"AW-1069623006\\\/hk4bCJb41eIaEN7NhP4D\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-W2DPWH4B2G\\\",\\\"AW-1069623006\\\/rxJeCIr41eIaEN7NhP4D\\\"]}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"5a723296a9ab7d2cddda5d574ded9c79","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"676823171","configuration":"{\"accountID\":\"21a5aa97-eb1f-4e2b-a66e-22e9f74bf0af\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"b4ad56b19d360819a4270cc9e168b139","type":"APP","apiClientId":2376822,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"619446403","configuration":"{\"yotpoStoreId\":\"KtUu3srXY3uWcdbVwXuzkfzhpxzmp9T5rPdRpVeX\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"3adeb76e45ff4ce79823bac721f13386","type":"APP","apiClientId":70132,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"125796483","configuration":"{\"pixel_id\":\"236667119868634\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"d72ab942028ee4f6bccc581083be605e","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"42303619","configuration":"{\"tagID\":\"2617844591138\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"18031546ee651571ed29edbe71a3550b","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"12484739","configuration":"{\"campaignID\":\"12568\",\"externalExecutionURL\":\"https:\/\/engine.saasler.com\/api\/v1\/webhook_executions\/4396c2808d05071f0d762ebd333e3858\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c0822b1adf68c3ffff72098c2bd3ae89","type":"APP","apiClientId":3546795,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"4489347","configuration":"{\"northbeamId\": \"31e473a5-033e-4f47-8cd6-5aecbb6be02a\", \"collectorDomain\": \"i2.simplehuman.com\", \"collectPageViews\": \"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"6d61872741fc8f56c57e9c2a1393365e","type":"APP","apiClientId":3188721,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"75989123","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Bing"},{"id":"76021891","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Northbeam - Checkout"},{"id":"97845379","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Algolia Web Pixel"},{"id":"107839619","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Reddit"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Simplehuman","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"simplehuman-llc.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.simplehuman.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://www.simplehuman.com/cdn","d3247c33wb722d9c3p15888587md70c83b9",{"modern":"","legacy":""},{"trekkieShim":true,"shopId":"28046630","storefrontBaseUrl":"https:\/\/www.simplehuman.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"72028870\", \"2dca8a86\", \"d5bdd5d0\", \"5476ea20\"]","isMerchantRequest":"false","hashVersion":"d3247c33wb722d9c3p15888587md70c83b9","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"page":{"pageType":"home","requestId":"9a23ac20-ece3-48b1-94c7-eac7e0f171ab-1777043637"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

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

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

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

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

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

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

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

        } // XHR beacon

        var xhr = new XMLHttpRequest();

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

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

  };
  scriptFallback.async = true;
  scriptFallback.src = '//www.simplehuman.com/cdn/s/trekkie.storefront.40cf76d5f324d17d3a4347e25c36a3e219ef9f79.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//www.simplehuman.com/cdn/s/trekkie.storefront.40cf76d5f324d17d3a4347e25c36a3e219ef9f79.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":28046630,"isMerchantRequest":null,"themeId":142718042243,"themeCityHash":"6130199208517839305","contentLanguage":"en","currency":"USD","eventMetadataId":"51957842-aa2e-41fe-abf2-57fe1f41ab0a"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

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

      window.ShopifyAnalytics.lib = window.trekkie;

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

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"9a23ac20-ece3-48b1-94c7-eac7e0f171ab-1777043637","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//www.simplehuman.com/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
  <script>
  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
    window.ga = function ga() {
      (window.ga.q = window.ga.q || []).push(arguments);
      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
      }
      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
    };
    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
    }
  }
</script>
<script
  defer
  src="https://www.simplehuman.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.3.1.min.js"
  data-application="storefront-renderer"
  data-shop-id="28046630"
  data-render-region="gcp-us-central1"
  data-page-type="index"
  data-theme-instance-id="142718042243"
  data-theme-name="SimpleDawn"
  data-theme-version="2.3.39"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://www.simplehuman.com/api/collect"
></script>
</head><body
    id="body_home"
    class="template-index country-code-us locale-en language- gradient animate--hover-default "
    data-payment-options="0"
  >
    <a
      class="skip-to-content-link visually-hidden tw-font-Dinamic tw-bg-white tw-text-black tw-uppercase tw-rounded-[10px] tw-py-[10px] tw-px-[20px]"
      href="#MainContent"
      tabindex="0"
    >
      Skip to content
    </a>

<link href="//www.simplehuman.com/cdn/shop/t/488/assets/quantity-popover.css?v=129068967981937647381728938903" rel="stylesheet" type="text/css" media="all" />
<link href="//www.simplehuman.com/cdn/shop/t/488/assets/component-card.css?v=120341546515895839841728938902" rel="stylesheet" type="text/css" media="all" />

<script src="//www.simplehuman.com/cdn/shop/t/488/assets/cart.js?v=148182069149868003731758156753" defer="defer"></script>
<script src="//www.simplehuman.com/cdn/shop/t/488/assets/quantity-popover.js?v=987015268078116491728938902" defer="defer"></script>

<style>
  .drawer {
    visibility: hidden;
  }

  #CartDrawer .product-option {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 350;
    line-height: 138.1%; /* 16.572px */
    letter-spacing: 0.96px;
  }

  #CartDrawer .cartDrawerRemoveItemText {
    color: #999;
    font-family: Dinamic, 'Lato', Helvetica, sans-serif;
    font-size: 13.297px;
    font-style: normal;
    font-weight: 350;
    line-height: 138.1%;
    letter-spacing: 1px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    width: fit-content;
    min-height: fit-content;
  }

  body.browser-safari .cart__dynamic-checkout-buttons {
    display: block;
  }
</style>

<cart-drawer class="drawer is-empty">
  <div id="CartDrawer" class="cart-drawer">
    <div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div>
    <div
      class="drawer__inner gradient color-scheme-1"
      role="dialog"
      aria-modal="true"
      aria-label="Your Bag"
      tabindex="-1"
    >
      <div class="drawer__header">
        <h2 class="drawer__heading !tw-font-Dinamic !tw-mb-0">Your Bag Is Empty
        </h2>
        <button
          class="drawer__close"
          type="button"
          onclick="this.closest('cart-drawer').close()"
          aria-label="Close"
        >
          <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" style="z-index: 10;" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
        </button>
      </div><div class="drawer__inner-empty">
          <div class="cart-drawer__warnings center">
            <div class="cart-drawer__empty-content tw-mt-40px md:tw-mt-75px">
              <div class="OffCanvasCart__contents empty"><div class="CMS-Block__Cta-Wrapper">
                    <a
                      href="/collections/trash-can"
                      class="CMS-Block__Cta tw-flex tw-items-center tw-justify-center tw-w-full tw-min-h-47px md:tw-min-h-52px tw-mb-20px tw-text-[16px] min-820:tw-text-[20px] tw-font-normal tw-text-dark_grey tw-border tw-border-solid tw-border-[#4a4a4a] tw-transition tw-duration-200 hover:tw-text-white hover:tw-bg-dark_grey"
                    >
                      Shop Trash Cans
                    </a>
                  </div><div class="CMS-Block__Cta-Wrapper">
                    <a
                      href="/pages/category-sensor-pump"
                      class="CMS-Block__Cta tw-flex tw-items-center tw-justify-center tw-w-full tw-min-h-47px md:tw-min-h-52px tw-mb-20px tw-text-[16px] min-820:tw-text-[20px] tw-font-normal tw-text-dark_grey tw-border tw-border-solid tw-border-[#4a4a4a] tw-transition tw-duration-200 hover:tw-text-white hover:tw-bg-dark_grey"
                    >
                      Shop Sensor Pump
                    </a>
                  </div><div class="CMS-Block__Cta-Wrapper">
                    <a
                      href="/pages/category-sensor-mirror"
                      class="CMS-Block__Cta tw-flex tw-items-center tw-justify-center tw-w-full tw-min-h-47px md:tw-min-h-52px tw-mb-20px tw-text-[16px] min-820:tw-text-[20px] tw-font-normal tw-text-dark_grey tw-border tw-border-solid tw-border-[#4a4a4a] tw-transition tw-duration-200 hover:tw-text-white hover:tw-bg-dark_grey"
                    >
                      Shop Sensor Mirrors
                    </a>
                  </div><div class="CMS-Block__Cta-Wrapper">
                    <a
                      href="/collections/refills-liners"
                      class="CMS-Block__Cta tw-flex tw-items-center tw-justify-center tw-w-full tw-min-h-47px md:tw-min-h-52px tw-mb-20px tw-text-[16px] min-820:tw-text-[20px] tw-font-normal tw-text-dark_grey tw-border tw-border-solid tw-border-[#4a4a4a] tw-transition tw-duration-200 hover:tw-text-white hover:tw-bg-dark_grey"
                    >
                      Shop Custom Fit Liners
                    </a>
                  </div><div class="CMS-Block__Cta-Wrapper">
                    <a
                      href="/collections/refills-soap"
                      class="CMS-Block__Cta tw-flex tw-items-center tw-justify-center tw-w-full tw-min-h-47px md:tw-min-h-52px tw-mb-20px tw-text-[16px] min-820:tw-text-[20px] tw-font-normal tw-text-dark_grey tw-border tw-border-solid tw-border-[#4a4a4a] tw-transition tw-duration-200 hover:tw-text-white hover:tw-bg-dark_grey"
                    >
                      Shop Hand + Dish Soap Refills
                    </a>
                  </div><div class="CMS-Block__Cta-Wrapper">
                    <a
                      href="/collections/matte-black-shop"
                      class="CMS-Block__Cta tw-flex tw-items-center tw-justify-center tw-w-full tw-min-h-47px md:tw-min-h-52px tw-mb-20px tw-text-[16px] min-820:tw-text-[20px] tw-font-normal tw-text-dark_grey tw-border tw-border-solid tw-border-[#4a4a4a] tw-transition tw-duration-200 hover:tw-text-white hover:tw-bg-dark_grey"
                    >
                      Shop Matte Black Collection
                    </a>
                  </div></div>
            </div>
          </div>
        </div><cart-drawer-items
        
          class=" is-empty"
        
      >
        <form
          action="/cart"
          id="CartDrawer-Form"
          class="cart__contents cart-drawer__form"
          method="post"
        >
          <div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
            <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">
              Loading...
            </p>
          </div>
          <div id="CartDrawer-CartErrors" role="alert"></div>
        </form>
      </cart-drawer-items>

      <script
        type="application/json"
        data-json-config-cart
      >
        {
          "items": []
        }
      </script>

      

      <div class="drawer__footer"><!-- Start blocks -->
        <!-- Subtotals -->

        <div class="cart-drawer__footer" >
          <div></div>

          <div
            class="totals !tw-mb-[2rem] !tw-mt-0"
            role="status"
          >
            <h2 class="totals__total">Subtotal</h2>
            <p class="totals__total-value">$0.00 USD</p>
          </div>

          <small class="tax-note caption-large rte !tw-hidden">Taxes, discounts and <a href="/policies/shipping-policy">shipping</a> calculated at checkout.
</small>
        </div>

        <!-- CTAs -->

        <div class="cart__ctas" ><div
              class="cart__dynamic-checkout-buttons additional-checkout-buttons"
              
                style="display: none;"
              
            >
              <div class="dynamic-checkout__content" id="dynamic-checkout-cart" data-shopify="dynamic-checkout-cart"> <shopify-accelerated-checkout-cart wallet-configs="[]" access-token="86fe2492c6916b090a28e77817a15e45" buyer-country="US" buyer-locale="en" buyer-currency="USD" shop-id="28046630" cart-id="1f39a0dd3ebb306ed9d08f2f1027a1cc" enabled-flags="[&quot;5865c7bd&quot;,&quot;ce346acf&quot;]" > <div class="wallet-button-wrapper"> <ul class='wallet-cart-grid wallet-cart-grid--skeleton' role="list" data-shopify-buttoncontainer="true"> </ul> </div> </shopify-accelerated-checkout-cart> <small id="shopify-buyer-consent" class="hidden" aria-hidden="true" data-consent-type="subscription"> One or more of the items in your cart is a deferred, subscription, or recurring purchase. By continuing, I agree to the <span id="shopify-subscription-policy-button">cancellation policy</span> and authorize you to charge my payment method at the prices, frequency and dates listed on this page until my order is fulfilled or I cancel, if permitted. </small> </div>
            </div><button
            type="submit"
            id="CartDrawer-Checkout"
            class="cart__checkout-button button tw-h-[50px]"
            name="checkout"
            form="CartDrawer-Form"
            
              disabled
            
          >
            CHECKOUT
          </button></div>
      </div>
    </div>
  </div>
</cart-drawer>
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--18041211715715__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//www.simplehuman.com/cdn/shop/t/488/assets/component-list-menu.css?v=151968516119678728991728938902" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.simplehuman.com/cdn/shop/t/488/assets/component-search.css?v=109722849191641596741769540884" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.simplehuman.com/cdn/shop/t/488/assets/component-menu-drawer.css?v=60709956736315120141774545262" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.simplehuman.com/cdn/shop/t/488/assets/component-cart-notification.css?v=54116361853792938221728938903" media="print" onload="this.media='all'"><link rel="stylesheet" href="//www.simplehuman.com/cdn/shop/t/488/assets/component-mega-menu.css?v=24203063557892426421769540882" media="print" onload="this.media='all'"><style>
  header-drawer {
    justify-self: start;
/*
    margin-left: -1.2rem;
*/
  }@media screen and (min-width: 1350px) {
      header-drawer {
        display: none;
      }
      .header__inline-menu {
        display: block;
      }
    }
    @media screen and (max-width: 1349px) {
      .header__icon--account {
        display: none !important;
      }
      .header__icons {
        max-width: 120px;
      }

      .header__icon .icon {
        height: 1.8rem;
        width: 1.8rem;
        fill: none;
        vertical-align: middle;
        margin-top: 3px;
      }

      .header__icon,
      .header__icon--cart .icon {
        height: 3.96rem;
        width: 3.96rem;
        padding: 0;
      }

    }.header,
  .HeaderPlaceholder {
    height: 70px;

    
  }

  .header__heading-logo.main-logo--desktop {
    display: none;
    max-width: 188px;
  }


  .logo-svg-container {
    display: block;
    overflow: visible;
  }

  .logo-svg-container svg {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    overflow: visible;
  }

  @media screen and (min-width: 1280px) {
    .header__heading-logo.main-logo--desktop {
      display: block;
    }
    .header__heading-logo.main-logo--mobile {
      display: none;
    }
  }

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

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

  .list-menu--inline {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
  }

  summary.list-menu__item {
  }

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

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

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

  .section-header {
    position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
    margin-bottom: 0px;
  }

  @media screen and (min-width: 750px) {
    .section-header {
      margin-bottom: 0px;
    }
  }

  @media screen and (min-width: 990px) {
    .header {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }</style><script src="//www.simplehuman.com/cdn/shop/t/488/assets/cart-notification.js?v=133508293167896966491728938903" defer="defer"></script>


<sticky-header data-sticky-type="always" class="header-wrapper color-scheme-3 gradient header-wrapper--border-bottom"><header class="!tw-flex tw-justify-between tw-h-[56px] md:tw-h-[60px] tw-mx-auto header header--middle-left header--mobile-left mobile-snap-1350  header--has-menu header--has-social header--has-account">
    
<h1 class="header__heading tw-grow tw-basis-0 tw-max-w-fit"><a id="a-logo"
           href="/"
           class="tw-grow tw-basis-0 tw-max-w-fit header__heading header__heading-link link link--text focus-inset tw-p-[10px]"
           tabindex="0"
        ><span class="sr-only">Simplehuman - Homepage</span><div class="header__heading-logo-wrapper tw-mt-[1px]">
              <div class="header__heading-logo motion-reduce main-logo--desktop">
                
                
                  <!-- Inline SVG for maximum crispness -->
                  <div class="logo-svg-container" style="width: 188px; max-width: 100%; height: auto; display: block;">
                    
              <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 3176.32 312.9" style="width: 100%; height: auto;"><defs><style>.cls-2 { fill: #fff; }</style></defs><rect class="cls-2" x="323.95" y="0" width="50.05" height="312.9" rx="5.17" ry="5.17"></rect><path class="cls-2" d="M928.68,0h-120.52c-2.86,0-5.17,2.32-5.17,5.17v302.55c0,2.86,2.32,5.17,5.17,5.17h39.7c2.86,0,5.17-2.32,5.17-5.17v-122.37c0-2.86,2.32-5.17,5.17-5.17h70.48c49.76,0,90.09-40.33,90.09-90.09h0C1018.77,40.34,978.44,0,928.68,0ZM925.45,134.01h-67.24c-2.86,0-5.17-2.32-5.17-5.17V52.64c0-2.86,2.32-5.17,5.17-5.17h67.24c23.9,0,43.27,19.37,43.27,43.27h0c0,23.9-19.37,43.28-43.27,43.28Z"></path><path class="cls-2" d="M678.19,0c-1.95,0-3.74,1.1-4.62,2.84l-83.1,164.81c-.12.24-.36.39-.63.39h-.27c-.27,0-.51-.15-.63-.39L507.05,2.87c-.87-1.76-2.67-2.87-4.63-2.87h-45.42c-2.86,0-5.17,2.32-5.17,5.17v302.55c0,2.86,2.32,5.17,5.17,5.17h39.7c2.86,0,5.17-2.32,5.17-5.17V100.12c0-.39.32-.7.7-.7h0c.27,0,.51.15.63.39l63.34,127.07c.88,1.76,2.67,2.87,4.63,2.87h37.07c1.96,0,3.75-1.11,4.63-2.87l63.34-127.07c.12-.24.36-.39.63-.39h0c.39,0,.71.32.71.7v207.61c0,2.86,2.32,5.17,5.17,5.17h39.7c2.86,0,5.17-2.32,5.17-5.17V5.17c0-2.86-2.32-5.17-5.17-5.17h-44.24Z"></path><path class="cls-2" d="M2530.9,0h-48.77c-1.95,0-3.74,1.1-4.62,2.84l-82.43,163.45c-.12.24-.36.39-.63.39h-1.6c-.27,0-.51-.15-.63-.39L2310.99,2.87c-.87-1.76-2.67-2.87-4.63-2.87h-49.95s0,0,0,0h-.65v307.73c0,2.86,2.32,5.17,5.17,5.17h39.7c2.86,0,5.17-2.32,5.17-5.17V100.12c0-.39.32-.7.7-.7h0c.27,0,.51.15.63.39l63.34,127.07c.88,1.76,2.67,2.87,4.63,2.87h37.07c1.96,0,3.75-1.11,4.63-2.87l63.34-127.07c.12-.24.36-.39.63-.39h0c.39,0,.71.32.71.7v207.61c0,2.86,2.32,5.17,5.17,5.17h39.7c2.86,0,5.17-2.32,5.17-5.17V0h-.65,0Z"></path><path class="cls-2" d="M1266.02,265.44h-126.44c-2.86,0-5.17-2.32-5.17-5.17V5.17c0-2.86-2.32-5.17-5.17-5.17h-39.7c-2.86,0-5.17,2.32-5.17,5.17v302.55c0,2.86,2.32,5.17,5.17,5.17h176.49c2.86,0,5.17-2.32,5.17-5.17v-37.12c0-2.86-2.32-5.17-5.17-5.17Z"></path><path class="cls-2" d="M247.29,42.29V5.17C247.29,2.32,244.98,0,242.12,0H90.41C40.48,0,0,40.48,0,90.42h0c0,49.93,40.48,90.41,90.41,90.41h70.25c23.29,0,42.17,18.88,42.17,42.17v.27c0,23.29-18.88,42.17-42.17,42.17H8.18c-2.86,0-5.17,2.32-5.17,5.17v37.12c0,2.86,2.32,5.17,5.17,5.17h154.29c49.93,0,90.41-40.48,90.41-90.41v-.72c0-50.16-40.83-90.73-90.99-90.41l-69.4.44c-23.39.15-42.44-18.77-42.44-42.17h0c0-23.29,18.88-42.17,42.17-42.17h149.9c2.86,0,5.17-2.32,5.17-5.17Z"></path><path class="cls-2" d="M1535.61,42.29V5.17c0-2.86-2.32-5.17-5.17-5.17h-185.91c-2.86,0-5.17,2.32-5.17,5.17v302.55c0,2.86,2.32,5.17,5.17,5.17h185.91c2.86,0,5.17-2.32,5.17-5.17v-37.12c0-2.86-2.32-5.17-5.17-5.17h-135.86c-2.86,0-5.17-2.32-5.17-5.17v-75.56c0-2.86,2.32-5.17,5.17-5.17h117.03c2.86,0,5.17-2.32,5.17-5.17v-35.82c0-2.86-2.32-5.17-5.17-5.17h-117.03c-2.86,0-5.17-2.32-5.17-5.17V52.64c0-2.86,2.32-5.17,5.17-5.17h135.86c2.86,0,5.17-2.32,5.17-5.17Z"></path><path class="cls-2" d="M1815.77,5.17v123.02c0,2.86-2.32,5.17-5.17,5.17h-142.18c-2.86,0-5.17-2.32-5.17-5.17V5.17c0-2.86-2.32-5.17-5.17-5.17h-39.7c-2.86,0-5.17,2.32-5.17,5.17v302.55c0,2.86,2.32,5.17,5.17,5.17h39.7c2.86,0,5.17-2.32,5.17-5.17v-123.02c0-2.86,2.32-5.17,5.17-5.17h142.18c2.86,0,5.17,2.32,5.17,5.17v123.02c0,2.86,2.32,5.17,5.17,5.17h39.7c2.86,0,5.17-2.32,5.17-5.17V5.17c0-2.86-2.32-5.17-5.17-5.17h-39.7c-2.86,0-5.17,2.32-5.17,5.17Z"></path><path class="cls-2" d="M2824.72,312.9h42.34c3.6,0,6.1-3.59,4.85-6.97L2759.75,3.38c-.75-2.03-2.69-3.37-4.85-3.37h-51.41c-2.16,0-4.1,1.35-4.85,3.37l-112.16,302.55c-1.25,3.38,1.25,6.97,4.85,6.97h42.34c2.16,0,4.1-1.35,4.85-3.37l28.33-76.42c.75-2.03,2.69-3.37,4.85-3.37h115.16c2.17,0,4.1,1.35,4.85,3.38l28.15,76.4c.75,2.03,2.69,3.38,4.85,3.38ZM2685.88,181.77l42.05-113.44c.19-.53.7-.87,1.26-.87h0c.56,0,1.06.35,1.26.87l42.05,113.44c.32.88-.32,1.81-1.26,1.81h-84.11c-.93,0-1.58-.93-1.26-1.81Z"></path><path class="cls-2" d="M2133.46,5.17v190.26c0,39.7-32.19,71.89-71.89,71.89h0c-39.7,0-71.89-32.19-71.89-71.89V5.17c0-2.86-2.32-5.17-5.17-5.17h-39.7c-2.86,0-5.17,2.32-5.17,5.17v187.67c0,67.35,54.59,121.94,121.94,121.94h0c67.35,0,121.94-54.59,121.94-121.94V5.17c0-2.86-2.32-5.17-5.17-5.17h-39.7c-2.86,0-5.17,2.32-5.17,5.17Z"></path><path class="cls-2" d="M3126.27,5.17v220.38c0,.46-.37.84-.84.84h0c-.29,0-.55-.15-.7-.39L2982.28,2.39c-.95-1.49-2.6-2.39-4.36-2.39h-45.92c-2.86,0-5.17,2.32-5.17,5.17v302.55c0,2.86,2.32,5.17,5.17,5.17h39.7c2.86,0,5.17-2.32,5.17-5.17V87.37c0-.46.37-.84.84-.84h0c.29,0,.55.15.7.39l142.45,223.59c.95,1.49,2.6,2.39,4.36,2.39h45.92c2.86,0,5.17-2.32,5.17-5.17V5.17c0-2.86-2.32-5.17-5.17-5.17h-39.7c-2.86,0-5.17,2.32-5.17,5.17Z"></path></svg>

                  </div>
                
              </div>
              <div class="header__heading-logo motion-reduce main-logo--mobile">
                
                
                  <!-- Inline SVG for maximum crispness -->
                  <div class="logo-svg-container" style="width: 170px; max-width: 100%; height: auto; display: block;">
                    
              <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 3176.32 312.9" style="width: 100%; height: auto;"><defs><style>.cls-2 { fill: #fff; }</style></defs><rect class="cls-2" x="323.95" y="0" width="50.05" height="312.9" rx="5.17" ry="5.17"></rect><path class="cls-2" d="M928.68,0h-120.52c-2.86,0-5.17,2.32-5.17,5.17v302.55c0,2.86,2.32,5.17,5.17,5.17h39.7c2.86,0,5.17-2.32,5.17-5.17v-122.37c0-2.86,2.32-5.17,5.17-5.17h70.48c49.76,0,90.09-40.33,90.09-90.09h0C1018.77,40.34,978.44,0,928.68,0ZM925.45,134.01h-67.24c-2.86,0-5.17-2.32-5.17-5.17V52.64c0-2.86,2.32-5.17,5.17-5.17h67.24c23.9,0,43.27,19.37,43.27,43.27h0c0,23.9-19.37,43.28-43.27,43.28Z"></path><path class="cls-2" d="M678.19,0c-1.95,0-3.74,1.1-4.62,2.84l-83.1,164.81c-.12.24-.36.39-.63.39h-.27c-.27,0-.51-.15-.63-.39L507.05,2.87c-.87-1.76-2.67-2.87-4.63-2.87h-45.42c-2.86,0-5.17,2.32-5.17,5.17v302.55c0,2.86,2.32,5.17,5.17,5.17h39.7c2.86,0,5.17-2.32,5.17-5.17V100.12c0-.39.32-.7.7-.7h0c.27,0,.51.15.63.39l63.34,127.07c.88,1.76,2.67,2.87,4.63,2.87h37.07c1.96,0,3.75-1.11,4.63-2.87l63.34-127.07c.12-.24.36-.39.63-.39h0c.39,0,.71.32.71.7v207.61c0,2.86,2.32,5.17,5.17,5.17h39.7c2.86,0,5.17-2.32,5.17-5.17V5.17c0-2.86-2.32-5.17-5.17-5.17h-44.24Z"></path><path class="cls-2" d="M2530.9,0h-48.77c-1.95,0-3.74,1.1-4.62,2.84l-82.43,163.45c-.12.24-.36.39-.63.39h-1.6c-.27,0-.51-.15-.63-.39L2310.99,2.87c-.87-1.76-2.67-2.87-4.63-2.87h-49.95s0,0,0,0h-.65v307.73c0,2.86,2.32,5.17,5.17,5.17h39.7c2.86,0,5.17-2.32,5.17-5.17V100.12c0-.39.32-.7.7-.7h0c.27,0,.51.15.63.39l63.34,127.07c.88,1.76,2.67,2.87,4.63,2.87h37.07c1.96,0,3.75-1.11,4.63-2.87l63.34-127.07c.12-.24.36-.39.63-.39h0c.39,0,.71.32.71.7v207.61c0,2.86,2.32,5.17,5.17,5.17h39.7c2.86,0,5.17-2.32,5.17-5.17V0h-.65,0Z"></path><path class="cls-2" d="M1266.02,265.44h-126.44c-2.86,0-5.17-2.32-5.17-5.17V5.17c0-2.86-2.32-5.17-5.17-5.17h-39.7c-2.86,0-5.17,2.32-5.17,5.17v302.55c0,2.86,2.32,5.17,5.17,5.17h176.49c2.86,0,5.17-2.32,5.17-5.17v-37.12c0-2.86-2.32-5.17-5.17-5.17Z"></path><path class="cls-2" d="M247.29,42.29V5.17C247.29,2.32,244.98,0,242.12,0H90.41C40.48,0,0,40.48,0,90.42h0c0,49.93,40.48,90.41,90.41,90.41h70.25c23.29,0,42.17,18.88,42.17,42.17v.27c0,23.29-18.88,42.17-42.17,42.17H8.18c-2.86,0-5.17,2.32-5.17,5.17v37.12c0,2.86,2.32,5.17,5.17,5.17h154.29c49.93,0,90.41-40.48,90.41-90.41v-.72c0-50.16-40.83-90.73-90.99-90.41l-69.4.44c-23.39.15-42.44-18.77-42.44-42.17h0c0-23.29,18.88-42.17,42.17-42.17h149.9c2.86,0,5.17-2.32,5.17-5.17Z"></path><path class="cls-2" d="M1535.61,42.29V5.17c0-2.86-2.32-5.17-5.17-5.17h-185.91c-2.86,0-5.17,2.32-5.17,5.17v302.55c0,2.86,2.32,5.17,5.17,5.17h185.91c2.86,0,5.17-2.32,5.17-5.17v-37.12c0-2.86-2.32-5.17-5.17-5.17h-135.86c-2.86,0-5.17-2.32-5.17-5.17v-75.56c0-2.86,2.32-5.17,5.17-5.17h117.03c2.86,0,5.17-2.32,5.17-5.17v-35.82c0-2.86-2.32-5.17-5.17-5.17h-117.03c-2.86,0-5.17-2.32-5.17-5.17V52.64c0-2.86,2.32-5.17,5.17-5.17h135.86c2.86,0,5.17-2.32,5.17-5.17Z"></path><path class="cls-2" d="M1815.77,5.17v123.02c0,2.86-2.32,5.17-5.17,5.17h-142.18c-2.86,0-5.17-2.32-5.17-5.17V5.17c0-2.86-2.32-5.17-5.17-5.17h-39.7c-2.86,0-5.17,2.32-5.17,5.17v302.55c0,2.86,2.32,5.17,5.17,5.17h39.7c2.86,0,5.17-2.32,5.17-5.17v-123.02c0-2.86,2.32-5.17,5.17-5.17h142.18c2.86,0,5.17,2.32,5.17,5.17v123.02c0,2.86,2.32,5.17,5.17,5.17h39.7c2.86,0,5.17-2.32,5.17-5.17V5.17c0-2.86-2.32-5.17-5.17-5.17h-39.7c-2.86,0-5.17,2.32-5.17,5.17Z"></path><path class="cls-2" d="M2824.72,312.9h42.34c3.6,0,6.1-3.59,4.85-6.97L2759.75,3.38c-.75-2.03-2.69-3.37-4.85-3.37h-51.41c-2.16,0-4.1,1.35-4.85,3.37l-112.16,302.55c-1.25,3.38,1.25,6.97,4.85,6.97h42.34c2.16,0,4.1-1.35,4.85-3.37l28.33-76.42c.75-2.03,2.69-3.37,4.85-3.37h115.16c2.17,0,4.1,1.35,4.85,3.38l28.15,76.4c.75,2.03,2.69,3.38,4.85,3.38ZM2685.88,181.77l42.05-113.44c.19-.53.7-.87,1.26-.87h0c.56,0,1.06.35,1.26.87l42.05,113.44c.32.88-.32,1.81-1.26,1.81h-84.11c-.93,0-1.58-.93-1.26-1.81Z"></path><path class="cls-2" d="M2133.46,5.17v190.26c0,39.7-32.19,71.89-71.89,71.89h0c-39.7,0-71.89-32.19-71.89-71.89V5.17c0-2.86-2.32-5.17-5.17-5.17h-39.7c-2.86,0-5.17,2.32-5.17,5.17v187.67c0,67.35,54.59,121.94,121.94,121.94h0c67.35,0,121.94-54.59,121.94-121.94V5.17c0-2.86-2.32-5.17-5.17-5.17h-39.7c-2.86,0-5.17,2.32-5.17,5.17Z"></path><path class="cls-2" d="M3126.27,5.17v220.38c0,.46-.37.84-.84.84h0c-.29,0-.55-.15-.7-.39L2982.28,2.39c-.95-1.49-2.6-2.39-4.36-2.39h-45.92c-2.86,0-5.17,2.32-5.17,5.17v302.55c0,2.86,2.32,5.17,5.17,5.17h39.7c2.86,0,5.17-2.32,5.17-5.17V87.37c0-.46.37-.84.84-.84h0c.29,0,.55.15.7.39l142.45,223.59c.95,1.49,2.6,2.39,4.36,2.39h45.92c2.86,0,5.17-2.32,5.17-5.17V5.17c0-2.86-2.32-5.17-5.17-5.17h-39.7c-2.86,0-5.17,2.32-5.17,5.17Z"></path></svg>

                  </div>
                
             </div>
            </div></a></h1>

<nav class="header__inline-menu" role="navigation" data-desktop-nav aria-label="Main">
  <ul class="list-menu list-menu--inline" role="list">
      
        <li
          data-link-type="featured"
          data-link-title="TRASH"
          class="NavList__heading  "
        >
          
<header-menu id="HeaderMenu-1">
                <details
                  id="Details-HeaderMenu-1"
                  class="mega-menu"
                  data-index="1"
                >
                  <summary
                    id="HeaderMenu-trash-1"
                    class="header__menu-item list-menu__item link focus-inset header__menu-item--links"data-menu-url="/collections/trash-can"aria-expanded="false"
                    aria-haspopup="true"
                    aria-controls="MegaMenu-Content-1"
                  >
                    <span
                    >TRASH</span>
                    
                  </summary>
                  <div
                    id="MegaMenu-Content-1"
                    class="mega-menu__content color-scheme-4 gradient motion-reduce global-settings-popup"
                    tabindex="-1"
                  >

                      
                        <ul class="mega-menu__list NavList__column links__featured type__">
                          
      
      <li class="NavList__subheading" data-index="1">
        <div class="NavList__level2">
          <span class="no-click NavListType__featured tw-cursor-default" title="featured">
            Featured
          </span>
        </div>
      </li>
      
      
                          
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-1-sensor-can-1"
                              href="/pages/category-sensor-can"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Sensor Can
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-1-step-can-2"
                              href="/pages/category-step-can"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Step Can
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-1-recycler-3"
                              href="/pages/category-recycling"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Recycler
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-1-in-cabinet-4"
                              href="/products/under-counter-can-pull-out-35l-dual-compartment"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              In-Cabinet
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-1-explore-all-5"
                              href="/collections/trash-can"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Explore All
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          </ul>
                        
                        <ul class="mega-menu__list NavList__column links__submenu type__submenu">
                          
                          
                        <li data-link-type="submenu">
                          
                            <span
                              id="HeaderMenu-trash-1-accessories-6"
                              class="NavListType__submenu mega-menu__link--level-2 tw-pb-[1rem] tw-no-underline tw-break-words tw-block tw-cursor-default"
                            >
                              ACCESSORIES
                            </span>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-1-custom-fit-liners-7"
                              href="/collections/refills-liners"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Custom Fit Liners
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-1-odorsorb-pod-8"
                              href="/products/odorsorb-pod-refill"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Odorsorb Pod
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-1-compost-caddy-9"
                              href="/products/compost-caddy"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Compost Caddy
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-1-shredder-10"
                              href="/products/shredder"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Shredder
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        </ul>
                      


                      
                        
                          
                            <div class="NavList__card" data-index="12">
                                <div class="NavList__level2  flex flex-col">
                                  <a class="NavListType__card" href="/products/slim-step-can-9l" title="9L Slim Can" tabindex="0">
                                    <img data-src="https://cdn.shopify.com/s/files/1/2804/6630/files/square_nav_9L_1.jpg?v=1770426068" alt="9L Slim Can" width="147px" height="147px" class="lazy" />
                                    <div class="NavList__title">9L Slim Can</div>
                                    <div class="NavList__subtitle">Now in Brushed</div>
                                  </a>
                                </div>
                            </div>
                          
                        
                      


                      
                        
                          
                            <div class="NavList__card" data-index="13">
                                <div class="NavList__level2  flex flex-col">
                                  <a class="NavListType__card" href="/products/step-recycler-58l" title="Recycler Step Can" tabindex="0">
                                    <img data-src="https://cdn.shopify.com/s/files/1/2804/6630/files/recycler_step_can.jpg?v=1727457337" alt="Recycler Step Can" width="147px" height="147px" class="lazy" />
                                    <div class="NavList__title">Recycler Step Can</div>
                                    <div class="NavList__subtitle">Dual efficiency, built to last</div>
                                  </a>
                                </div>
                            </div>
                          
                        
                      
</div>
                </details>
              </header-menu>
        </li>
      

      
        <li
          data-link-type=""
          data-link-title="SENSOR PUMP"
          class="NavList__heading  "
        >
          
<header-menu id="HeaderMenu-2">
                <details
                  id="Details-HeaderMenu-2"
                  class="mega-menu"
                  data-index="2"
                >
                  <summary
                    id="HeaderMenu-trash-2"
                    class="header__menu-item list-menu__item link focus-inset header__menu-item--links"data-menu-url="/pages/category-sensor-pump"aria-expanded="false"
                    aria-haspopup="true"
                    aria-controls="MegaMenu-Content-2"
                  >
                    <span
                    >SENSOR PUMP</span>
                    
                  </summary>
                  <div
                    id="MegaMenu-Content-2"
                    class="mega-menu__content color-scheme-4 gradient motion-reduce global-settings-popup"
                    tabindex="-1"
                  >

                      
                        <ul class="mega-menu__list NavList__column links__submenu_dd type__submenu_dd">
                          
                          
                        <li data-link-type="submenu_dd">
                          
                            <span
                              id="HeaderMenu-trash-2-handwashing-1"
                              class="NavListType__submenu_dd mega-menu__link--level-2 tw-pb-[1rem] tw-no-underline tw-break-words tw-block tw-cursor-default"
                            >
                              HANDWASHING
                            </span>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-2-sensor-pump-2"
                              href="/products/rechargeable-sensor-pump-9-fl-oz"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Sensor Pump
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-2-sensor-pump-foam-3"
                              href="/products/sensor-pump-foam"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Sensor Pump Foam
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        </ul>
                      


                      
                        <ul class="mega-menu__list NavList__column links__submenu_dd type__submenu_dd">
                          
                          
                        <li data-link-type="submenu_dd">
                          
                            <span
                              id="HeaderMenu-trash-2-dishwashing-5"
                              class="NavListType__submenu_dd mega-menu__link--level-2 tw-pb-[1rem] tw-no-underline tw-break-words tw-block tw-cursor-default"
                            >
                              DISHWASHING
                            </span>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-2-sensor-pump-with-caddy-6"
                              href="/products/rechargeable-liquid-sensor-pump-14-fl-oz-with-caddy"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Sensor Pump with Caddy
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        </ul>
                      


                      
                        <ul class="mega-menu__list NavList__column links__submenu_dd type__submenu_dd">
                          
                          
                        <li data-link-type="submenu_dd">
                          
                            <span
                              id="HeaderMenu-trash-2-cleaning-8"
                              class="NavListType__submenu_dd mega-menu__link--level-2 tw-pb-[1rem] tw-no-underline tw-break-words tw-block tw-cursor-default"
                            >
                              CLEANING
                            </span>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-2-sensor-spray-9"
                              href="/products/sensor-spray"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Sensor Spray
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        </ul>
                      
</div>
                </details>
              </header-menu>
        </li>
      

      
        <li
          data-link-type=""
          data-link-title="SENSOR MIRROR"
          class="NavList__heading  "
        >
          
<header-menu id="HeaderMenu-3">
                <details
                  id="Details-HeaderMenu-3"
                  class="mega-menu"
                  data-index="3"
                >
                  <summary
                    id="HeaderMenu-trash-3"
                    class="header__menu-item list-menu__item link focus-inset header__menu-item--links"data-menu-url="/pages/category-sensor-mirror"aria-expanded="false"
                    aria-haspopup="true"
                    aria-controls="MegaMenu-Content-3"
                  >
                    <span
                    >SENSOR MIRROR</span>
                    
                  </summary>
                  <div
                    id="MegaMenu-Content-3"
                    class="mega-menu__content color-scheme-4 gradient motion-reduce global-settings-popup"
                    tabindex="-1"
                  >

                      
                        <ul class="mega-menu__list NavList__column links__submenu_dd type__submenu_dd">
                          
                          
                        <li data-link-type="submenu_dd">
                          
                            <span
                              id="HeaderMenu-trash-3-featured-1"
                              class="NavListType__submenu_dd mega-menu__link--level-2 tw-pb-[1rem] tw-no-underline tw-break-words tw-block tw-cursor-default"
                            >
                              FEATURED
                            </span>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-3-sensor-mirror-trio-max-2"
                              href="/products/sensor-mirror-trio-max"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Sensor Mirror Trio Max
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-3-sensor-mirror-round-3"
                              href="/products/sensor-mirror-round-touch-control-brightness-dual-light"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Sensor Mirror Round
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-3-explore-all-4"
                              href="/pages/category-sensor-mirror"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Explore All
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        </ul>
                      


                      
                        <ul class="mega-menu__list NavList__column links__submenu_dd type__submenu_dd">
                          
                          
                        <li data-link-type="submenu_dd">
                          
                            <span
                              id="HeaderMenu-trash-3-wall-6"
                              class="NavListType__submenu_dd mega-menu__link--level-2 tw-pb-[1rem] tw-no-underline tw-break-words tw-block tw-cursor-default"
                            >
                              WALL
                            </span>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-3-sensor-mirror-wall-mount-7"
                              href="/products/sensor-mirror-wall-mount-hard-wired"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Sensor Mirror Wall Mount
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        </ul>
                      
</div>
                </details>
              </header-menu>
        </li>
      

      
        <li
          data-link-type=""
          data-link-title="KITCHEN"
          class="NavList__heading  "
        >
          
<header-menu id="HeaderMenu-4">
                <details
                  id="Details-HeaderMenu-4"
                  class="mega-menu"
                  data-index="4"
                >
                  <summary
                    id="HeaderMenu-trash-4"
                    class="header__menu-item list-menu__item link focus-inset header__menu-item--links"aria-expanded="false"
                    aria-haspopup="true"
                    aria-controls="MegaMenu-Content-4"
                  >
                    <span
                    >KITCHEN</span>
                    
                  </summary>
                  <div
                    id="MegaMenu-Content-4"
                    class="mega-menu__content color-scheme-4 gradient motion-reduce global-settings-popup"
                    tabindex="-1"
                  >

                      
                        <ul class="mega-menu__list NavList__column links__submenu_dd type__submenu_dd">
                          
                          
                        <li data-link-type="submenu_dd">
                          
                            <span
                              id="HeaderMenu-trash-4-featured-1"
                              class="NavListType__submenu_dd mega-menu__link--level-2 tw-pb-[1rem] tw-no-underline tw-break-words tw-block tw-cursor-default"
                            >
                              FEATURED
                            </span>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-4-pulse-pump-with-caddy-2"
                              href="/products/16-oz-pulse-pump-with-caddy"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Pulse Pump with Caddy
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-4-dishrack-3"
                              href="/products/steel-frame-dishrack-standard"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Dishrack
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-4-paper-towel-holders-4"
                              href="/pages/category-paper-towel-holder"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Paper Towel Holders
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-4-pet-food-can-5"
                              href="/products/pet-food-can-x-large"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Pet Food Can
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        </ul>
                      


                      
                        <ul class="mega-menu__list NavList__column links__submenu_dd type__submenu_dd">
                          
                          
                        <li data-link-type="submenu_dd">
                          
                            <span
                              id="HeaderMenu-trash-4-organization-7"
                              class="NavListType__submenu_dd mega-menu__link--level-2 tw-pb-[1rem] tw-no-underline tw-break-words tw-block tw-cursor-default"
                            >
                              ORGANIZATION
                            </span>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-4-bottle-dock-8"
                              href="/products/bottle-dock"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Bottle Dock
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-4-cabinet-organizer-9"
                              href="/products/pull-out-cabinet-organizer-20-inch"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Cabinet Organizer
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-4-sink-caddy-10"
                              href="/products/sink-caddy-standard"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Sink Caddy
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        </ul>
                      


                      
                        <ul class="mega-menu__list NavList__column links__submenu_dd type__submenu_dd">
                          
                          
                        <li data-link-type="submenu_dd">
                          
                            <span
                              id="HeaderMenu-trash-4-cleaning-12"
                              class="NavListType__submenu_dd mega-menu__link--level-2 tw-pb-[1rem] tw-no-underline tw-break-words tw-block tw-cursor-default"
                            >
                              CLEANING
                            </span>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-4-cleanstation-13"
                              href="/products/cleanstation"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Cleanstation
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-4-steel-soap-bar-14"
                              href="/products/steel-soap-bar"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Steel Soap Bar
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        </ul>
                      


                      
                        
                          
                            <div class="NavList__card" data-index="16">
                                <div class="NavList__level2  flex flex-col">
                                  <a class="NavListType__card" href="/products/paper-towel-holder-with-spray" title="Paper Towel Holder with Spray" tabindex="0">
                                    <img data-src="https://cdn.shopify.com/s/files/1/2804/6630/files/paper_towel_pump.jpg?v=1727457337" alt="Paper Towel Holder with Spray" width="147px" height="147px" class="lazy" />
                                    <div class="NavList__title">Paper Towel Holder with Spray</div>
                                    <div class="NavList__subtitle">All-in-one clean up kit</div>
                                  </a>
                                </div>
                            </div>
                          
                        
                      


                      
                        
                          
                            <div class="NavList__card" data-index="17">
                                <div class="NavList__level2  flex flex-col">
                                  <a class="NavListType__card" href="/products/pet-food-can-x-large" title="Pet Food Can" tabindex="0">
                                    <img data-src="https://cdn.shopify.com/s/files/1/2804/6630/files/pet_food_can.jpg?v=1727457337" alt="Pet Food Can" width="147px" height="147px" class="lazy" />
                                    <div class="NavList__title">Pet Food Can</div>
                                    <div class="NavList__subtitle">Meal time made easy</div>
                                  </a>
                                </div>
                            </div>
                          
                        
                      
</div>
                </details>
              </header-menu>
        </li>
      

      
        <li
          data-link-type=""
          data-link-title="BATH"
          class="NavList__heading  "
        >
          
<header-menu id="HeaderMenu-5">
                <details
                  id="Details-HeaderMenu-5"
                  class="mega-menu"
                  data-index="5"
                >
                  <summary
                    id="HeaderMenu-trash-5"
                    class="header__menu-item list-menu__item link focus-inset header__menu-item--links"aria-expanded="false"
                    aria-haspopup="true"
                    aria-controls="MegaMenu-Content-5"
                  >
                    <span
                    >BATH</span>
                    
                  </summary>
                  <div
                    id="MegaMenu-Content-5"
                    class="mega-menu__content color-scheme-4 gradient motion-reduce global-settings-popup"
                    tabindex="-1"
                  >

                      
                        <ul class="mega-menu__list NavList__column links__submenu_dd type__submenu_dd">
                          
                          
                        <li data-link-type="submenu_dd">
                          
                            <span
                              id="HeaderMenu-trash-5-featured-1"
                              class="NavListType__submenu_dd mega-menu__link--level-2 tw-pb-[1rem] tw-no-underline tw-break-words tw-block tw-cursor-default"
                            >
                              FEATURED
                            </span>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-5-x-frame-hamper-2"
                              href="/products/double-x-frame-hamper"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              X-Frame Hamper
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-5-shower-caddies-3"
                              href="/pages/category-shower-caddy"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Shower Caddies
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-5-toilet-brush-and-plunger-4"
                              href="/products/toilet-brush-and-plunger-bundle"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Toilet Brush and Plunger
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        </ul>
                      


                      
                        <ul class="mega-menu__list NavList__column links__submenu_dd type__submenu_dd">
                          
                          
                        <li data-link-type="submenu_dd">
                          
                            <span
                              id="HeaderMenu-trash-5-pump-6"
                              class="NavListType__submenu_dd mega-menu__link--level-2 tw-pb-[1rem] tw-no-underline tw-break-words tw-block tw-cursor-default"
                            >
                              PUMP
                            </span>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-5-pulse-pump-7"
                              href="/products/pulse-pump-10-oz"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Pulse Pump
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-5-wall-mount-pump-8"
                              href="/products/wall-mount-pump-triple"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Wall Mount Pump
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        </ul>
                      
</div>
                </details>
              </header-menu>
        </li>
      

      
        <li
          data-link-type=""
          data-link-title="REFILL"
          class="NavList__heading  "
        >
          
<header-menu id="HeaderMenu-6">
                <details
                  id="Details-HeaderMenu-6"
                  class="mega-menu"
                  data-index="6"
                >
                  <summary
                    id="HeaderMenu-trash-6"
                    class="header__menu-item list-menu__item link focus-inset header__menu-item--links"aria-expanded="false"
                    aria-haspopup="true"
                    aria-controls="MegaMenu-Content-6"
                  >
                    <span
                    >REFILL</span>
                    
                  </summary>
                  <div
                    id="MegaMenu-Content-6"
                    class="mega-menu__content color-scheme-4 gradient motion-reduce global-settings-popup"
                    tabindex="-1"
                  >

                      
                        <ul class="mega-menu__list NavList__column links__submenu_dd type__submenu_dd">
                          
                          
                        <li data-link-type="submenu_dd">
                          
                            <span
                              id="HeaderMenu-trash-6-refills-1"
                              class="NavListType__submenu_dd mega-menu__link--level-2 tw-pb-[1rem] tw-no-underline tw-break-words tw-block tw-cursor-default"
                            >
                              REFILLS
                            </span>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-6-custom-fit-liners-2"
                              href="/collections/refills-liners"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Custom Fit Liners
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-6-hand-soap-3"
                              href="https://www.simplehuman.com/pages/soap-and-cleaners-refill-bottles"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Hand Soap
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-6-dish-soap-4"
                              href="https://www.simplehuman.com/pages/soap-and-cleaners-refill-bottles#dish-soap"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Dish Soap
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-6-multi-surface-cleaner-5"
                              href="https://www.simplehuman.com/pages/soap-and-cleaners-refill-bottles#multi-surface-cleaner"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Multi-Surface Cleaner
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-6-bath-cleaner-6"
                              href="https://www.simplehuman.com/pages/soap-and-cleaners-refill-bottles#bath-cleaner"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Bath Cleaner
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-6-glass-cleaner-7"
                              href="https://www.simplehuman.com/pages/soap-and-cleaners-refill-bottles#glass-cleaner"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Glass Cleaner
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-6-soapwell-sponge-8"
                              href="/products/soapwell-sponge"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Soapwell Sponge
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-6-odorsorb-pod-9"
                              href="/products/odorsorb-pod-refill"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Odorsorb Pod
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        
                          
                        <li data-link-type="">
                          
                            <a
                              id="HeaderMenu-trash-6-clean-cloth-10"
                              href="/products/clean-cloth"
                              class="NavListType__normal mega-menu__link mega-menu__link--level-2 link"
                              
                              tabindex="0"
                            >
                              Clean Cloth
                            </a>
                          
                        </li>
                          
                        
                      


                      
                        </ul>
                      


                      
                        
                          
                            <div class="NavList__card" data-index="12">
                                <div class="NavList__level2  flex flex-col">
                                  <a class="NavListType__card" href="/products/odorsorb-pod-refill" title="Odorsorb" tabindex="0">
                                    <img data-src="https://cdn.shopify.com/s/files/1/2804/6630/files/odorsorb_pod.jpg?v=1727457337" alt="Odorsorb" width="147px" height="147px" class="lazy" />
                                    <div class="NavList__title">Odorsorb</div>
                                    <div class="NavList__subtitle">Pod in, odors out</div>
                                  </a>
                                </div>
                            </div>
                          
                        
                      


                      
                        
                          
                            <div class="NavList__card" data-index="13">
                                <div class="NavList__level2  flex flex-col">
                                  <a class="NavListType__card" href="/products/soapwell-sponge" title="Soapwell Sponge" tabindex="0">
                                    <img data-src="https://cdn.shopify.com/s/files/1/2804/6630/files/soapwell_sponge.jpg?v=1727457337" alt="Soapwell Sponge" width="147px" height="147px" class="lazy" />
                                    <div class="NavList__title">Soapwell Sponge</div>
                                    <div class="NavList__subtitle">Cheers to clean dishes</div>
                                  </a>
                                </div>
                            </div>
                          
                        
                      
</div>
                </details>
              </header-menu>
        </li>
      

      
        <li
          data-link-type=""
          data-link-title="SUPPORT"
          class="NavList__heading  NavList__heading--link"
        >
          
<a
                id="HeaderMenu-trash-7"
                href="/pages/customer-service"
                class="header__menu-item list-menu__item link link--text focus-inset"
                
                tabindex="0"
              >
                <span
                >SUPPORT</span>
              </a>
        </li>
      

      
        <li
          data-link-type=""
          data-link-title="ABOUT"
          class="NavList__heading  NavList__heading--link"
        >
          
<a
                id="HeaderMenu-trash-8"
                href="/pages/inside-simplehuman"
                class="header__menu-item list-menu__item link link--text focus-inset"
                
                tabindex="0"
              >
                <span
                >ABOUT</span>
              </a>
        </li>
      

      
        <li
          data-link-type=""
          data-link-title="BUSINESS"
          class="NavList__heading  NavList__heading--link"
        >
          
<a
                id="HeaderMenu-trash-9"
                href="/pages/business-overview"
                class="header__menu-item list-menu__item link link--text focus-inset"
                
                tabindex="0"
              >
                <span
                >BUSINESS</span>
              </a>
        </li>
      

      

      
</ul>
</nav>


<script>
  document.addEventListener('DOMContentLoaded', function () {
    let items = document.querySelectorAll('.mega-menu');
    let header = document.querySelector('header');
    let dataDesktopNav = document.querySelector('[data-desktop-nav]');
    let currentItemIndex;

    const menuUp = 'polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)';
    const menuDown = 'polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)';

    let menuOpen = false;

    let links = document.querySelectorAll('.header__menu-item--links');
    links.forEach((link) => {
      link.addEventListener('click', function (e) {
        e.stopPropagation();
      });
    });

    // Helper function to update ARIA attributes
    function updateAriaExpanded(item, isOpen) {
      const summary = item.querySelector('summary');
      if (summary) {
        summary.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
      }
    }

    // Helper function to handle menu opening
    function openMenu(item, itemIndex) {
      if (
        (currentItemIndex === 0 && currentItemIndex !== itemIndex) ||
        (currentItemIndex && currentItemIndex !== itemIndex)
      ) {
        items[currentItemIndex].removeAttribute('open');
        updateAriaExpanded(items[currentItemIndex], false);
      }
      
      currentItemIndex = itemIndex;
      item.setAttribute('open', true);
      updateAriaExpanded(item, true);
      dataDesktopNav.setAttribute('active', true);
    }

    // Helper function to handle menu closing
    function closeMenu(item) {
      item.removeAttribute('open');
      updateAriaExpanded(item, false);

      if (!dataDesktopNav.querySelector('.mega-menu[open]')) {
        dataDesktopNav.removeAttribute('active');
      }
    }

    const tl = [];
    items.forEach((item, itemIndex) => {
      const content = item.querySelector('.mega-menu__content');
      const summary = item.querySelector('summary');
      // get the data-index attribute of the item to match the content
      let dataIndex = item.getAttribute('data-index');
      const contentMegaMenu = item.querySelectorAll(`#MegaMenu-Content-${dataIndex}`);
      // continue if there is no content
      if (!contentMegaMenu) return;
      /*
      const contentListItem = item.querySelectorAll(`#MegaMenu-Content-${dataIndex} .mega-menu__list > li`);
      // create a timeline for each menu
      tl[itemIndex] = gsap.timeline({
        paused: true,
        defaults: { duration: 0.3, ease: 'power1.inOut' },
      });
      tl[itemIndex].fromTo(
        contentListItem,
        { opacity: 0, y: '0.5em', stagger: 0.1 },
        { opacity: 1, y: '0em', stagger: 0.1 }
      );
*/

      // Mouse hover events
      item.addEventListener('mouseover', () => {
        openMenu(item, itemIndex);
        menuOpen = true;
      });

      // Keyboard events
      if (summary) {
        summary.addEventListener('keydown', (e) => {
          if (e.key === 'Enter' || e.key === ' ') {
            e.preventDefault();
            const isOpen = item.hasAttribute('open');
            
            if (isOpen) {
              closeMenu(item);
            } else {
              openMenu(item, itemIndex);
              // Focus the first link in the menu after opening
              setTimeout(() => {
                const firstLink = content.querySelector('a, [tabindex="0"]');
                if (firstLink) {
                  firstLink.focus();
                }
              }, 100);
            }
          } else if (e.key === 'Escape') {
            e.preventDefault();
            closeMenu(item);
            summary.focus();
          }
        });

        // Handle navigation to menu URL when not opening submenu
        summary.addEventListener('click', (e) => {
          const menuUrl = summary.getAttribute('data-menu-url');
          if (menuUrl && menuUrl !== '#') {
            window.location.href = menuUrl;
          }
        });
      }

      item.addEventListener('mouseleave', (event) => {
        let close = true;

        const closeTimeout = setTimeout(() => {
          if (close) {
            closeMenu(item);
          }
        }, 100);

        content.addEventListener('mouseover', () => {
          close = false;
        });

        item.addEventListener('mouseover', () => {
          clearTimeout(closeTimeout);
        });
      });

      content.addEventListener('mouseleave', () => {
        closeMenu(item);
        // pause all tl time lines
        /*
        tl.forEach((timeline) => {
          timeline.pause(0);
        });
*/
      });
    });
    // if mouse is not within the nav menu, set the nav menu to inactive
    dataDesktopNav.addEventListener('mouseleave', () => {
      dataDesktopNav.removeAttribute('active');
    });
    // close the nav menu if the mouse leaves the web browser
    document.addEventListener('mouseleave', (event) => {
      if (
        event.clientY <= 0 ||
        event.clientX <= 0 ||
        event.clientX >= window.innerWidth ||
        event.clientY >= window.innerHeight
      ) {
        dataDesktopNav.removeAttribute('active');
      }
    });
  });
</script>

<div class="tw-grow tw-basis-0 tw-max-w-[132px] tw-justify-end header__icons header__icons--localization header-localization">
      <div class="desktop-localization-wrapper">
</div><a href="/account/login"
           class="header__icon header__icon--account link focus-inset small-hide" rel="nofollow"
           tabindex="0"
        ><account-icon><span class="svg-wrapper"><svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 25C25.3137 25 28 22.3137 28 19C28 15.6863 25.3137 13 22 13C18.6863 13 16 15.6863 16 19C16 22.3137 18.6863 25 22 25Z" stroke="white" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M13 31C13 27.6836 17.0345 25 22 25C26.9655 25 31 27.6836 31 31" stroke="white" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></span></account-icon><span class="visually-hidden">Account Login</span>
        </a>

<details-modal class="header__search">
  <details>
    <summary
      class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
      aria-haspopup="dialog"
      aria-label="Search"
    >
      <span>
        <span class="svg-wrapper"><svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M31.0777 31.4986L24.7715 25.1924" stroke="white" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M19.9369 26.8737C23.768 26.8737 26.8737 23.768 26.8737 19.9369C26.8737 16.1057 23.768 13 19.9369 13C16.1057 13 13 16.1057 13 19.9369C13 23.768 16.1057 26.8737 19.9369 26.8737Z" stroke="white" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></span>
        <span class="svg-wrapper header__icon-close"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" style="z-index: 10;" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
      </span>
    </summary>
    <div
      class="search-modal modal__content gradient"
      role="dialog"
      aria-modal="true"
      aria-label="Search"
    >
      <div class="modal-overlay"></div>
      <div
        class="search-modal__content search-modal__content-bottom"
        tabindex="-1"
        id="autocomplete"
        data-debounce-time="150"
      ><search-form class="search-modal__form"><form
          id="search-form"
          action="/search"
          method="get"
          role="search"
          class="search search-modal__form"
        >
          <div class="field">
            <button class="search__button field__button" aria-label="Search">
              <span class="svg-wrapper"><svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M31.0777 31.4986L24.7715 25.1924" stroke="white" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M19.9369 26.8737C23.768 26.8737 26.8737 23.768 26.8737 19.9369C26.8737 16.1057 23.768 13 19.9369 13C16.1057 13 13 16.1057 13 19.9369C13 23.768 16.1057 26.8737 19.9369 26.8737Z" stroke="white" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></span>
            </button>
            <input type="hidden" name="type" value="product">
            <input
              class="search__input"
              id="Search-In-Modal"
              type="search"
              name="q"
              value=""
              placeholder="search">
            <input type="hidden" name="options[prefix]" value="last">
            <button
              type="reset"
              class="reset__button field__button hidden"
              aria-label="Clear search term"
            >
              <span class="svg-wrapper"><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg>
</span>
            </button>
          </div></form></search-form>
      </div>

      
        <div id="algolia-shopify-autocomplete"></div>
      
    </div>
  </details>
</details-modal>

<a href="/cart"
         class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"
         tabindex="0"
      >
        <span class="svg-wrapper"><svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M29 16L14 16L14 32L29 32L29 16Z" stroke="#FEFFFF" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M25 18V15.5525C25 13.5914 23.4321 12 21.5 12C19.5679 12 18 13.5914 18 15.5525V18" stroke="#FEFFFF" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></span>
        <span class="visually-hidden">Cart</span></a>
<style>
  /* Block: nav-liners */
  .nav-liners {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1vh 0;
    margin-top: 32px;
  }

  @media (min-width: 500px) {
    .nav-liners {
      padding: 5vh 0;
    }
  }

  /* Element: list */
  .nav-liners__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 3.2vh;
    column-gap: 15vw;
    width: 100%;
    padding: 0 2rem;
    overflow: visible;
  }
  .nav-liners__item.nav-liners__item--whats-my-code {
    max-width: calc(15vw + 120px);
  }

  @media (min-width: 430px) {
    .nav-liners__list {
      row-gap: 3.5vh;
    }
  }

  @media (min-width: 500px) {
    .nav-liners__list {
      row-gap: 3.2vh;
      column-gap: 5.5vw;
    }
    .nav-liners__item.nav-liners__item--whats-my-code {
      max-width: calc(5.5vw + 120px);
    }
  }

  @media (min-width: 1024px) {
    .nav-liners__list {
      row-gap: 40px;
      column-gap: 80px;
    }
    .nav-liners__item.nav-liners__item--whats-my-code {
      max-width: calc(80px + 120px);
    }
  }

  /* Element: header (static, no animation) */
  .nav-liners__header {
    text-align: center;
    padding: 0px 20px 32px;
    color: inherit;
  }
  .nav-liners__header-title {
    font-size: 24px;
    font-family: 'Dinamic';
    font-style: normal;
    font-weight: 500;
    margin: 0 0 4px;
    line-height: 1.2;
  }
  .nav-liners__header-subtitle {
    font-size: 14px;
    font-family: 'Dinamic';
    font-style: normal;
    line-height: 30px;
    letter-spacing: 1px;
  }

  /* Hide the inline header when rendered inside the desktop section (which has its own header) */
  [data-animate-liners-on-load] .nav-liners__header {
    display: none;
  }

  /* Element: item */
  .nav-liners__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    position: relative;
    opacity: 0;
    transform: translateX(100vw);
    margin-bottom: 0 !important;
  }

  .nav-liners__item.animating span {
    opacity: 0;
  }

  /* Modifier: "What's my code?" item fills remaining space on Z's row */
  .nav-liners__item--whats-my-code {
    flex-grow: 1;
  }

  /* Element: "What's my code?" button in grid */
  .nav-liners__whats-my-code {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 30px;
    border-radius: 10px;
    background: rgba(221, 221, 221, 0.6);
    color: #000000;
    font-size: 14px;
    font-family: 'Dinamic';
    font-weight: 500;
    letter-spacing: 1px;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
  }

  @media (hover: hover) {
    .nav-liners__whats-my-code:hover {
      background-color: #000;
      color: #fff;
    }
  }
  .nav-liners__whats-my-code:focus-visible {
    background-color: #000;
    color: #fff;
  }

  /* Element: circle (60px fixed at all breakpoints) */
  .nav-liners__circle {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
  }

  .nav-liners__circle svg {
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    flex-shrink: 0;
  }

  .nav-liners__circle::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    transition: transform 0.15s ease-in-out;
  }

  .nav-liners__circle:active::before {
    transform: scale(0.9);
  }

  .nav-liners__circle span {
    font-size: 18px;
    line-height: 1;
    padding-bottom: 0.1em;
    transition: opacity 0.1s ease-in-out;
    position: relative;
  }

  @media (min-width: 500px) {
    .nav-liners__circle span {
      font-size: 20px;
    }
    .nav-liners__whats-my-code {
      font-family: 'Dinamic';
      font-size: 16px;
      letter-spacing: 1px;
      padding: 0 20px;
    }
  }

  @media (min-width: 1024px) {
    .nav-liners__circle span {
      font-size: 28px;
    }
  }
  @media (min-width: 1320px) {
    .nav-liners__whats-my-code {
      margin: 20px auto;
    }
    .nav-liners__item--whats-my-code {
      max-width: fit-content;
    }
  }
</style>

<script>
  (function () {
    if (window.__navLinersInit) return;
    window.__navLinersInit = true;

    let isAnimating = false;
    let currentTimeline = null;

    function animateLinerCodes(container) {
      // Prevent multiple simultaneous animations
      if (isAnimating) {
        return;
      }
      isAnimating = true;

      const gsap = window.gsap;

      // Scope to specific container if provided, otherwise use all
      const codes = container
        ? container.querySelectorAll('[data-liner-item]')
        : document.querySelectorAll('[data-liner-item]');

      if (codes.length === 0) {
        isAnimating = false;
        return;
      }

      // Kill any existing timeline for these elements
      if (currentTimeline) {
        currentTimeline.kill();
      }

      // Speed multiplier - increase to slow down, decrease to speed up
      const speedMultiplier = 1.3; // 1.0 = original speed, 1.4 = 40% slower

      const screenWidth = window.innerWidth;
      const tl = gsap.timeline({
        onComplete: () => {
          isAnimating = false;
          currentTimeline = null;
        },
      });
      currentTimeline = tl;

      codes.forEach((code) => {
        code.classList.add('animating');
      });

      // Initial setup - position all codes off-screen to the right
      // (This may have already been set, but ensure it's correct)
      gsap.set(codes, {
        x: screenWidth,
        opacity: 0,
        immediateRender: true,
      });

      // Animation sequences based on iOS timing
      // Each animation has two phases: slide in with overshoot, then settle

      // A (index 0) - starts first
      if (codes[0]) {
        tl.to(
          codes[0],
          {
            duration: 0.34 * speedMultiplier,
            x: -30,
            opacity: 1,
            ease: 'power2.out',
          },
          0.25
        ).to(
          codes[0],
          {
            duration: 0.13 * speedMultiplier,
            x: 0,
            ease: 'power2.inOut',
            onStart: () => {
              codes[0].classList.remove('animating');
            },
          },
          0.25 + 0.34 * speedMultiplier
        );
      }

      // M (index 11) and X (index 18) - 0.38 delay
      [11, 18].forEach((index) => {
        if (codes[index]) {
          tl.to(
            codes[index],
            {
              duration: 0.35 * speedMultiplier,
              x: -30,
              opacity: 1,
              ease: 'power2.out',
            },
            0.38
          ).to(
            codes[index],
            {
              duration: 0.18 * speedMultiplier,
              x: 0,
              ease: 'power2.inOut',
              onStart: () => {
                codes[index].classList.remove('animating');
              },
            },
            0.73
          );
        }
      });

      // F (index 5) - 0.43 delay
      if (codes[5]) {
        tl.to(
          codes[5],
          {
            duration: 0.25 * speedMultiplier,
            x: -30,
            opacity: 1,
            ease: 'power2.out',
          },
          0.43
        ).to(
          codes[5],
          {
            duration: 0.11 * speedMultiplier,
            x: 0,
            ease: 'power2.inOut',
            onStart: () => {
              codes[5].classList.remove('animating');
            },
          },
          0.68
        );
      }

      // D (index 3) and H (index 7) - 0.45 delay
      [3, 7].forEach((index) => {
        if (codes[index]) {
          tl.to(
            codes[index],
            {
              duration: 0.25 * speedMultiplier,
              x: -30,
              opacity: 1,
              ease: 'power2.out',
            },
            0.45
          ).to(
            codes[index],
            {
              duration: 0.13 * speedMultiplier,
              x: 0,
              ease: 'power2.inOut',
              onStart: () => {
                codes[index].classList.remove('animating');
              },
            },
            0.7
          );
        }
      });

      // N (index 12) and Z (index 20) - 0.47 delay
      [12, 20].forEach((index) => {
        if (codes[index]) {
          tl.to(
            codes[index],
            {
              duration: 0.25 * speedMultiplier,
              x: -30,
              opacity: 1,
              ease: 'power2.out',
            },
            0.47
          ).to(
            codes[index],
            {
              duration: 0.13 * speedMultiplier,
              x: 0,
              ease: 'power2.inOut',
              onStart: () => {
                codes[index].classList.remove('animating');
              },
            },
            0.72
          );
        }
      });

      // U (index 16) - 0.51 delay
      if (codes[16]) {
        tl.to(
          codes[16],
          {
            duration: 0.25 * speedMultiplier,
            x: -30,
            opacity: 1,
            ease: 'power2.out',
          },
          0.51
        ).to(
          codes[16],
          {
            duration: 0.13 * speedMultiplier,
            x: 0,
            ease: 'power2.inOut',
            onStart: () => {
              codes[16].classList.remove('animating');
            },
          },
          0.76
        );
      }

      // R (index 15) - 0.53 delay
      if (codes[15]) {
        tl.to(
          codes[15],
          {
            duration: 0.25 * speedMultiplier,
            x: -30,
            opacity: 1,
            ease: 'power2.out',
          },
          0.53
        ).to(
          codes[15],
          {
            duration: 0.13 * speedMultiplier,
            x: 0,
            ease: 'power2.inOut',
            onStart: () => {
              codes[15].classList.remove('animating');
            },
          },
          0.78
        );
      }

      // P (index 13) - 0.54 delay
      if (codes[13]) {
        tl.to(
          codes[13],
          {
            duration: 0.25 * speedMultiplier,
            x: -30,
            opacity: 1,
            ease: 'power2.out',
          },
          0.54
        ).to(
          codes[13],
          {
            duration: 0.13 * speedMultiplier,
            x: 0,
            ease: 'power2.inOut',
            onStart: () => {
              codes[13].classList.remove('animating');
            },
          },
          0.79
        );
      }

      // K (index 9), E (index 4), J (index 8), V (index 17) - 0.56 delay
      [9, 4, 8, 17].forEach((index) => {
        if (codes[index]) {
          tl.to(
            codes[index],
            {
              duration: 0.25 * speedMultiplier,
              x: -30,
              opacity: 1,
              ease: 'power2.out',
            },
            0.56
          ).to(
            codes[index],
            {
              duration: 0.13 * speedMultiplier,
              x: 0,
              ease: 'power2.inOut',
              onStart: () => {
                codes[index].classList.remove('animating');
              },
            },
            0.81
          );
        }
      });

      // Y (index 19) and C (index 2) - 0.62 delay
      [19, 2].forEach((index) => {
        if (codes[index]) {
          tl.to(
            codes[index],
            {
              duration: 0.25 * speedMultiplier,
              x: -30,
              opacity: 1,
              ease: 'power2.out',
            },
            0.62
          ).to(
            codes[index],
            {
              duration: 0.13 * speedMultiplier,
              x: 0,
              ease: 'power2.inOut',
              onStart: () => {
                codes[index].classList.remove('animating');
              },
            },
            0.87
          );
        }
      });

      // L (index 10), G (index 6), Z (index 21) - 0.65 delay
      [10, 6, 21].forEach((index) => {
        if (codes[index]) {
          tl.to(
            codes[index],
            {
              duration: 0.25 * speedMultiplier,
              x: -30,
              opacity: 1,
              ease: 'power2.out',
            },
            0.65
          ).to(
            codes[index],
            {
              duration: 0.13 * speedMultiplier,
              x: 0,
              ease: 'power2.inOut',
              onStart: () => {
                codes[index].classList.remove('animating');
              },
            },
            0.9
          );
        }
      });

      // Q (index 14) - 0.75 delay
      if (codes[14]) {
        tl.to(
          codes[14],
          {
            duration: 0.25 * speedMultiplier,
            x: -30,
            opacity: 1,
            ease: 'power2.out',
          },
          0.75
        ).to(
          codes[14],
          {
            duration: 0.13 * speedMultiplier,
            x: 0,
            ease: 'power2.inOut',
            onStart: () => {
              codes[14].classList.remove('animating');
            },
          },
          1.0
        );
      }

      // "What's my code?" button - animate with Z
      const whatsMyCodeItem = container
        ? container.querySelector('.nav-liners__item--whats-my-code')
        : document.querySelector('.nav-liners__item--whats-my-code');

      if (whatsMyCodeItem) {
        tl.to(
          whatsMyCodeItem,
          {
            duration: 0.25 * speedMultiplier,
            x: -30,
            opacity: 1,
            ease: 'power2.out',
          },
          0.47
        ).to(
          whatsMyCodeItem,
          {
            duration: 0.13 * speedMultiplier,
            x: 0,
            ease: 'power2.inOut',
            onStart: () => {
              whatsMyCodeItem.classList.remove('animating');
            },
          },
          0.72
        );
      }

      // B (index 1) - 0.76 delay (final animation)
      if (codes[1]) {
        tl.to(
          codes[1],
          {
            duration: 0.25 * speedMultiplier,
            x: -30,
            opacity: 1,
            ease: 'power2.out',
          },
          0.76
        ).to(
          codes[1],
          {
            duration: 0.13 * speedMultiplier,
            x: 0,
            ease: 'power2.inOut',
            onStart: () => {
              codes[1].classList.remove('animating');
            },
          },
          1.01
        );
      }

      return tl;
    }

    // Listen for clicks on elements with data-animate-liners attribute
    document.addEventListener('click', function (event) {
      const trigger = event.target.closest('[data-animate-liners]');
      if (!trigger) return;

      const details = trigger.closest('details');
      if (!details) return;

      // Prevent duplicate triggers
      if (details.dataset.animationTriggered === 'true') return;
      details.dataset.animationTriggered = 'true';

      // Immediately hide codes to prevent flash
      const navLinersContainer = details.querySelector('.nav-liners');
      if (navLinersContainer) {
        const codes = navLinersContainer.querySelectorAll('[data-liner-item]');
        const gsap = window.gsap;
        gsap.set(codes, {
          x: window.innerWidth,
          opacity: 0,
          immediateRender: true,
        });
      }

      // Reset when details closes
      if (!details.dataset.closeListenerAdded) {
        details.dataset.closeListenerAdded = 'true';
        details.addEventListener('toggle', function () {
          if (!details.hasAttribute('open')) {
            details.dataset.animationTriggered = 'false';
            const navLinersContainer = details.querySelector('.nav-liners');
            if (navLinersContainer) {
              const codes = navLinersContainer.querySelectorAll('[data-liner-item]');
              const gsap = window.gsap;
              gsap.set(codes, {
                x: window.innerWidth,
                opacity: 0,
                immediateRender: true,
              });
            }
          }
        });
      }

      // Wait for content and trigger animation
      function triggerAnimation() {
        const navLinersContainer = details.querySelector('.nav-liners');
        if (!navLinersContainer) {
          setTimeout(triggerAnimation, 50);
          return;
        }

        const codes = navLinersContainer.querySelectorAll('[data-liner-item]');
        if (codes.length === 0) {
          setTimeout(triggerAnimation, 50);
          return;
        }

        // Wait for menu drawer transition, then animate
        const submenu = details.querySelector('.menu-drawer__submenu');
        const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');

        if (reducedMotion && reducedMotion.matches) {
          // Skip animation — show items in final state immediately
          const items = navLinersContainer.querySelectorAll('[data-liner-item]');
          const whatsMyCode = navLinersContainer.querySelector('.nav-liners__item--whats-my-code');
          window.gsap.set(items, { x: 0, opacity: 1, immediateRender: true });
          if (whatsMyCode) window.gsap.set(whatsMyCode, { x: 0, opacity: 1, immediateRender: true });
          items.forEach(function (item) {
            item.classList.remove('animating');
          });
          if (whatsMyCode) whatsMyCode.classList.remove('animating');
        } else if (submenu) {
          submenu.addEventListener(
            'transitionend',
            function runAnimation() {
              animateLinerCodes(navLinersContainer);
              submenu.removeEventListener('transitionend', runAnimation);
            },
            { once: true }
          );

          // Fallback if transitionend doesn't fire
          setTimeout(() => {
            if (details.hasAttribute('open')) {
              animateLinerCodes(navLinersContainer);
            }
          }, 300);
        } else {
          setTimeout(() => animateLinerCodes(navLinersContainer), 150);
        }
      }

      setTimeout(triggerAnimation, 100);
    });

    // Auto-run animation for refills-liners collection page
    document.addEventListener(
      'DOMContentLoaded',
      function () {
        const onLoadContainers = document.querySelectorAll('[data-animate-liners-on-load]');
        onLoadContainers.forEach(function (container) {
          const navLiners = container.querySelector('.nav-liners');
          if (navLiners) {
            const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');
            if (reducedMotion && reducedMotion.matches) {
              // Skip animation — show items in final state immediately
              const items = navLiners.querySelectorAll('[data-liner-item]');
              const whatsMyCode = navLiners.querySelector('.nav-liners__item--whats-my-code');
              window.gsap.set(items, { x: 0, opacity: 1, immediateRender: true });
              if (whatsMyCode) window.gsap.set(whatsMyCode, { x: 0, opacity: 1, immediateRender: true });
              items.forEach(function (item) {
                item.classList.remove('animating');
              });
              if (whatsMyCode) whatsMyCode.classList.remove('animating');
            } else {
              setTimeout(function () {
                animateLinerCodes(navLiners);
              }, 150);
            }
          }
        });
      },
      { once: true }
    );
  })();
</script>


<header-drawer data-breakpoint="tablet">
  <details id="Details-menu-drawer-container" class="menu-drawer-container">
    <summary
      class="header__icon header__icon--menu header__icon--summary link focus-inset"
      aria-label="Menu"
    >
      <span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-hamburger" viewBox="0 0 18 16"><path fill="currentColor" d="M1 .5a.5.5 0 1 0 0 1h15.71a.5.5 0 0 0 0-1zM.5 8a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1A.5.5 0 0 1 .5 8m0 7a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" style="z-index: 10;" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
    </summary>
    <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-scheme-1">
      <div class="menu-drawer__inner-container">
        <div class="menu-drawer__navigation-container">
          <nav class="menu-drawer__navigation">
            <ul class="menu-drawer__menu has-submenu list-menu min-600:!tw-pl-[75px]" role="list">
              
              

              
<li
                  class="depth_1  "
                ><details id="Details-menu-drawer-menu-item-1" class="">
                      <summary
                        id="HeaderDrawer-trash"
                        data-link-depth="1"
                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset  !tw-font-Dinamic min-600:!tw-pr-0"
                      >
                        TRASH
                        
                      </summary>
                      <div
                        id="link-trash"
                        class="menu-drawer__submenu has-submenu gradient motion-reduce "
                        tabindex="-1"
                      >
                        <div class="menu-drawer__inner-submenu">
                          <button
                            class="menu-drawer__close-button link link--text focus-inset"
                            aria-expanded="true"
                            aria-label="Close submenu"
                          >
                            <span class="svg-wrapper"><svg fill="currentColor" height="50px" width="50px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
	 viewBox="0 0 330 330" xml:space="preserve">
<path id="XMLID_92_" d="M111.213,165.004L250.607,25.607c5.858-5.858,5.858-15.355,0-21.213c-5.858-5.858-15.355-5.858-21.213,0.001
	l-150,150.004C76.58,157.211,75,161.026,75,165.004c0,3.979,1.581,7.794,4.394,10.607l150,149.996
	C232.322,328.536,236.161,330,240,330s7.678-1.464,10.607-4.394c5.858-5.858,5.858-15.355,0-21.213L111.213,165.004z"/>
</svg></span>
                          </button>
                          <ul
                            class="menu-drawer__menu list-menu min-600:!tw-pl-[75px]"
                            role="list"
                            tabindex="-1"
                            data-tier="2"
                          ><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-trash-explore-all"
                                      href="/collections/trash-can"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Explore All
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-trash-sensor-can"
                                      href="/pages/category-sensor-can"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Sensor Can
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-trash-step-can"
                                      href="/pages/category-step-can"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Step Can
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-trash-recycler"
                                      href="/pages/category-recycling"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Recycler
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-trash-in-cabinet"
                                      href="/products/under-counter-can-pull-out-35l-dual-compartment"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      In-Cabinet
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-trash-compost"
                                      href="/products/compost-caddy"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Compost
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-trash-shredder"
                                      href="/products/shredder"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Shredder
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-trash-odorsorb-pod"
                                      href="/products/odorsorb-pod-refill"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Odorsorb Pod
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <details
                                      id="Details-menu-drawer-trash-custom-fit-liners"
                                      
                                    >
                                      <summary
                                        id="HeaderDrawer-trash-custom-fit-liners"
                                        class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                        data-animate-liners="true"
                                      >
                                        Custom Fit Liners
                                      </summary>
                                      <div
                                        id="childlink-custom-fit-liners"
                                        class="menu-drawer__submenu has-submenu gradient motion-reduce "
                                      >
                                        <button
                                          class="menu-drawer__close-button link link--text focus-inset"
                                          aria-expanded="true"
                                          aria-label="Close submenu"
                                        >
                                          <span class="svg-wrapper"><svg fill="currentColor" height="50px" width="50px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
	 viewBox="0 0 330 330" xml:space="preserve">
<path id="XMLID_92_" d="M111.213,165.004L250.607,25.607c5.858-5.858,5.858-15.355,0-21.213c-5.858-5.858-15.355-5.858-21.213,0.001
	l-150,150.004C76.58,157.211,75,161.026,75,165.004c0,3.979,1.581,7.794,4.394,10.607l150,149.996
	C232.322,328.536,236.161,330,240,330s7.678-1.464,10.607-4.394c5.858-5.858,5.858-15.355,0-21.213L111.213,165.004z"/>
</svg></span>
                                        </button>

                                        
                                          

<div class="nav-liners"><div class="nav-liners__header">
    <h2 class="nav-liners__header-title">
      Custom Fit Liners
    </h2>
    <p class="nav-liners__header-subtitle">
      Pick Your Code
    </p>
  </div>
  <ul class="nav-liners__list">
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--a"
          href="/products/custom-fit-liners-code-a-white"
          
            aria-label="Simplehuman Custom Fit Liner - A"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#e31937" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M45.93,25.05h8.13l19.58,45.93h-10.96l-3.2-8.13h-18.98l-3.2,8.13h-10.96l19.58-45.93ZM56.55,55.34l-6.55-16.71-6.55,16.71h13.11Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--b"
          href="/products/custom-fit-liners-code-b-white"
          
            aria-label="Simplehuman Custom Fit Liner - B"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#8ca4d5" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M32.01,28.38h21.47c5.46,0,9.79,1.39,12.58,3.81,2.64,2.26,4.03,5.35,4.03,9.1,0,3.42-1.73,6-3.69,7.68-.98.84-1.96,1.42-2.94,1.77,1.28.52,2.64,1.29,3.88,2.32,2,1.71,3.54,4.26,3.54,8.03,0,4.03-1.54,7.19-4.11,9.39-2.94,2.52-7.31,3.84-12.31,3.84h-22.44V28.38ZM52.76,47.02c4.48,0,6.89-2.13,6.89-5.32s-2.41-5.35-6.89-5.35h-10.32v10.68h10.32ZM53.4,66.34c4.75,0,7.04-2.48,7.04-5.68s-2.3-5.68-7.04-5.68h-10.96v11.35h10.96Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--c"
          href="/products/custom-fit-liners-code-c-white"
          
            aria-label="Simplehuman Custom Fit Liner - C"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#00703c" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.37,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M36.12,68.79c-5.35-4.58-5.46-9.74-5.46-18.52s.11-13.94,5.46-18.52c3.62-3.13,8.13-4.84,14.35-4.84,9.98,0,17.74,4.94,19.62,14.52h-10.62c-1.05-3.74-3.8-6.55-9-6.55-2.6,0-4.78.74-6.48,2.16-2.64,2.29-2.9,6.19-2.9,13.23s.26,10.94,2.9,13.23c1.69,1.42,3.88,2.16,6.48,2.16,5.2,0,7.95-2.81,9-6.55h10.62c-1.88,9.58-9.64,14.52-19.62,14.52-6.21,0-10.73-1.71-14.35-4.84Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--d"
          href="/products/custom-fit-liners-code-d-white"
          
            aria-label="Simplehuman Custom Fit Liner - D"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#949ca1" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M33.4,27.67h19.32c4.63,0,9.94.87,13.97,4.32,5.46,4.68,5.61,9.23,5.61,18.65s-.15,13.97-5.61,18.64c-4.03,3.45-9.34,4.32-13.97,4.32h-19.32V27.67ZM51.47,65.63c2.82,0,5.5-.42,7.49-2.16,2.71-2.32,2.9-5.35,2.9-12.84s-.19-10.52-2.9-12.84c-2-1.74-4.67-2.16-7.49-2.16h-7.64v30h7.64Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--e"
          href="/products/custom-fit-liners-code-e-white"
          
            aria-label="Simplehuman Custom Fit Liner - E"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#ffd200" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M32.33,27.3h35.29v7.97h-24.85v10.81h21.2v8h-21.2v11.19h24.85v7.97h-35.29V27.3Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--f"
          href="/products/custom-fit-liners-code-f-white"
          
            aria-label="Simplehuman Custom Fit Liner - F"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#795300" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M35.18,29.08h35.29v7.97h-24.85v11.32h21.2v7.97h-21.2v18.68h-10.43V29.08Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--g"
          href="/products/custom-fit-liners-code-g-white"
          
            aria-label="Simplehuman Custom Fit Liner - G"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#b0bc22" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M36.43,68.33c-5.35-4.58-5.46-9.74-5.46-18.52s.11-13.94,5.46-18.52c3.62-3.13,8.13-4.84,14.27-4.84,12.31,0,18.72,6.84,20.15,14.48h-10.62c-1.24-4.23-4.25-6.52-9.38-6.52-2.75,0-4.9.74-6.59,2.16-2.64,2.29-2.86,6.19-2.86,13.23s.23,10.94,2.86,13.23c1.69,1.42,3.84,2.16,6.78,2.16,2.75,0,5.12-.87,6.85-2.35,2-1.71,2.67-4,2.67-6.42v-1.68h-9.87v-7.52h20.26v6.71c0,6.16-1.09,10.58-5.5,14.35-4.18,3.58-9.19,4.87-14.76,4.87-6.14,0-10.66-1.71-14.27-4.84Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--h"
          href="/products/custom-fit-liners-code-h-white"
          
            aria-label="Simplehuman Custom Fit Liner - H"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#f58025" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M30.2,28.37h10.43v18.74h18.23v-18.74h10.43v45.93h-10.43v-19.23h-18.23v19.23h-10.43V28.37Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--j"
          href="/products/custom-fit-liners-code-j-white"
          
            aria-label="Simplehuman Custom Fit Liner - J"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#005daa" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.37,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M29.33,67.53l6.89-5.84c1.77,1.52,3.62,2.58,6.89,2.58,5.12,0,8.44-2.58,8.44-8.03v-30.32h10.43v30.84c0,4.58-1.85,8.32-4.9,10.94-3.43,2.94-8.47,4.55-14.01,4.55s-9.75-1.29-13.75-4.71Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--k"
          href="/products/custom-fit-liners-code-k-white"
          
            aria-label="Simplehuman Custom Fit Liner - K"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#6e298d" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M30.9,28.02h10.43v20l19.02-20h12.77l-17.81,18.19,19.06,27.74h-12.2l-13.82-20.94-7,7.13v13.81h-10.43V28.02Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--l"
          href="/products/custom-fit-liners-code-l-white"
          
            aria-label="Simplehuman Custom Fit Liner - L"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#3c151a" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M35.05,27.67h10.43v37.97h24.33v7.97h-34.76V27.67Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--m"
          href="/products/custom-fit-liners-code-m-white"
          
            aria-label="Simplehuman Custom Fit Liner - M"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#f095bf" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M25.53,27.66h10.28l13.97,23.84,13.97-23.84h10.28v45.93h-10.43v-26.77l-10.24,16.39h-7.16l-10.24-16.39v26.77h-10.43V27.66Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--n"
          href="/products/custom-fit-liners-code-n-white"
          
            aria-label="Simplehuman Custom Fit Liner - N"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#009ac7" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M29.49,26.6h9.26l21.32,28.13v-28.13h10.47v45.93h-9.3l-21.31-28.13v28.13h-10.43V26.6Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--p"
          href="/products/custom-fit-liners-code-p-white"
          
            aria-label="Simplehuman Custom Fit Liner - P"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#231f20" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.37,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M33.93,28.37h20.75c11.11,0,17.66,6.52,17.66,14.32s-6.55,14.29-17.66,14.29h-10.32v17.32h-10.43V28.37ZM54.11,49.02c4.78,0,7.8-2.55,7.8-6.32s-3.01-6.35-7.8-6.35h-9.75v12.68h9.75Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--q"
          href="/products/custom-fit-liners-code-q-white"
          
            aria-label="Simplehuman Custom Fit Liner - Q"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#fdcc99" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M61.97,70.46c-2.98,1.61-6.51,2.45-10.88,2.45-6.21,0-10.73-1.71-14.35-4.84-5.35-4.58-5.46-9.74-5.46-18.52s.11-13.94,5.46-18.52c3.62-3.13,8.13-4.84,14.35-4.84s10.7,1.71,14.35,4.84c5.31,4.58,5.42,9.74,5.42,18.52,0,7.39-.08,12.19-3.28,16.26l4.63,3.97-5.54,4.71-4.71-4.03ZM44.61,62.79c1.69,1.42,3.88,2.16,6.48,2.16,1.39,0,2.64-.19,3.77-.61l-4.93-4.23,5.5-4.71,4.29,3.68c.64-2.29.72-5.35.72-9.52,0-7.03-.23-10.94-2.9-13.23-1.69-1.42-3.84-2.16-6.44-2.16s-4.78.74-6.48,2.16c-2.64,2.29-2.9,6.19-2.9,13.23s.26,10.94,2.9,13.23Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--r"
          href="/products/custom-fit-liners-code-r-white"
          
            aria-label="Simplehuman Custom Fit Liner - R"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#867e00" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.37,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M33.39,27.66h20.98c10.96,0,17.44,6.35,17.44,14.03,0,6.23-4.29,10.32-9.75,12.26l11.94,19.64h-12.01l-10.43-18.32h-7.72v18.32h-10.43V27.66ZM53.81,47.73c4.59,0,7.57-2.45,7.57-6.06s-2.98-6.03-7.57-6.03h-9.98v12.1h9.98Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--s"
          href="/products/custom-fit-liners-code-s-white"
          
            aria-label="Simplehuman Custom Fit Liner - S"
          
        >
          
            <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60.44 60.44">
    <g>
      <path class="liner-bg"  fill="#8a83be" d="M60.44,30.21c0,16.69-13.53,30.22-30.22,30.22S0,46.91,0,30.21,13.53,0,30.22,0s30.22,13.52,30.22,30.21Z"/>
      <path class="liner-code" fill="#ffffff" d="M17.32,40.37l4.08-3.49c2.05,1.76,4.85,2.34,7.83,2.34,2.19,0,3.8-.45,4.74-1.23.66-.59,1.02-1.35,1.02-2.24,0-.68-.16-1.21-.41-1.64-.52-.88-1.55-1.37-3.28-1.6l-4.08-.53c-3.71-.47-6.37-1.7-7.7-3.96-.61-1.07-.93-2.32-.93-3.8,0-2.3.91-4.25,2.62-5.71,1.98-1.7,5.05-2.71,9.02-2.71s7.35.94,10.13,3.22l-3.98,3.41c-1.75-1.48-3.71-1.91-6.33-1.91-2.03,0-3.44.49-4.28,1.21-.71.62-1.07,1.4-1.07,2.22,0,.59.14,1.05.34,1.42.61,1.03,2.03,1.5,3.57,1.7l4.05.53c3.78.49,6.22,1.64,7.54,3.92.66,1.11,1,2.5,1,4.1,0,2.3-.96,4.15-2.57,5.56-2.19,1.87-5.58,2.87-9.47,2.87-4.92,0-8.67-.88-11.84-3.67Z"/>
    </g>
</svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--u"
          href="/products/custom-fit-liners-code-u-white"
          
            aria-label="Simplehuman Custom Fit Liner - U"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#86cebc" d="M100,49.99c0,27.62-22.39,50.02-50,50.02S0,77.61,0,49.99,22.38,0,50,0s50,22.37,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M35.01,71.3c-3.36-2.84-5.2-6.75-5.2-11.34v-30.2h10.44v29.91c0,5.27,3.66,8.5,9.31,8.5s9.35-3.23,9.35-8.5v-29.91h10.44v30.2c0,4.59-1.88,8.5-5.2,11.34-3.58,3.07-8.71,4.85-14.59,4.85s-10.97-1.78-14.55-4.85Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--v"
          href="/products/custom-fit-liners-code-v-white"
          
            aria-label="Simplehuman Custom Fit Liner - V"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#f27382" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.37,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M28.38,27.5h10.81l10.85,29.93,10.81-29.93h10.85l-17.7,45.93h-7.91L28.38,27.5Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--x"
          href="/products/custom-fit-liners-code-x-white"
          
            aria-label="Simplehuman Custom Fit Liner - X"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#4e917a" d="M100,49.99c0,27.62-22.39,50.02-50,50.02S0,77.61,0,49.99,22.38,0,50,0s50,22.37,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M44.39,49.9l-15.61-22.45h11.91l9.35,15.02,9.39-15.02h11.88l-15.61,22.42,16.7,23.58h-11.99l-10.37-16.12-10.41,16.12h-11.91l16.67-23.55Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--y"
          href="/products/custom-fit-liners-code-y-white"
          
            aria-label="Simplehuman Custom Fit Liner - Y"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <defs>
        <style>
          .cls-1 { fill: #fff; }
        </style>
      </defs>
      <path class="liner-bg" fill="#3d8dae" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M44.77,56.21l-16.08-27.13h11.37l9.94,18.55,9.9-18.55h11.37l-16.08,27.13v18.81h-10.43v-18.81Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--z"
          href="/products/custom-fit-liners-code-z-compostable"
          
            aria-label="Simplehuman Custom Fit Liner - Z"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <g id="Layer_1-2" data-name="Layer 1-2">
        <g>
          <path class="liner-bg" fill="#fdb61c" d="M99.97,49.98c0,27.61-22.39,50-50,50S0,77.6,0,49.98,22.39.02,50,.02s50,22.39,50,49.97h-.03Z"/>
          <path class="liner-code" fill="#ffffff" d="M68.02,33.37l-23.04,31.02h23.04v8.05h-35.45v-7.15l22.97-31.02h-21.97v-8.05h34.46s0,7.15,0,7.15Z"/>
        </g>
      </g>
    </svg>
          
        </a>
      </li><li class="nav-liners__item nav-liners__item--whats-my-code" data-liner-item>
      <button
        type="button"
        class="nav-liners__whats-my-code"
        data-open-modal="#code_finder_modal"
        aria-haspopup="dialog"
      >
        What's my code?
      </button>
    </li>
  </ul>
</div>

                                        
                                      </div>
                                    </details>
                                  
                                </li><li class="depth_2 sublink">
                                  
                                    <a
                                      id="HeaderDrawer-trash-shop-trash-bags"
                                      href="/collections/refills-liners"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset sublink"
                                      
                                    >
                                      Shop Trash Bags
                                    </a>
                                  
                                </li><li class="depth_2 sublink">
                                  
                                    <a
                                      id="HeaderDrawer-trash-shop-odor-control"
                                      href="/products/odorsorb-pod-refill"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset sublink"
                                      
                                    >
                                      Shop Odor Control
                                    </a>
                                  
                                </li></ul>
                        </div>
                      </div>
                    </details></li><li
                  class="depth_1  "
                ><details id="Details-menu-drawer-menu-item-2" class="">
                      <summary
                        id="HeaderDrawer-sensor-pump"
                        data-link-depth="1"
                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset  !tw-font-Dinamic min-600:!tw-pr-0"
                      >
                        SENSOR PUMP
                        
                      </summary>
                      <div
                        id="link-sensor-pump"
                        class="menu-drawer__submenu has-submenu gradient motion-reduce "
                        tabindex="-1"
                      >
                        <div class="menu-drawer__inner-submenu">
                          <button
                            class="menu-drawer__close-button link link--text focus-inset"
                            aria-expanded="true"
                            aria-label="Close submenu"
                          >
                            <span class="svg-wrapper"><svg fill="currentColor" height="50px" width="50px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
	 viewBox="0 0 330 330" xml:space="preserve">
<path id="XMLID_92_" d="M111.213,165.004L250.607,25.607c5.858-5.858,5.858-15.355,0-21.213c-5.858-5.858-15.355-5.858-21.213,0.001
	l-150,150.004C76.58,157.211,75,161.026,75,165.004c0,3.979,1.581,7.794,4.394,10.607l150,149.996
	C232.322,328.536,236.161,330,240,330s7.678-1.464,10.607-4.394c5.858-5.858,5.858-15.355,0-21.213L111.213,165.004z"/>
</svg></span>
                          </button>
                          <ul
                            class="menu-drawer__menu list-menu min-600:!tw-pl-[75px]"
                            role="list"
                            tabindex="-1"
                            data-tier="2"
                          ><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-sensor-pump-explore-all"
                                      href="/pages/category-sensor-pump"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Explore All
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-sensor-pump-sensor-pump"
                                      href="/products/rechargeable-sensor-pump-9-fl-oz"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Sensor Pump
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-sensor-pump-sensor-pump-with-caddy"
                                      href="/products/rechargeable-liquid-sensor-pump-14-fl-oz-with-caddy"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Sensor Pump with Caddy
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-sensor-pump-sensor-pump-foam"
                                      href="/products/sensor-pump-foam"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Sensor Pump Foam
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-sensor-pump-sensor-spray"
                                      href="/products/sensor-spray"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Sensor Spray
                                    </a>
                                  
                                </li><li class="depth_2 sublink">
                                  
                                    <a
                                      id="HeaderDrawer-sensor-pump-shop-hand-soap"
                                      href="/collections/soaps-and-cleaners-refill-bottles?filter=type-hand-soap"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset sublink"
                                      
                                    >
                                      Shop Hand Soap
                                    </a>
                                  
                                </li><li class="depth_2 sublink">
                                  
                                    <a
                                      id="HeaderDrawer-sensor-pump-shop-dish-soap"
                                      href="/products/liquid-dish-soap-refill-citrus-blossom"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset sublink"
                                      
                                    >
                                      Shop Dish Soap
                                    </a>
                                  
                                </li><li class="depth_2 sublink">
                                  
                                    <a
                                      id="HeaderDrawer-sensor-pump-shop-sponge"
                                      href="/products/soapwell-sponge"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset sublink"
                                      
                                    >
                                      Shop Sponge
                                    </a>
                                  
                                </li><li class="depth_2 sublink">
                                  
                                    <a
                                      id="HeaderDrawer-sensor-pump-shop-multi-surface-cleaner"
                                      href="/collections/soaps-and-cleaners-refill-bottles?filter=type-multi-surface-cleaner"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset sublink"
                                      
                                    >
                                      Shop Multi-Surface Cleaner
                                    </a>
                                  
                                </li><li class="depth_2 sublink">
                                  
                                    <a
                                      id="HeaderDrawer-sensor-pump-shop-bath-cleaner"
                                      href="/collections/soaps-and-cleaners-refill-bottles?filter=type-bath-cleaner"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset sublink"
                                      
                                    >
                                      Shop Bath Cleaner
                                    </a>
                                  
                                </li><li class="depth_2 sublink">
                                  
                                    <a
                                      id="HeaderDrawer-sensor-pump-shop-glass-cleaner"
                                      href="/collections/soaps-and-cleaners-refill-bottles?filter=type-glass-cleaner"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset sublink"
                                      
                                    >
                                      Shop Glass Cleaner
                                    </a>
                                  
                                </li></ul>
                        </div>
                      </div>
                    </details></li><li
                  class="depth_1  "
                ><details id="Details-menu-drawer-menu-item-3" class="">
                      <summary
                        id="HeaderDrawer-sensor-mirror"
                        data-link-depth="1"
                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset  !tw-font-Dinamic min-600:!tw-pr-0"
                      >
                        SENSOR MIRROR
                        
                      </summary>
                      <div
                        id="link-sensor-mirror"
                        class="menu-drawer__submenu has-submenu gradient motion-reduce "
                        tabindex="-1"
                      >
                        <div class="menu-drawer__inner-submenu">
                          <button
                            class="menu-drawer__close-button link link--text focus-inset"
                            aria-expanded="true"
                            aria-label="Close submenu"
                          >
                            <span class="svg-wrapper"><svg fill="currentColor" height="50px" width="50px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
	 viewBox="0 0 330 330" xml:space="preserve">
<path id="XMLID_92_" d="M111.213,165.004L250.607,25.607c5.858-5.858,5.858-15.355,0-21.213c-5.858-5.858-15.355-5.858-21.213,0.001
	l-150,150.004C76.58,157.211,75,161.026,75,165.004c0,3.979,1.581,7.794,4.394,10.607l150,149.996
	C232.322,328.536,236.161,330,240,330s7.678-1.464,10.607-4.394c5.858-5.858,5.858-15.355,0-21.213L111.213,165.004z"/>
</svg></span>
                          </button>
                          <ul
                            class="menu-drawer__menu list-menu min-600:!tw-pl-[75px]"
                            role="list"
                            tabindex="-1"
                            data-tier="2"
                          ><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-sensor-mirror-explore-all"
                                      href="/pages/category-sensor-mirror"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Explore All
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-sensor-mirror-sensor-mirror-trio-max"
                                      href="/products/sensor-mirror-trio-max"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Sensor Mirror Trio Max
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-sensor-mirror-sensor-mirror-round"
                                      href="/products/sensor-mirror-round-touch-control-brightness-dual-light"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Sensor Mirror Round
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-sensor-mirror-sensor-mirror-wall-mount"
                                      href="/products/sensor-mirror-wall-mount-hard-wired"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Sensor Mirror Wall Mount
                                    </a>
                                  
                                </li></ul>
                        </div>
                      </div>
                    </details></li><li
                  class="depth_1  "
                ><details id="Details-menu-drawer-menu-item-4" class="">
                      <summary
                        id="HeaderDrawer-kitchen"
                        data-link-depth="1"
                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset  !tw-font-Dinamic min-600:!tw-pr-0"
                      >
                        KITCHEN
                        
                      </summary>
                      <div
                        id="link-kitchen"
                        class="menu-drawer__submenu has-submenu gradient motion-reduce "
                        tabindex="-1"
                      >
                        <div class="menu-drawer__inner-submenu">
                          <button
                            class="menu-drawer__close-button link link--text focus-inset"
                            aria-expanded="true"
                            aria-label="Close submenu"
                          >
                            <span class="svg-wrapper"><svg fill="currentColor" height="50px" width="50px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
	 viewBox="0 0 330 330" xml:space="preserve">
<path id="XMLID_92_" d="M111.213,165.004L250.607,25.607c5.858-5.858,5.858-15.355,0-21.213c-5.858-5.858-15.355-5.858-21.213,0.001
	l-150,150.004C76.58,157.211,75,161.026,75,165.004c0,3.979,1.581,7.794,4.394,10.607l150,149.996
	C232.322,328.536,236.161,330,240,330s7.678-1.464,10.607-4.394c5.858-5.858,5.858-15.355,0-21.213L111.213,165.004z"/>
</svg></span>
                          </button>
                          <ul
                            class="menu-drawer__menu list-menu min-600:!tw-pl-[75px]"
                            role="list"
                            tabindex="-1"
                            data-tier="2"
                          ><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-kitchen-pulse-pump-with-caddy"
                                      href="/products/16-oz-pulse-pump-with-caddy"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Pulse Pump with Caddy
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-kitchen-dishrack"
                                      href="/products/steel-frame-dishrack-standard"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Dishrack
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-kitchen-paper-towel-holders"
                                      href="/pages/category-paper-towel-holder"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Paper Towel Holders
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-kitchen-pet-food-can"
                                      href="/products/pet-food-can-x-large"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Pet Food Can
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-kitchen-bottle-dock"
                                      href="/products/bottle-dock"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Bottle Dock
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-kitchen-cabinet-organizer"
                                      href="/products/pull-out-cabinet-organizer-20-inch"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Cabinet Organizer
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-kitchen-sink-caddy"
                                      href="/products/sink-caddy-standard"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Sink Caddy
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-kitchen-cleanstation"
                                      href="/products/cleanstation"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Cleanstation
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-kitchen-steel-soap-bar"
                                      href="/products/steel-soap-bar"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Steel Soap Bar
                                    </a>
                                  
                                </li></ul>
                        </div>
                      </div>
                    </details></li><li
                  class="depth_1  "
                ><details id="Details-menu-drawer-menu-item-5" class="">
                      <summary
                        id="HeaderDrawer-bath"
                        data-link-depth="1"
                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset  !tw-font-Dinamic min-600:!tw-pr-0"
                      >
                        BATH
                        
                      </summary>
                      <div
                        id="link-bath"
                        class="menu-drawer__submenu has-submenu gradient motion-reduce "
                        tabindex="-1"
                      >
                        <div class="menu-drawer__inner-submenu">
                          <button
                            class="menu-drawer__close-button link link--text focus-inset"
                            aria-expanded="true"
                            aria-label="Close submenu"
                          >
                            <span class="svg-wrapper"><svg fill="currentColor" height="50px" width="50px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
	 viewBox="0 0 330 330" xml:space="preserve">
<path id="XMLID_92_" d="M111.213,165.004L250.607,25.607c5.858-5.858,5.858-15.355,0-21.213c-5.858-5.858-15.355-5.858-21.213,0.001
	l-150,150.004C76.58,157.211,75,161.026,75,165.004c0,3.979,1.581,7.794,4.394,10.607l150,149.996
	C232.322,328.536,236.161,330,240,330s7.678-1.464,10.607-4.394c5.858-5.858,5.858-15.355,0-21.213L111.213,165.004z"/>
</svg></span>
                          </button>
                          <ul
                            class="menu-drawer__menu list-menu min-600:!tw-pl-[75px]"
                            role="list"
                            tabindex="-1"
                            data-tier="2"
                          ><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-bath-x-frame-hamper"
                                      href="/products/double-x-frame-hamper"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      X-Frame Hamper
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-bath-shower-caddies"
                                      href="/pages/category-shower-caddy"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Shower Caddies
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-bath-toilet-brush-and-plunger"
                                      href="/products/toilet-brush-and-plunger-bundle"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Toilet Brush and Plunger
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-bath-pulse-pump"
                                      href="/products/16-oz-pulse-pump-with-caddy"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Pulse Pump
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-bath-wall-mount-pump"
                                      href="/products/wall-mount-pump-triple"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Wall Mount Pump
                                    </a>
                                  
                                </li></ul>
                        </div>
                      </div>
                    </details></li><li
                  class="depth_1  "
                ><details id="Details-menu-drawer-menu-item-6" class="">
                      <summary
                        id="HeaderDrawer-refill"
                        data-link-depth="1"
                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset  !tw-font-Dinamic min-600:!tw-pr-0"
                      >
                        REFILL
                        
                      </summary>
                      <div
                        id="link-refill"
                        class="menu-drawer__submenu has-submenu gradient motion-reduce "
                        tabindex="-1"
                      >
                        <div class="menu-drawer__inner-submenu">
                          <button
                            class="menu-drawer__close-button link link--text focus-inset"
                            aria-expanded="true"
                            aria-label="Close submenu"
                          >
                            <span class="svg-wrapper"><svg fill="currentColor" height="50px" width="50px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
	 viewBox="0 0 330 330" xml:space="preserve">
<path id="XMLID_92_" d="M111.213,165.004L250.607,25.607c5.858-5.858,5.858-15.355,0-21.213c-5.858-5.858-15.355-5.858-21.213,0.001
	l-150,150.004C76.58,157.211,75,161.026,75,165.004c0,3.979,1.581,7.794,4.394,10.607l150,149.996
	C232.322,328.536,236.161,330,240,330s7.678-1.464,10.607-4.394c5.858-5.858,5.858-15.355,0-21.213L111.213,165.004z"/>
</svg></span>
                          </button>
                          <ul
                            class="menu-drawer__menu list-menu min-600:!tw-pl-[75px]"
                            role="list"
                            tabindex="-1"
                            data-tier="2"
                          ><li class="depth_2 ">
                                  
                                    <details
                                      id="Details-menu-drawer-refill-custom-fit-liners"
                                      
                                    >
                                      <summary
                                        id="HeaderDrawer-refill-custom-fit-liners"
                                        class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                        data-animate-liners="true"
                                      >
                                        Custom Fit Liners
                                      </summary>
                                      <div
                                        id="childlink-custom-fit-liners"
                                        class="menu-drawer__submenu has-submenu gradient motion-reduce "
                                      >
                                        <button
                                          class="menu-drawer__close-button link link--text focus-inset"
                                          aria-expanded="true"
                                          aria-label="Close submenu"
                                        >
                                          <span class="svg-wrapper"><svg fill="currentColor" height="50px" width="50px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
	 viewBox="0 0 330 330" xml:space="preserve">
<path id="XMLID_92_" d="M111.213,165.004L250.607,25.607c5.858-5.858,5.858-15.355,0-21.213c-5.858-5.858-15.355-5.858-21.213,0.001
	l-150,150.004C76.58,157.211,75,161.026,75,165.004c0,3.979,1.581,7.794,4.394,10.607l150,149.996
	C232.322,328.536,236.161,330,240,330s7.678-1.464,10.607-4.394c5.858-5.858,5.858-15.355,0-21.213L111.213,165.004z"/>
</svg></span>
                                        </button>

                                        
                                          

<div class="nav-liners"><div class="nav-liners__header">
    <h2 class="nav-liners__header-title">
      Custom Fit Liners
    </h2>
    <p class="nav-liners__header-subtitle">
      Pick Your Code
    </p>
  </div>
  <ul class="nav-liners__list">
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--a"
          href="/products/custom-fit-liners-code-a-white"
          
            aria-label="Simplehuman Custom Fit Liner - A"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#e31937" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M45.93,25.05h8.13l19.58,45.93h-10.96l-3.2-8.13h-18.98l-3.2,8.13h-10.96l19.58-45.93ZM56.55,55.34l-6.55-16.71-6.55,16.71h13.11Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--b"
          href="/products/custom-fit-liners-code-b-white"
          
            aria-label="Simplehuman Custom Fit Liner - B"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#8ca4d5" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M32.01,28.38h21.47c5.46,0,9.79,1.39,12.58,3.81,2.64,2.26,4.03,5.35,4.03,9.1,0,3.42-1.73,6-3.69,7.68-.98.84-1.96,1.42-2.94,1.77,1.28.52,2.64,1.29,3.88,2.32,2,1.71,3.54,4.26,3.54,8.03,0,4.03-1.54,7.19-4.11,9.39-2.94,2.52-7.31,3.84-12.31,3.84h-22.44V28.38ZM52.76,47.02c4.48,0,6.89-2.13,6.89-5.32s-2.41-5.35-6.89-5.35h-10.32v10.68h10.32ZM53.4,66.34c4.75,0,7.04-2.48,7.04-5.68s-2.3-5.68-7.04-5.68h-10.96v11.35h10.96Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--c"
          href="/products/custom-fit-liners-code-c-white"
          
            aria-label="Simplehuman Custom Fit Liner - C"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#00703c" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.37,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M36.12,68.79c-5.35-4.58-5.46-9.74-5.46-18.52s.11-13.94,5.46-18.52c3.62-3.13,8.13-4.84,14.35-4.84,9.98,0,17.74,4.94,19.62,14.52h-10.62c-1.05-3.74-3.8-6.55-9-6.55-2.6,0-4.78.74-6.48,2.16-2.64,2.29-2.9,6.19-2.9,13.23s.26,10.94,2.9,13.23c1.69,1.42,3.88,2.16,6.48,2.16,5.2,0,7.95-2.81,9-6.55h10.62c-1.88,9.58-9.64,14.52-19.62,14.52-6.21,0-10.73-1.71-14.35-4.84Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--d"
          href="/products/custom-fit-liners-code-d-white"
          
            aria-label="Simplehuman Custom Fit Liner - D"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#949ca1" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M33.4,27.67h19.32c4.63,0,9.94.87,13.97,4.32,5.46,4.68,5.61,9.23,5.61,18.65s-.15,13.97-5.61,18.64c-4.03,3.45-9.34,4.32-13.97,4.32h-19.32V27.67ZM51.47,65.63c2.82,0,5.5-.42,7.49-2.16,2.71-2.32,2.9-5.35,2.9-12.84s-.19-10.52-2.9-12.84c-2-1.74-4.67-2.16-7.49-2.16h-7.64v30h7.64Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--e"
          href="/products/custom-fit-liners-code-e-white"
          
            aria-label="Simplehuman Custom Fit Liner - E"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#ffd200" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M32.33,27.3h35.29v7.97h-24.85v10.81h21.2v8h-21.2v11.19h24.85v7.97h-35.29V27.3Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--f"
          href="/products/custom-fit-liners-code-f-white"
          
            aria-label="Simplehuman Custom Fit Liner - F"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#795300" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M35.18,29.08h35.29v7.97h-24.85v11.32h21.2v7.97h-21.2v18.68h-10.43V29.08Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--g"
          href="/products/custom-fit-liners-code-g-white"
          
            aria-label="Simplehuman Custom Fit Liner - G"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#b0bc22" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M36.43,68.33c-5.35-4.58-5.46-9.74-5.46-18.52s.11-13.94,5.46-18.52c3.62-3.13,8.13-4.84,14.27-4.84,12.31,0,18.72,6.84,20.15,14.48h-10.62c-1.24-4.23-4.25-6.52-9.38-6.52-2.75,0-4.9.74-6.59,2.16-2.64,2.29-2.86,6.19-2.86,13.23s.23,10.94,2.86,13.23c1.69,1.42,3.84,2.16,6.78,2.16,2.75,0,5.12-.87,6.85-2.35,2-1.71,2.67-4,2.67-6.42v-1.68h-9.87v-7.52h20.26v6.71c0,6.16-1.09,10.58-5.5,14.35-4.18,3.58-9.19,4.87-14.76,4.87-6.14,0-10.66-1.71-14.27-4.84Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--h"
          href="/products/custom-fit-liners-code-h-white"
          
            aria-label="Simplehuman Custom Fit Liner - H"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#f58025" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M30.2,28.37h10.43v18.74h18.23v-18.74h10.43v45.93h-10.43v-19.23h-18.23v19.23h-10.43V28.37Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--j"
          href="/products/custom-fit-liners-code-j-white"
          
            aria-label="Simplehuman Custom Fit Liner - J"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#005daa" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.37,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M29.33,67.53l6.89-5.84c1.77,1.52,3.62,2.58,6.89,2.58,5.12,0,8.44-2.58,8.44-8.03v-30.32h10.43v30.84c0,4.58-1.85,8.32-4.9,10.94-3.43,2.94-8.47,4.55-14.01,4.55s-9.75-1.29-13.75-4.71Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--k"
          href="/products/custom-fit-liners-code-k-white"
          
            aria-label="Simplehuman Custom Fit Liner - K"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#6e298d" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M30.9,28.02h10.43v20l19.02-20h12.77l-17.81,18.19,19.06,27.74h-12.2l-13.82-20.94-7,7.13v13.81h-10.43V28.02Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--l"
          href="/products/custom-fit-liners-code-l-white"
          
            aria-label="Simplehuman Custom Fit Liner - L"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#3c151a" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M35.05,27.67h10.43v37.97h24.33v7.97h-34.76V27.67Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--m"
          href="/products/custom-fit-liners-code-m-white"
          
            aria-label="Simplehuman Custom Fit Liner - M"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#f095bf" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M25.53,27.66h10.28l13.97,23.84,13.97-23.84h10.28v45.93h-10.43v-26.77l-10.24,16.39h-7.16l-10.24-16.39v26.77h-10.43V27.66Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--n"
          href="/products/custom-fit-liners-code-n-white"
          
            aria-label="Simplehuman Custom Fit Liner - N"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#009ac7" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M29.49,26.6h9.26l21.32,28.13v-28.13h10.47v45.93h-9.3l-21.31-28.13v28.13h-10.43V26.6Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--p"
          href="/products/custom-fit-liners-code-p-white"
          
            aria-label="Simplehuman Custom Fit Liner - P"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#231f20" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.37,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M33.93,28.37h20.75c11.11,0,17.66,6.52,17.66,14.32s-6.55,14.29-17.66,14.29h-10.32v17.32h-10.43V28.37ZM54.11,49.02c4.78,0,7.8-2.55,7.8-6.32s-3.01-6.35-7.8-6.35h-9.75v12.68h9.75Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--q"
          href="/products/custom-fit-liners-code-q-white"
          
            aria-label="Simplehuman Custom Fit Liner - Q"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#fdcc99" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M61.97,70.46c-2.98,1.61-6.51,2.45-10.88,2.45-6.21,0-10.73-1.71-14.35-4.84-5.35-4.58-5.46-9.74-5.46-18.52s.11-13.94,5.46-18.52c3.62-3.13,8.13-4.84,14.35-4.84s10.7,1.71,14.35,4.84c5.31,4.58,5.42,9.74,5.42,18.52,0,7.39-.08,12.19-3.28,16.26l4.63,3.97-5.54,4.71-4.71-4.03ZM44.61,62.79c1.69,1.42,3.88,2.16,6.48,2.16,1.39,0,2.64-.19,3.77-.61l-4.93-4.23,5.5-4.71,4.29,3.68c.64-2.29.72-5.35.72-9.52,0-7.03-.23-10.94-2.9-13.23-1.69-1.42-3.84-2.16-6.44-2.16s-4.78.74-6.48,2.16c-2.64,2.29-2.9,6.19-2.9,13.23s.26,10.94,2.9,13.23Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--r"
          href="/products/custom-fit-liners-code-r-white"
          
            aria-label="Simplehuman Custom Fit Liner - R"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#867e00" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.37,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M33.39,27.66h20.98c10.96,0,17.44,6.35,17.44,14.03,0,6.23-4.29,10.32-9.75,12.26l11.94,19.64h-12.01l-10.43-18.32h-7.72v18.32h-10.43V27.66ZM53.81,47.73c4.59,0,7.57-2.45,7.57-6.06s-2.98-6.03-7.57-6.03h-9.98v12.1h9.98Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--s"
          href="/products/custom-fit-liners-code-s-white"
          
            aria-label="Simplehuman Custom Fit Liner - S"
          
        >
          
            <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60.44 60.44">
    <g>
      <path class="liner-bg"  fill="#8a83be" d="M60.44,30.21c0,16.69-13.53,30.22-30.22,30.22S0,46.91,0,30.21,13.53,0,30.22,0s30.22,13.52,30.22,30.21Z"/>
      <path class="liner-code" fill="#ffffff" d="M17.32,40.37l4.08-3.49c2.05,1.76,4.85,2.34,7.83,2.34,2.19,0,3.8-.45,4.74-1.23.66-.59,1.02-1.35,1.02-2.24,0-.68-.16-1.21-.41-1.64-.52-.88-1.55-1.37-3.28-1.6l-4.08-.53c-3.71-.47-6.37-1.7-7.7-3.96-.61-1.07-.93-2.32-.93-3.8,0-2.3.91-4.25,2.62-5.71,1.98-1.7,5.05-2.71,9.02-2.71s7.35.94,10.13,3.22l-3.98,3.41c-1.75-1.48-3.71-1.91-6.33-1.91-2.03,0-3.44.49-4.28,1.21-.71.62-1.07,1.4-1.07,2.22,0,.59.14,1.05.34,1.42.61,1.03,2.03,1.5,3.57,1.7l4.05.53c3.78.49,6.22,1.64,7.54,3.92.66,1.11,1,2.5,1,4.1,0,2.3-.96,4.15-2.57,5.56-2.19,1.87-5.58,2.87-9.47,2.87-4.92,0-8.67-.88-11.84-3.67Z"/>
    </g>
</svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--u"
          href="/products/custom-fit-liners-code-u-white"
          
            aria-label="Simplehuman Custom Fit Liner - U"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#86cebc" d="M100,49.99c0,27.62-22.39,50.02-50,50.02S0,77.61,0,49.99,22.38,0,50,0s50,22.37,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M35.01,71.3c-3.36-2.84-5.2-6.75-5.2-11.34v-30.2h10.44v29.91c0,5.27,3.66,8.5,9.31,8.5s9.35-3.23,9.35-8.5v-29.91h10.44v30.2c0,4.59-1.88,8.5-5.2,11.34-3.58,3.07-8.71,4.85-14.59,4.85s-10.97-1.78-14.55-4.85Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--v"
          href="/products/custom-fit-liners-code-v-white"
          
            aria-label="Simplehuman Custom Fit Liner - V"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#f27382" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.37,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M28.38,27.5h10.81l10.85,29.93,10.81-29.93h10.85l-17.7,45.93h-7.91L28.38,27.5Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--x"
          href="/products/custom-fit-liners-code-x-white"
          
            aria-label="Simplehuman Custom Fit Liner - X"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <path class="liner-bg" fill="#4e917a" d="M100,49.99c0,27.62-22.39,50.02-50,50.02S0,77.61,0,49.99,22.38,0,50,0s50,22.37,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M44.39,49.9l-15.61-22.45h11.91l9.35,15.02,9.39-15.02h11.88l-15.61,22.42,16.7,23.58h-11.99l-10.37-16.12-10.41,16.12h-11.91l16.67-23.55Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--y"
          href="/products/custom-fit-liners-code-y-white"
          
            aria-label="Simplehuman Custom Fit Liner - Y"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <defs>
        <style>
          .cls-1 { fill: #fff; }
        </style>
      </defs>
      <path class="liner-bg" fill="#3d8dae" d="M100,49.99c0,27.62-22.38,50.01-50,50.01S0,77.61,0,49.99,22.38,0,50,0s50,22.38,50,49.99Z"/>
      <path class="liner-code" fill="#ffffff" d="M44.77,56.21l-16.08-27.13h11.37l9.94,18.55,9.9-18.55h11.37l-16.08,27.13v18.81h-10.43v-18.81Z"/>
    </svg>
          
        </a>
      </li>
      <li class="nav-liners__item" data-liner-item>
        <a
          class="nav-liners__circle nav-liners__circle--z"
          href="/products/custom-fit-liners-code-z-compostable"
          
            aria-label="Simplehuman Custom Fit Liner - Z"
          
        >
          
                <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <g id="Layer_1-2" data-name="Layer 1-2">
        <g>
          <path class="liner-bg" fill="#fdb61c" d="M99.97,49.98c0,27.61-22.39,50-50,50S0,77.6,0,49.98,22.39.02,50,.02s50,22.39,50,49.97h-.03Z"/>
          <path class="liner-code" fill="#ffffff" d="M68.02,33.37l-23.04,31.02h23.04v8.05h-35.45v-7.15l22.97-31.02h-21.97v-8.05h34.46s0,7.15,0,7.15Z"/>
        </g>
      </g>
    </svg>
          
        </a>
      </li><li class="nav-liners__item nav-liners__item--whats-my-code" data-liner-item>
      <button
        type="button"
        class="nav-liners__whats-my-code"
        data-open-modal="#code_finder_modal"
        aria-haspopup="dialog"
      >
        What's my code?
      </button>
    </li>
  </ul>
</div>

                                        
                                      </div>
                                    </details>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-refill-hand-soap"
                                      href="https://www.simplehuman.com/pages/soap-and-cleaners-refill-bottles"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Hand Soap
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-refill-dish-soap"
                                      href="https://www.simplehuman.com/pages/soap-and-cleaners-refill-bottles?scrollTo=dish-soap"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Dish Soap
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-refill-multi-surface-cleaner"
                                      href="https://www.simplehuman.com/pages/soap-and-cleaners-refill-bottles#multi-surface-cleaner"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Multi-Surface Cleaner
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-refill-bath-cleaner"
                                      href="https://www.simplehuman.com/pages/soap-and-cleaners-refill-bottles#bath-cleaner"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Bath Cleaner
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-refill-glass-cleaner"
                                      href="https://www.simplehuman.com/pages/soap-and-cleaners-refill-bottles#glass-cleaner"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Glass Cleaner
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-refill-soapwell-sponge"
                                      href="/products/soapwell-sponge"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Soapwell Sponge
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-refill-odorsorb-pod"
                                      href="/products/odorsorb-pod-refill"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Odorsorb Pod
                                    </a>
                                  
                                </li><li class="depth_2 ">
                                  
                                    <a
                                      id="HeaderDrawer-refill-clean-cloth"
                                      href="/products/clean-cloth"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset "
                                      
                                    >
                                      Clean Cloth
                                    </a>
                                  
                                </li></ul>
                        </div>
                      </div>
                    </details></li><li
                  class="depth_1  "
                >
                      <a
                        id="HeaderDrawer-support"
                        data-link-depth="1"
                        data-link-handle="support"
                        href="/pages/customer-service"
                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset "
                        
                      >
                        SUPPORT
                      </a>
                    
</li><li
                  class="depth_1  "
                >
                      <a
                        id="HeaderDrawer-my-account"
                        data-link-depth="1"
                        data-link-handle="my-account"
                        href="/account"
                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset "
                        
                      >
                        MY ACCOUNT
                      </a>
                    
</li><li
                  class="depth_1  "
                >
                      <a
                        id="HeaderDrawer-business"
                        data-link-depth="1"
                        data-link-handle="business"
                        href="/pages/business-overview"
                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset "
                        
                      >
                        BUSINESS
                      </a>
                    
</li><li
                  class="depth_1  "
                >
                      <a
                        id="HeaderDrawer-about"
                        data-link-depth="1"
                        data-link-handle="about"
                        href="/pages/inside-simplehuman"
                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset "
                        
                      >
                        ABOUT
                      </a>
                    
</li></ul>
          </nav>
          
        </div>
      </div>
    </div>
  </details>
</header-drawer>

</div>


<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@id": "https://www.simplehuman.com#organization",
    "@type": "Organization",
    "name": "Simplehuman","legalName": "Simplehuman LLC","alternateName": "simplehuman","url": "https://www.simplehuman.com","logo": "https://www.simplehuman.com/cdn/shop/files/SIMPLEHUMAN_V3_LOGO_white_S_tweak.png?v=1758072581&width=600","foundingDate": "2000"
,"founder": {
        "@type": "Person",
        "name": "Frank Yang"
,"jobTitle": "Founder \u0026 CEO"
},"address": {
        "@type": "PostalAddress","streetAddress": "19850 Magellan Dr"
,"addressLocality": "Torrance"
,"addressRegion": "CA"
,"postalCode": "90502"
,"addressCountry": "US"
},"contactPoint": {
        "@type": "ContactPoint","telephone": "+1-877-988-7770","contactType": "customer support","email": "customersupport@simplehuman.com"
},"sameAs": ["https://www.facebook.com/simplehuman","https://www.instagram.com/simplehuman","https://x.com/simplehuman","https://pinterest.com/simplehuman","https://www.youtube.com/@simplehuman","https://en.wikipedia.org/wiki/Simplehuman","https://www.wikidata.org/wiki/Q16949793","https://www.crunchbase.com/organization/simplehuman"]}
</script><script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@id": "https://www.simplehuman.com#website",
      "@type": "WebSite",
      "url": "https://www.simplehuman.com",
      "name": "Simplehuman","potentialAction": {
          "@type": "SearchAction",
          "target": "https://www.simplehuman.com/search?q={search_term_string}",
          "query-input": "required name=search_term_string"
        }}
  </script></header>
</sticky-header>




</div>
<!-- END sections: header-group -->

    

    
      <link href="//www.simplehuman.com/cdn/shop/t/488/assets/custom-banner-style.css?v=6702401908765348141769540885" rel="stylesheet" type="text/css" media="all" />

<script>
  window.cookieConsentTranslations = {
    modal: {
      title: "Cookie Preferences",
      intro1_html: "When you visit our website, we store cookies on your browser to collect information. The information collected might relate to you, your preferences or your device, and is mostly used to make the site work as you expect it to and to provide a more personalized web experience. However, you can choose not to allow certain types of cookies, which may impact your experience of the site and the services we are able to offer. Click on the different category headings to find out more and change our default settings according to your preference.",
      intro2_html: "You cannot opt-out of our First Party Strictly Necessary Cookies as they are deployed in order to ensure the proper functioning of our website (such as prompting the cookie banner and remembering your settings, to log into your account, to redirect you when you log out, etc.). For more information about the First and Third Party Cookies used please read our \u003ca href=\"\/pages\/privacy-policy\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration: underline;\"\u003ePrivacy Policy\u003c\/a\u003e to learn more.",
      accept_all: "ACCEPT ALL",
      accept_necessary: "ACCEPT NECESSARY",
      save_selection: "SAVE SELECTION",
      close: "Close modal"
    },
    categories: {
      strictly_necessary: {
        title: "Strictly Necessary Cookies",
        description: "These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms.    You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information."
      },
      analytics: {
        title: "Performance Cookies",
        description: "These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site."
      },
      personalization: {
        title: "Personalization Cookies",
        description: "These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services have been added to the site. By deactivating these cookies, this website\u0026#39;s customised experience may not function properly."
      },
      marketing: {
        title: "Targeting Cookies",
        description: "These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites.  They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising."
      },
      sale_of_data: {
        title: "Sale of Data",
        description: "To opt in to the sale or sharing\/use of your personal information for targeted advertising under applicable state privacy laws in your state, move the toggle to the right."
      }
    }
  };
</script>

<script src="//www.simplehuman.com/cdn/shop/t/488/assets/custom-cookie-consent.min.js?v=118183705499533254491765923915" defer="defer"></script>
<custom-cookie-consent id="cookieBubble">
  <div class="cookie-consent-banner">
    <div class="cookie-consent-content">
      <div class="cookie-consent-text">
        This website uses cookies and other technology for improving site experience and advertising purposes. <a href="/pages/privacy-policy" target="_blank" rel="noopener" style="text-decoration: underline;">Privacy Policy</a>
      </div>

      <div class="cookie-consent-buttons">
        <button
          id="cookieBubbleAcceptAll"
          class="cookie-btn cookie-btn-primary"
        >
          ACCEPT
        </button>

        <button
          id="configureBtn"
          class="cookie-btn cookie-btn-link"
        >
          Manage Preferences
        </button>
      </div>
    </div>
  </div>
</custom-cookie-consent>

    

    <div
      class="HeaderPlaceholder !tw-block tw-absolute tw-bg-black tw-w-full tw-top-0 tw-h-[56px] md:tw-h-[60px]"
    ></div><link href="//www.simplehuman.com/cdn/shop/t/488/assets/refills-header-banner.css?v=5765781579978101721728938902" rel="stylesheet" type="text/css" media="all" />
<main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
      <div id="shopify-section-template--18041213091971__sh_cms_block_builder_jkgnrr" class="shopify-section">
<style data-shopify>.section-template--18041213091971__sh_cms_block_builder_jkgnrr {
    padding: 0px 0px 0px 0px;
    background-color: #000000;
    
    
  }
  @media screen and (min-width: 768px) {
    .section-template--18041213091971__sh_cms_block_builder_jkgnrr {
      padding: 0px 0px 0px 0px;
    }
  }</style><div
  class="color-scheme-1 isolate"
  style="background-color: #000000;"
>
  <div class="section-template--18041213091971__sh_cms_block_builder_jkgnrr tw-m-auto tw-relative">
    
      <style>
    .flex-container-block--AaWJHQVEvTjhHWGtTR__flex_container_qLeHVH {
      display: flex;
      position: relative;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      flex-wrap: nowrap;
      gap: 10px;
      
        opacity: 1;
      
      inset: auto auto auto auto;
      padding: 0px 0px 0px 0px;
      margin: 0px auto 0px auto;
      border-radius: 0px;
      border-width: ;
      background-color: #000000;
      border-color: rgba(0,0,0,0);
      width: auto;
      
      height: 100%;
      max-height: auto;
      
      
    }


  

  

  

    /* Add styles for the container link */
    .flex-container-block--AaWJHQVEvTjhHWGtTR__flex_container_qLeHVH .flex-container-link {
      text-decoration: none;
      color: inherit;
      display: block;
      position: absolute;
      inset: 0;
      z-index: 1;
    }

    @media (max-width: 768px) {
      .flex-container-block--AaWJHQVEvTjhHWGtTR__flex_container_qLeHVH {
        position: relative;
        inset: auto auto auto auto;
        padding: 0px 0px 0px 0px;
        margin: 0px auto 0px auto;
        border-radius: 0px;
        border-width: ;
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
      }
    }
</style>
<script>
  document.addEventListener('DOMContentLoaded', function () {
    const flexContainer = document.querySelector('.flex-container-block--AaWJHQVEvTjhHWGtTR__flex_container_qLeHVH');
    if (flexContainer) {
      if (0 > 0) {
        flexContainer.style.transition = `opacity 0s ease-in-out`;
        setTimeout(() => {
          flexContainer.style.opacity = 1;
        }, 0);
      }
    }
  });
</script>

<div
  class="flex-container-block flex-container-block--AaWJHQVEvTjhHWGtTR__flex_container_qLeHVH"
  
>
  
    <a
      href="/products/90l-step-recycler"
      class="flex-container-link"aria-hidden="true"tabindex="-1"></a>
  
  <style>
  .image-block--AWDhRNWFCZkNkcy84Z__image_jyg3B7 {
    inset: auto auto auto auto;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 0px;
    overflow: hidden;
    
      width: auto;
      height: auto;
    
  }

  .image-block--AWDhRNWFCZkNkcy84Z__image_jyg3B7 img {
    object-fit: contain;
    border-radius: 0px;
    
      width: auto;
      height: auto;
    
  }
  @media (min-width: 769px) and (max-width: 1024px) {
    .image-block--AWDhRNWFCZkNkcy84Z__image_jyg3B7 {
      inset: auto auto auto auto;
      padding-top: 0px;
      padding-bottom: 0px;
      border-radius: 0px;
    
      width: auto;
      height: auto;
    
    }

    .image-block--AWDhRNWFCZkNkcy84Z__image_jyg3B7 img {
      object-fit: contain;
      border-radius: 0px;
      
        width: auto;
        height: auto;
      
    }
  }
  @media (max-width: 768px) {
    .image-block--AWDhRNWFCZkNkcy84Z__image_jyg3B7 {
      inset: auto auto auto auto;
      padding-top: 0px;
      padding-bottom: 0px;
      border-radius: 0px;
      
        width: auto;
        height: auto;
      
    }

    .image-block--AWDhRNWFCZkNkcy84Z__image_jyg3B7 img {
      object-fit: contain;
      border-radius: 0px;
      
        width: auto;
        height: auto;
      
    }
  }
</style>





<div class="image-block image-block--AWDhRNWFCZkNkcy84Z__image_jyg3B7">
  
    <picture>
      
        <source
          media="(max-width: 768px)"
          srcset="//www.simplehuman.com/cdn/shop/files/90L_homepage_m.jpg?v=1772007931&width=1536"
        >
      
      
        <source
          srcset="//www.simplehuman.com/cdn/shop/files/90L_homepage_d.jpg?v=1772007932&width=1536"
          media="(min-width: 769px) and (max-width: 1024px)"
        >
      
      
        <source
          media="(min-width: 1025px)"
          srcset="//www.simplehuman.com/cdn/shop/files/90L_homepage_d.jpg?v=1772007932&width=2880"
        >
      
      <!-- Fallback image for browsers that don't support <picture> -->
      <img
        src="//www.simplehuman.com/cdn/shop/files/90L_homepage_m.jpg?v=1772007931&width=767"
        alt="Simplehuman's 90L Step Recycler in Brushed in a modern kitchen setting with marble and wooden countertops with an outdoor patio with greenery. "
        class=""
      >
    </picture>
  
</div>


<style>
    .flex-container-block--ATXpRNDlrWkxMMWxjd__flex_container_rtjAVj {
      display: flex;
      position: absolute;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      flex-wrap: nowrap;
      gap: 15px;
      
        opacity: 1;
      
      inset: auto auto 10% auto;
      padding: 0px 0px 0px 0px;
      margin: 0px auto 0px auto;
      border-radius: 0px;
      border-width: ;
      background-color: rgba(0,0,0,0);
      border-color: rgba(0,0,0,0);
      ;
      
      
    }


  

  

  

    /* Add styles for the container link */
    .flex-container-block--ATXpRNDlrWkxMMWxjd__flex_container_rtjAVj .flex-container-link {
      text-decoration: none;
      color: inherit;
      display: block;
      position: absolute;
      inset: 0;
      z-index: 1;
    }

    @media (max-width: 768px) {
      .flex-container-block--ATXpRNDlrWkxMMWxjd__flex_container_rtjAVj {
        position: absolute;
        inset: auto auto 15% auto;
        padding: 0px 0px 0px 0px;
        margin: 0px auto 0px auto;
        border-radius: 0px;
        border-width: ;
        ;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 15px;
      }
    }
</style>
<script>
  document.addEventListener('DOMContentLoaded', function () {
    const flexContainer = document.querySelector('.flex-container-block--ATXpRNDlrWkxMMWxjd__flex_container_rtjAVj');
    if (flexContainer) {
      if (0 > 0) {
        flexContainer.style.transition = `opacity 0s ease-in-out`;
        setTimeout(() => {
          flexContainer.style.opacity = 1;
        }, 0);
      }
    }
  });
</script>

<div
  class="flex-container-block flex-container-block--ATXpRNDlrWkxMMWxjd__flex_container_rtjAVj is-desktop-absolute is-mobile-absolute"
  
>
  
  <style>
  .text-block--AVy94cnhGdkR3a3FZZ__text_Lpbxrg {
    
      position: relative;
    
    color: #ffffff;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px auto;
    inset: auto auto auto auto;
    font-family: Dinamic;
    font-size: 35px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: 2px;
    text-decoration: none;
    
      max-width: none;
    
  }
  @media (min-width: 600px) and (max-width: 819px) {
    .text-block--AVy94cnhGdkR3a3FZZ__text_Lpbxrg {
      
      
      font-size: calc(4.2682926829268295vw);
    }
  }
  @media (max-width: 599px) {
    .text-block--AVy94cnhGdkR3a3FZZ__text_Lpbxrg {
      text-align: left;
      padding: 0px 0px 0px 0px;
      margin: 0px auto 0px auto;
      inset: auto auto auto auto;
      font-family: Dinamic;
      font-size: 25px;
      font-weight: 400;
      line-height: 30px;
      letter-spacing: 2px;
      
        max-width: none;
      
    }
  }
  @media (min-width: 768px) {
    .text-block--AVy94cnhGdkR3a3FZZ__text_Lpbxrg {
      
    }
  }
  @media (max-width: 767px) {
    .text-block--AVy94cnhGdkR3a3FZZ__text_Lpbxrg {
      
    }
  }
</style>

<h2
  class="text-block text-block--AVy94cnhGdkR3a3FZZ__text_Lpbxrg"
  
>
  90L STEP RECYCLER
</h2>




<style>
  .cta-button-block--ANnQ2a09IakduNG8rd__cta_HJd3JM {
    
      position: relative;
    
    inset: auto auto auto auto;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px auto;
  }

  .cta-button-block--ANnQ2a09IakduNG8rd__cta_HJd3JM .button,
  .cta-button-block--ANnQ2a09IakduNG8rd__cta_HJd3JM .text-link {
    font-family: Dinamic;
    font-size: 14px;
    letter-spacing: .08em;
    line-height: 1.5;
    font-weight: 400;
    color: #ffffff;
    text-decoration: underline;
    transition: all 0.3s ease;
    --border-offset: none;
    --border-opacity: none;
  }

  .cta-button-block--ANnQ2a09IakduNG8rd__cta_HJd3JM .button {
    text-decoration: none;
    border-radius: 4px;
    min-width: 96px;
    min-height: 38px;
    border-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    padding: 10px 15px 10px 15px;
  }


  .cta-button-block--ANnQ2a09IakduNG8rd__cta_HJd3JM .button {
    background-color: rgba(0,0,0,0);
  }

  .cta-button-block--ANnQ2a09IakduNG8rd__cta_HJd3JM .button:hover {
    color: #ffffff;
    background-color: rgba(0,0,0,0);
  }

  .cta-button-block--ANnQ2a09IakduNG8rd__cta_HJd3JM .text-link:hover {
    opacity: 1;
  }


  @media (min-width: 600px) and (max-width: 819px) {
    .cta-button-block--ANnQ2a09IakduNG8rd__cta_HJd3JM .button,
    .cta-button-block--ANnQ2a09IakduNG8rd__cta_HJd3JM .text-link {
      
      
      font-size: calc(1.7073170731707317vw);
    }
  }
  @media (max-width: 599px) {
    .cta-button-block--ANnQ2a09IakduNG8rd__cta_HJd3JM {
      
        position: relative;
      
      inset: auto auto auto auto;
      text-align: left;
      padding: 0px 0px 0px 0px;
      margin: 0px auto 0px auto;
    }

    .cta-button-block--ANnQ2a09IakduNG8rd__cta_HJd3JM .button,
    .cta-button-block--ANnQ2a09IakduNG8rd__cta_HJd3JM .text-link {
      font-family: Dinamic;
      font-size: 14px;
      letter-spacing: .08em;
      line-height: 1.5;
    }

    .cta-button-block--ANnQ2a09IakduNG8rd__cta_HJd3JM .button {
      padding: 0px 0px 0px 0px;
      min-width: 96px;
      min-height: 36px;
    }
  }
</style>

<div
  class="cta-button-block cta-button-block--ANnQ2a09IakduNG8rd__cta_HJd3JM rich-text__buttons scroll-trigger "
  
>
  
    
      <a
        href="/products/90l-step-recycler"
        class="button button--primary buy-bar-associated "aria-label="Discover our 90L Step Recycler">
        DISCOVER
      </a>
    
  
</div>





</div>



</div>



    
  </div>
</div>




<style> #shopify-section-template--18041213091971__sh_cms_block_builder_jkgnrr .flex-container-block .flex-container-block:nth-child(10) {height: 100%; width: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), transparent);} </style></div><section id="shopify-section-template--18041213091971__sh_product_showcase_XWGBty" class="shopify-section section"><style>
  .section-template--18041213091971__sh_product_showcase_XWGBty {
    padding-top: calc(50px - 5px); 
    padding-bottom: 0px;

    
  }

  .section-template--18041213091971__sh_product_showcase_XWGBty .border-radius-mobile .swiper-slide:not(.single-image-slide),
  .section-template--18041213091971__sh_product_showcase_XWGBty .border-radius-mobile .swiper-slide.single-image-slide img {
    border-radius: 16px;
  }

  .section-template--18041213091971__sh_product_showcase_XWGBty .swiper-slide.single-image-slide:last-child {
    margin-right: 0 !important;
  }

  .section-template--18041213091971__sh_product_showcase_XWGBty .showcase-product-link:before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
  }

  .section-template--18041213091971__sh_product_showcase_XWGBty .parent-swiper,
  .section-template--18041213091971__sh_product_showcase_XWGBty .heading-wrap {
    padding: 0 30px;
  }

  .section-template--18041213091971__sh_product_showcase_XWGBty .showcase-swiper-button {
    cursor: pointer;
    user-select: none;
  }

  .section-template--18041213091971__sh_product_showcase_XWGBty .showcase-swiper-button.swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none;
    display: flex;
  }

  .section-template--18041213091971__sh_product_showcase_XWGBty .showcase-swiper-scrollbar {
    border-radius: 30px;
    touch-action: none;
    background: #EAEAEA;
  }

  .section-template--18041213091971__sh_product_showcase_XWGBty .swiper-horizontal > .showcase-swiper-scrollbar,
  .section-template--18041213091971__sh_product_showcase_XWGBty .showcase-swiper-scrollbar.swiper-scrollbar-horizontal {
    height: 6px;
    width: 100%;
  }

  .section-template--18041213091971__sh_product_showcase_XWGBty .swiper-scrollbar-drag {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
    background: #C4C3C3;
    border-radius: 30px;
    left: 0;
    top: 0;
  }

  .section-template--18041213091971__sh_product_showcase_XWGBty .swiper-scrollbar-lock {
    display: none;
  }

  @media (min-width: 820px) {
    .section-template--18041213091971__sh_product_showcase_XWGBty {
      padding-top: calc(80px - 5px); 
      padding-bottom: 0px;
    }

    .section-template--18041213091971__sh_product_showcase_XWGBty .border-radius-desktop .swiper-slide:not(.single-image-slide),
    .section-template--18041213091971__sh_product_showcase_XWGBty .border-radius-desktop .swiper-slide.single-image-slide img {
      border-radius: 10px;
    }
  }

  @media (min-width: 1200px) {
    .section-template--18041213091971__sh_product_showcase_XWGBty .parent-swiper,
    .section-template--18041213091971__sh_product_showcase_XWGBty .heading-wrap {
      padding: 0 41px;
    }
  }

  .section-template--18041213091971__sh_product_showcase_XWGBty .swiper-pagination-lock {
    display: inline-flex;
  }
</style>

<div class="section-template--18041213091971__sh_product_showcase_XWGBty tw-flex tw-flex-col tw-items-center tw-gap-[22px] min-820:tw-gap-[40px] tw-w-full tw-mx-auto tw-relative">
  
    <div class="heading-wrap tw-flex tw-flex-col tw-justify-center tw-items-center tw-text-black tw-font-Dinamic tw-uppercase tw-text-center min-820:tw-w-[600px] sr-only"><h2 class="tw-text-[30.23px] tw-leading-[normal] tw-tracking-[5.13px] max-819:tw-text-[13px] max-819:tw-tracking-[2.04px]">
          Product Showcase
        </h2></div>
  
  <div class="swiper parent-swiper tw-w-full !tw-pb-[40px] tw-pr-[32px] tw-opacity-0 border-radius-mobile border-radius-desktop">
    <div class="swiper-wrapper">
      <div id="shopify-block-AMGhuNnllTWxwNzBpQ__showcase_single_image_item_gU6x3H" class="shopify-block swiper-slide single-image-slide">

<div class="tw-relative  tw-mt-[5px]">
  
    <a
      class="tw-absolute tw-inset-0 tw-z-10 !tw-block tw-rounded-[10px]"
      href="/products/rechargeable-sensor-pump-9-fl-oz"
      aria-label="Sensor Pump. Touch-Free Handwashing."
    ></a>
  
  <picture>
    <source
      data-srcset="//www.simplehuman.com/cdn/shop/files/lsp.jpg?v=1773476267&width=1311"
      media="(min-width: 820px)"
    >
    <img
      data-src="//www.simplehuman.com/cdn/shop/files/lsp.jpg?v=1773476267&width=1536"
      alt="Simplehuman's Sensor Pump in Brushed in a well-lit bathroom setting with countertop and bath in the background."
      class="lazy tw-w-full tw-h-full tw-object-contain tw-bg-brushed_grey tw-aspect-square"
    >
  </picture>

  
    <h3 class="text-bodycopy-medium tw-pt-[16px]">Sensor Pump</h3>
  
  
    <p class="text-bodycopy tw-text-[16px] tw-leading-[1.2]">Touch-Free Handwashing</p>
  
</div>


</div>
<div id="shopify-block-Ab28xWUNnWjlUUndEe__showcase_single_image_item_xDmqnG" class="shopify-block swiper-slide single-image-slide">

<div class="tw-relative  tw-mt-[5px]">
  
    <a
      class="tw-absolute tw-inset-0 tw-z-10 !tw-block tw-rounded-[10px]"
      href="/products/sensor-mirror-trio-max"
      aria-label="Sensor Mirror Trio Max. See Yourself in the Best Light."
    ></a>
  
  <picture>
    <source
      data-srcset="//www.simplehuman.com/cdn/shop/files/sensor_mirror.jpg?v=1773476267&width=1311"
      media="(min-width: 820px)"
    >
    <img
      data-src="//www.simplehuman.com/cdn/shop/files/sensor_mirror.jpg?v=1773476267&width=1536"
      alt="Simplehuman's Sensor Mirror Trio Max in Matte Black in a bathroom setting with shower and plants in the background."
      class="lazy tw-w-full tw-h-full tw-object-contain tw-bg-brushed_grey tw-aspect-square"
    >
  </picture>

  
    <h3 class="text-bodycopy-medium tw-pt-[16px]">Sensor Mirror Trio Max</h3>
  
  
    <p class="text-bodycopy tw-text-[16px] tw-leading-[1.2]">See Yourself in the Best Light</p>
  
</div>


</div>
<div id="shopify-block-AYVdCWTgwODlLRkthb__showcase_single_image_item_JtaKcY" class="shopify-block swiper-slide single-image-slide">

<div class="tw-relative  tw-mt-[5px]">
  
    <a
      class="tw-absolute tw-inset-0 tw-z-10 !tw-block tw-rounded-[10px]"
      href="/products/58l-sensor-recycler"
      aria-label="Sensor Recycler. Ultimate Sorting Station."
    ></a>
  
  <picture>
    <source
      data-srcset="//www.simplehuman.com/cdn/shop/files/trashcan.jpg?v=1773476268&width=1311"
      media="(min-width: 820px)"
    >
    <img
      data-src="//www.simplehuman.com/cdn/shop/files/trashcan.jpg?v=1773476268&width=1536"
      alt="Simplehuman's 58L Sensor Recycler in Matte Gold in a modern, neutral colored kitchen."
      class="lazy tw-w-full tw-h-full tw-object-contain tw-bg-brushed_grey tw-aspect-square"
    >
  </picture>

  
    <h3 class="text-bodycopy-medium tw-pt-[16px]">Sensor Recycler</h3>
  
  
    <p class="text-bodycopy tw-text-[16px] tw-leading-[1.2]">Ultimate Sorting Station</p>
  
</div>


</div>
<div id="shopify-block-AR1I4SjdJT1FVdFlyV__showcase_single_image_item_iUrDLj" class="shopify-block swiper-slide single-image-slide">

<div class="tw-relative  tw-mt-[5px]">
  
    <a
      class="tw-absolute tw-inset-0 tw-z-10 !tw-block tw-rounded-[10px]"
      href="/products/steel-frame-dishrack-standard"
      aria-label="Steel Frame Dishrack. High-Performance Drainage."
    ></a>
  
  <picture>
    <source
      data-srcset="//www.simplehuman.com/cdn/shop/files/dishrack.jpg?v=1773476267&width=1311"
      media="(min-width: 820px)"
    >
    <img
      data-src="//www.simplehuman.com/cdn/shop/files/dishrack.jpg?v=1773476267&width=1536"
      alt="Simplehuman's Standard Dishrack in Matte Black filled with dishes, bowls with water emptying into the sink."
      class="lazy tw-w-full tw-h-full tw-object-contain tw-bg-brushed_grey tw-aspect-square"
    >
  </picture>

  
    <h3 class="text-bodycopy-medium tw-pt-[16px]">Steel Frame Dishrack</h3>
  
  
    <p class="text-bodycopy tw-text-[16px] tw-leading-[1.2]">High-Performance Drainage</p>
  
</div>


</div>
<div id="shopify-block-Ad3pSVTNoczFpTmZzb__showcase_single_image_item_pmV6rw" class="shopify-block swiper-slide single-image-slide">

<div class="tw-relative  tw-mt-[5px]">
  
    <a
      class="tw-absolute tw-inset-0 tw-z-10 !tw-block tw-rounded-[10px]"
      href="/products/cleanstation"
      aria-label="Cleanstation. Light-Speed Sanitization."
    ></a>
  
  <picture>
    <source
      data-srcset="//www.simplehuman.com/cdn/shop/files/cleanstation.jpg?v=1773476267&width=1311"
      media="(min-width: 820px)"
    >
    <img
      data-src="//www.simplehuman.com/cdn/shop/files/cleanstation.jpg?v=1773476267&width=1536"
      alt="Simplehuman's Cleanstation in a warm-lit kitchen setting with an iPhone going through the device."
      class="lazy tw-w-full tw-h-full tw-object-contain tw-bg-brushed_grey tw-aspect-square"
    >
  </picture>

  
    <h3 class="text-bodycopy-medium tw-pt-[16px]">Cleanstation</h3>
  
  
    <p class="text-bodycopy tw-text-[16px] tw-leading-[1.2]">Light-Speed Sanitization</p>
  
</div>


</div>

    </div>
    <div class="swiper-nav-wrapper tw-flex tw-justify-center tw-items-center tw-gap-[36px] tw-max-w-[400px] tw-mx-auto tw-pt-[40px] min-820:tw-pt-[50px]">
      <div class="template--18041213091971__sh_product_showcase_XWGBty-swiper-scrollbar showcase-swiper-scrollbar" aria-hidden="true" tabindex="-1"></div>
      <div class="swiper-nav tw-flex tw-gap-[16px]">
        <button class="template--18041213091971__sh_product_showcase_XWGBty-swiper-button showcase-swiper-button prev tw-rounded-full">
          


  
    <svg xmlns="http://www.w3.org/2000/svg" width="28" height="29" viewBox="0 0 28 29" fill="none" aria-hidden="true">
      <path d="M14.181 28.2672C21.7928 28.2672 27.9635 22.0965 27.9635 14.4847C27.9635 6.87279 21.7928 0.702148 14.181 0.702148C6.56908 0.702148 0.398438 6.87279 0.398438 14.4847C0.398438 22.0965 6.56908 28.2672 14.181 28.2672Z" fill="#EAEAEA"/>
      <path d="M14.6255 18.0555L11.0469 14.4824" stroke="#8F8F8F" stroke-width="1.63693" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M14.6255 10.9072L11.0469 14.4834" stroke="#8F8F8F" stroke-width="1.63693" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  


        </button>
        <button class="template--18041213091971__sh_product_showcase_XWGBty-swiper-button showcase-swiper-button next tw-rounded-full">
          
  
    <svg xmlns="http://www.w3.org/2000/svg" width="28" height="29" viewBox="0 0 28 29" fill="none" aria-hidden="true">
      <path d="M14.2175 0.702533C6.6056 0.702532 0.434957 6.87318 0.434957 14.4851C0.434956 22.0969 6.6056 28.2676 14.2175 28.2676C21.8294 28.2676 28 22.0969 28 14.4851C28 6.87318 21.8294 0.702533 14.2175 0.702533Z" fill="#EAEAEA"/>
      <path d="M13.7749 10.9137L17.3535 14.4868" stroke="#8F8F8F" stroke-width="1.63693" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M13.7749 18.062L17.3535 14.4858" stroke="#8F8F8F" stroke-width="1.63693" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  




        </button>
      </div>
    </div>
  </div>
</div>

<script>
  document.addEventListener(
    'DOMContentLoaded',
    function () {
      let parentSwiperInstance = null;

      const initParentSwiper = () => {
        if (parentSwiperInstance) parentSwiperInstance.destroy(true, true);

        return new window.Swiper('.section-template--18041213091971__sh_product_showcase_XWGBty .parent-swiper', {
          a11y: {
            slideLabelMessage: null,
          },
          slidesPerView: 1.1,
          spaceBetween: 16,
          navigation: {
            prevEl: '.template--18041213091971__sh_product_showcase_XWGBty-swiper-button.prev',
            nextEl: '.template--18041213091971__sh_product_showcase_XWGBty-swiper-button.next',
          },
          scrollbar: {
            el: '.template--18041213091971__sh_product_showcase_XWGBty-swiper-scrollbar',
          },
          breakpoints: {
            600: {
              slidesPerView: 2.1,
            },
            820: {
              slidesPerView: 3.1,
            },
            1200: {
              slidesPerView: 3.1,
              spaceBetween: 21,
            },
            3000: {
              slidesPerView: 4.1,
              spaceBetween: 21,
            },
          },
          on: {
            afterInit: (swiper) => {
              swiper.el.classList.remove('tw-opacity-0');
              const navWrapper = swiper.el.querySelector('.swiper-nav-wrapper');
              if (swiper.isEnd && swiper.activeIndex === 0) {
                navWrapper.style.display = 'none';
              }
            },
          },
        });
      };

      parentSwiperInstance = initParentSwiper();

      if (Shopify.designMode) {
        document.addEventListener('shopify:section:load', (event) => {
          if (event.detail.sectionId === 'template--18041213091971__sh_product_showcase_XWGBty') {
            parentSwiperInstance = initParentSwiper();
          }
        });

        document.addEventListener('shopify:section:unload', (event) => {
          if (event.detail.sectionId === 'template--18041213091971__sh_product_showcase_XWGBty' && parentSwiperInstance) {
            parentSwiperInstance.destroy(true, true);
            parentSwiperInstance = null;
          }
        });
      }
    },
    { once: true }
  );
</script>


</section><section id="shopify-section-template--18041213091971__cat_hero_video_M634LH" class="shopify-section section">


  
    <link
      rel="preload"
      href="//www.simplehuman.com/cdn/shop/files/SH_Hero_9_poster.png?v=1742254616&width=1200"
      as="image"
      fetchpriority="high"
    >
  
  
    <link
      rel="preload"
      href="//www.simplehuman.com/cdn/shop/files/SH_Hero_9_poster.png?v=1742254616&width=1024"
      as="image"
      fetchpriority="high"
    >
  
  
    <link
      rel="preload"
      href="//www.simplehuman.com/cdn/shop/files/SH_Hero_9_mobile_poster.png?v=1742254616&width=767"
      as="image"
      fetchpriority="high"
    >
  


<style>
  .section-template--18041213091971__cat_hero_video_M634LH .video-no-text {
    
  }

  .section-template--18041213091971__cat_hero_video_M634LH .video-no-text video {
    height: 700px;
  }

  @media screen and (min-width: 768px) {
    .section-template--18041213091971__cat_hero_video_M634LH .video-no-text video {
      height: 660px;
    }
  }

  @media screen and (min-width: 1025px) {
    .section-template--18041213091971__cat_hero_video_M634LH .video-no-text video {
      height: 810px;
    }
  }
</style>



<div class="section-template--18041213091971__cat_hero_video_M634LH">
  <div class="tw-mx-auto video-no-text">
    <video
      class="tw-w-full tw-object-cover lazy"
      autoplay
      loop
      playsinline
      muted
      preload="metadata"
      aria-label="Video showing different Simplehuman products."
    >
      <!-- Source for desktops -->
      
        <source
          data-src="https://cdn.shopify.com/videos/c/o/v/bc61696b74e34316992741ac9eae80f2.mp4"
          media="(min-width: 1025px)"
          type="video/mp4; codecs=hev1"
        >
        <source
          data-src="https://cdn.shopify.com/videos/c/o/v/bc61696b74e34316992741ac9eae80f2.mp4"
          media="(min-width: 1025px)"
          type="video/mp4"
        >
      
      <!-- Source for tablets -->
      
        <source
          data-src="https://cdn.shopify.com/videos/c/o/v/bc61696b74e34316992741ac9eae80f2.mp4"
          media="(min-width: 768px) and (max-width: 1024px)"
          type="video/mp4; codecs=hev1"
        >
        <source
          data-src="https://cdn.shopify.com/videos/c/o/v/bc61696b74e34316992741ac9eae80f2.mp4"
          media="(min-width: 768px) and (max-width: 1024px)"
          type="video/mp4"
        >
      
      <!-- Source for mobile devices -->
      
        <source
          data-src="https://cdn.shopify.com/videos/c/o/v/ddab99f434c64917a2837f861d10fad4.mp4"
          media="(max-width: 767px)"
          type="video/mp4; codecs=hev1"
        >
        <source
          data-src="https://cdn.shopify.com/videos/c/o/v/ddab99f434c64917a2837f861d10fad4.mp4"
          media="(max-width: 767px)"
          type="video/mp4"
        >
      
    </video>
  </div>
</div>


  
    <script>
      function setDynamicPoster() {
        const video = document.querySelector('.section-template--18041213091971__cat_hero_video_M634LH video');

        const posters = {
          
          desktop: '//www.simplehuman.com/cdn/shop/files/SH_Hero_9_poster.png?v=1742254616&width=1200',
          
          
          tablet: '//www.simplehuman.com/cdn/shop/files/SH_Hero_9_poster.png?v=1742254616&width=1024',
          
          
          mobile: '//www.simplehuman.com/cdn/shop/files/SH_Hero_9_mobile_poster.png?v=1742254616&width=767',
          
        };

        if (window.matchMedia('(min-width: 1025px)').matches && posters.desktop) {
          video.setAttribute('poster', posters.desktop);
        } else if (window.matchMedia('(min-width: 768px) and (max-width: 1024px)').matches && posters.tablet) {
          video.setAttribute('poster', posters.tablet);
        } else if (window.matchMedia('(max-width: 767px)').matches && posters.mobile) {
          video.setAttribute('poster', posters.mobile);
        }
      }

      setDynamicPoster();
    </script>
  



</section><div id="shopify-section-template--18041213091971__sh_cms_block_builder_EG46H7" class="shopify-section">
<style data-shopify>.section-template--18041213091971__sh_cms_block_builder_EG46H7 {
    padding: 40px 30px;
    background-color: #2e2c2d;
    
    
      max-width: 1440px;
    
  }
  @media screen and (min-width: 768px) {
    .section-template--18041213091971__sh_cms_block_builder_EG46H7 {
      padding: 60px 40px;
    }
  }</style><div
  class="color-scheme-1 isolate"
  style="background-color: #2e2c2d;"
>
  <div class="section-template--18041213091971__sh_cms_block_builder_EG46H7 tw-m-auto tw-relative">
    
      <style>
  .text-block--AYnkra0haZG5SQkkzc__text_x3dykP {
    
      position: relative;
    
    color: #ffffff;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px auto;
    inset: auto auto auto auto;
    font-family: Dinamic;
    font-size: 21px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 1px;
    text-decoration: none;
    
      max-width: 600px;
    
  }
  @media (min-width: 600px) and (max-width: 819px) {
    .text-block--AYnkra0haZG5SQkkzc__text_x3dykP {
      
      
      font-size: calc(2.5609756097560976vw);
    }
  }
  @media (max-width: 599px) {
    .text-block--AYnkra0haZG5SQkkzc__text_x3dykP {
      text-align: center;
      padding: 0px 0px 0px 0px;
      margin: 0px auto 0px auto;
      inset: auto auto auto auto;
      font-family: Dinamic;
      font-size: 16px;
      font-weight: 300;
      line-height: 25px;
      letter-spacing: 1px;
      
        max-width: none;
      
    }
  }
  @media (min-width: 768px) {
    .text-block--AYnkra0haZG5SQkkzc__text_x3dykP {
      
    }
  }
  @media (max-width: 767px) {
    .text-block--AYnkra0haZG5SQkkzc__text_x3dykP {
      
    }
  }
</style>

<p
  class="text-block text-block--AYnkra0haZG5SQkkzc__text_x3dykP"
  
>
  We design high-performance tools that bring beauty and satisfaction to essential daily tasks.
</p>



    
  </div>
</div>




</div><div id="shopify-section-template--18041213091971__sh_cms_block_builder_Q7VyfR" class="shopify-section">
<style data-shopify>.section-template--18041213091971__sh_cms_block_builder_Q7VyfR {
    padding: 0px 0px 0px 0px;
    background-color: #000000;
    
    
  }
  @media screen and (min-width: 768px) {
    .section-template--18041213091971__sh_cms_block_builder_Q7VyfR {
      padding: 0px 0px 0px 0px;
    }
  }</style><div
  class="color-scheme-1 isolate"
  style="background-color: #000000;"
>
  <div class="section-template--18041213091971__sh_cms_block_builder_Q7VyfR tw-m-auto tw-relative">
    
      <style>
    .flex-container-block--AaGxWWDlRaGRsRzFmL__flex_container_4xbzfG {
      display: flex;
      position: relative;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      flex-wrap: nowrap;
      gap: 10px;
      
        opacity: 1;
      
      inset: auto auto auto auto;
      padding: 0px 0px 0px 0px;
      margin: 0px auto 0px auto;
      border-radius: 0px;
      border-width: ;
      background-color: #000000;
      border-color: rgba(0,0,0,0);
      ;
      
      
    }


  

  

  

    /* Add styles for the container link */
    .flex-container-block--AaGxWWDlRaGRsRzFmL__flex_container_4xbzfG .flex-container-link {
      text-decoration: none;
      color: inherit;
      display: block;
      position: absolute;
      inset: 0;
      z-index: 1;
    }

    @media (max-width: 768px) {
      .flex-container-block--AaGxWWDlRaGRsRzFmL__flex_container_4xbzfG {
        position: relative;
        inset: auto auto auto auto;
        padding: 0px 0px 0px 0px;
        margin: 0px auto 0px auto;
        border-radius: 0px;
        border-width: ;
        ;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
      }
    }
</style>
<script>
  document.addEventListener('DOMContentLoaded', function () {
    const flexContainer = document.querySelector('.flex-container-block--AaGxWWDlRaGRsRzFmL__flex_container_4xbzfG');
    if (flexContainer) {
      if (0 > 0) {
        flexContainer.style.transition = `opacity 0s ease-in-out`;
        setTimeout(() => {
          flexContainer.style.opacity = 1;
        }, 0);
      }
    }
  });
</script>

<div
  class="flex-container-block flex-container-block--AaGxWWDlRaGRsRzFmL__flex_container_4xbzfG"
  
>
  
    <a
      href="/products/bottle-dock"
      class="flex-container-link"aria-hidden="true"tabindex="-1"></a>
  
  
  
    <link
      rel="preload"
      href="//www.simplehuman.com/cdn/shop/files/20250925_bottledock_16x9_6103958b-572f-4b73-b2fc-b95c2641e341.jpg?v=1758923386&width=1200"
      as="image"
      fetchpriority="high"
    >
  
  
    <link
      rel="preload"
      href="//www.simplehuman.com/cdn/shop/files/20250925_bottledock_16x9_6103958b-572f-4b73-b2fc-b95c2641e341.jpg?v=1758923386&width=1024"
      as="image"
      fetchpriority="high"
    >
  
  
    <link
      rel="preload"
      href="//www.simplehuman.com/cdn/shop/files/20250925_bottledock_9x16_7705e144-4822-42da-8cbc-56075a2808d9.jpg?v=1758923386&width=767"
      as="image"
      fetchpriority="high"
    >
  




<div id="video-block-ARldwUUFXeW1pdmxMb__video_DdEFPi"  class="tw-w-full tw-overflow-hidden">
  <div class="tw-mx-auto video-no-text">
    <video
      class="lazy tw-w-full tw-object-cover"
      autoplay
      loop
      playsinline
      muted
      preload="none"
      aria-label="Video of the Simplehuman Bottle Dock"
    >
      <!-- Source for desktops -->
      
        <source
          data-src="https://cdn.shopify.com/videos/c/o/v/6d7ceaca606a4b8ba2063de3d393ce09.mp4"
          media="(min-width: 1025px)"
          type="video/mp4"
        >
      
      <!-- Source for tablets -->
      
        <source
          data-src="https://cdn.shopify.com/videos/c/o/v/6d7ceaca606a4b8ba2063de3d393ce09.mp4"
          media="(min-width: 768px) and (max-width: 1024px)"
          type="video/mp4"
        >
      
      <!-- Source for mobile devices -->
      
        <source
          data-src="https://cdn.shopify.com/videos/c/o/v/fef514eab7e7462da9543525baa92d25.mp4"
          media="(max-width: 767px)"
          type="video/mp4"
        >
      
    </video>
  </div>
</div>

<style>
  #video-block-ARldwUUFXeW1pdmxMb__video_DdEFPi video {
    
  }
  @media (min-width: 769px) and (max-width: 1024px) {
    #video-block-ARldwUUFXeW1pdmxMb__video_DdEFPi video {
      
    }
  }
  @media (min-width: 1025px) {
    #video-block-ARldwUUFXeW1pdmxMb__video_DdEFPi video {
      
    }
  }
  
  #video-block-ARldwUUFXeW1pdmxMb__video_DdEFPi {
    position: relative;
    width: 100%;
    height: calc(100vh - 70px);
    overflow: hidden;
  }
  #video-block-ARldwUUFXeW1pdmxMb__video_DdEFPi .video-no-text {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #video-block-ARldwUUFXeW1pdmxMb__video_DdEFPi video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  
</style>

  <script>
    function setDynamicPoster() {
      const video = document.querySelector('#video-block-ARldwUUFXeW1pdmxMb__video_DdEFPi video');

      const posters = {
        
        desktop: '//www.simplehuman.com/cdn/shop/files/20250925_bottledock_16x9_6103958b-572f-4b73-b2fc-b95c2641e341.jpg?v=1758923386&width=1440',
        
        
        tablet: '//www.simplehuman.com/cdn/shop/files/20250925_bottledock_16x9_6103958b-572f-4b73-b2fc-b95c2641e341.jpg?v=1758923386&width=1024',
        
        
        mobile: '//www.simplehuman.com/cdn/shop/files/20250925_bottledock_9x16_7705e144-4822-42da-8cbc-56075a2808d9.jpg?v=1758923386&width=767',
        
      };

      if (window.matchMedia('(min-width: 1025px)').matches && posters.desktop) {
        video.setAttribute('poster', posters.desktop);
      } else if (window.matchMedia('(min-width: 768px) and (max-width: 1024px)').matches && posters.tablet) {
        video.setAttribute('poster', posters.tablet);
      } else if (window.matchMedia('(max-width: 767px)').matches && posters.mobile) {
        video.setAttribute('poster', posters.mobile);
      }
    }

    setDynamicPoster();
  </script>



<style>
    .flex-container-block--AbE5lRlZqOW9oKzREe__flex_container_VCPL3Q {
      display: flex;
      position: absolute;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      flex-wrap: nowrap;
      gap: 3px;
      
        opacity: 1;
      
      inset: auto auto 10% auto;
      padding: 100px 0px 0px 0px;
      margin: 0px auto 0px auto;
      border-radius: 0px;
      border-width: ;
      background-color: rgba(0,0,0,0);
      border-color: rgba(0,0,0,0);
      ;
      
      
    }


  

  

  

    /* Add styles for the container link */
    .flex-container-block--AbE5lRlZqOW9oKzREe__flex_container_VCPL3Q .flex-container-link {
      text-decoration: none;
      color: inherit;
      display: block;
      position: absolute;
      inset: 0;
      z-index: 1;
    }

    @media (max-width: 768px) {
      .flex-container-block--AbE5lRlZqOW9oKzREe__flex_container_VCPL3Q {
        position: absolute;
        inset: auto auto auto auto;
        padding: 350px 0px 0px 0px;
        margin: 0px auto 0px auto;
        border-radius: 0px;
        border-width: ;
        ;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 15px;
      }
    }
</style>
<script>
  document.addEventListener('DOMContentLoaded', function () {
    const flexContainer = document.querySelector('.flex-container-block--AbE5lRlZqOW9oKzREe__flex_container_VCPL3Q');
    if (flexContainer) {
      if (0 > 0) {
        flexContainer.style.transition = `opacity 0s ease-in-out`;
        setTimeout(() => {
          flexContainer.style.opacity = 1;
        }, 0);
      }
    }
  });
</script>

<div
  class="flex-container-block flex-container-block--AbE5lRlZqOW9oKzREe__flex_container_VCPL3Q is-desktop-absolute is-mobile-absolute"
  
>
  
  <style>
  .text-block--AYmFvdm8xWWFoUHpzN__text_Aq3PEK {
    
      position: relative;
    
    color: #ffffff;
    text-align: left;
    padding: 0px 0px 15px 0px;
    margin: 0px auto 0px auto;
    inset: auto auto auto auto;
    font-family: Dinamic;
    font-size: 45px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: 2px;
    text-decoration: none;
    
      max-width: none;
    
  }
  @media (min-width: 600px) and (max-width: 819px) {
    .text-block--AYmFvdm8xWWFoUHpzN__text_Aq3PEK {
      
      
      font-size: calc(5.48780487804878vw);
    }
  }
  @media (max-width: 599px) {
    .text-block--AYmFvdm8xWWFoUHpzN__text_Aq3PEK {
      text-align: left;
      padding: 0px 0px 0px 0px;
      margin: 0px auto 0px auto;
      inset: auto auto 20% auto;
      font-family: Dinamic;
      font-size: 30px;
      font-weight: 400;
      line-height: 30px;
      letter-spacing: 2px;
      
        max-width: none;
      
    }
  }
  @media (min-width: 768px) {
    .text-block--AYmFvdm8xWWFoUHpzN__text_Aq3PEK {
      
    }
  }
  @media (max-width: 767px) {
    .text-block--AYmFvdm8xWWFoUHpzN__text_Aq3PEK {
      
    }
  }
</style>

<p
  class="text-block text-block--AYmFvdm8xWWFoUHpzN__text_Aq3PEK"
  
>
  BOTTLE DOCK
</p>




<style>
  .cta-button-block--AZjhFdUhzcnJqSUV2d__cta_bXqbdK {
    
      position: relative;
    
    inset: auto auto auto auto;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px auto;
  }

  .cta-button-block--AZjhFdUhzcnJqSUV2d__cta_bXqbdK .button,
  .cta-button-block--AZjhFdUhzcnJqSUV2d__cta_bXqbdK .text-link {
    font-family: Dinamic;
    font-size: 14px;
    letter-spacing: .08em;
    line-height: 1.5;
    font-weight: 400;
    color: #ffffff;
    text-decoration: underline;
    transition: all 0.3s ease;
    --border-offset: none;
    --border-opacity: none;
  }

  .cta-button-block--AZjhFdUhzcnJqSUV2d__cta_bXqbdK .button {
    text-decoration: none;
    border-radius: 4px;
    min-width: 96px;
    min-height: 38px;
    border-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    padding: 10px 15px 10px 15px;
  }


  .cta-button-block--AZjhFdUhzcnJqSUV2d__cta_bXqbdK .button {
    background-color: rgba(0,0,0,0);
  }

  .cta-button-block--AZjhFdUhzcnJqSUV2d__cta_bXqbdK .button:hover {
    color: #ffffff;
    background-color: rgba(0,0,0,0);
  }

  .cta-button-block--AZjhFdUhzcnJqSUV2d__cta_bXqbdK .text-link:hover {
    opacity: 1;
  }


  @media (min-width: 600px) and (max-width: 819px) {
    .cta-button-block--AZjhFdUhzcnJqSUV2d__cta_bXqbdK .button,
    .cta-button-block--AZjhFdUhzcnJqSUV2d__cta_bXqbdK .text-link {
      
      
      font-size: calc(1.7073170731707317vw);
    }
  }
  @media (max-width: 599px) {
    .cta-button-block--AZjhFdUhzcnJqSUV2d__cta_bXqbdK {
      
        position: relative;
      
      inset: auto auto auto auto;
      text-align: left;
      padding: 0px 0px 0px 0px;
      margin: 0px auto 0px auto;
    }

    .cta-button-block--AZjhFdUhzcnJqSUV2d__cta_bXqbdK .button,
    .cta-button-block--AZjhFdUhzcnJqSUV2d__cta_bXqbdK .text-link {
      font-family: Dinamic;
      font-size: 14px;
      letter-spacing: .08em;
      line-height: 1.5;
    }

    .cta-button-block--AZjhFdUhzcnJqSUV2d__cta_bXqbdK .button {
      padding: 0px 0px 0px 0px;
      min-width: 96px;
      min-height: 36px;
    }
  }
</style>

<div
  class="cta-button-block cta-button-block--AZjhFdUhzcnJqSUV2d__cta_bXqbdK rich-text__buttons scroll-trigger "
  
>
  
    
      <a
        href="/products/bottle-dock"
        class="button button--primary buy-bar-associated "aria-label="Discover the Simplehuman Bottle Dock">
        DISCOVER
      </a>
    
  
</div>





</div>



</div>



    
  </div>
</div>




</div><section id="shopify-section-template--18041213091971__cat_highlights_carousel_bEtwz4" class="shopify-section section tw-overflow-hidden"><style data-shopify>.section-template--18041213091971__cat_highlights_carousel_bEtwz4-padding {
    padding-top: 50px;
    padding-bottom: 50px;

    
  }

  .section-template--18041213091971__cat_highlights_carousel_bEtwz4-padding .cat-highlights-carousel-swiper__image {
    height: 300px;
  }

  
  

  

  @media screen and (min-width: 820px) {
    .section-template--18041213091971__cat_highlights_carousel_bEtwz4-padding {
      padding-top: 50px;
      padding-bottom: 76px;
    }
    .section-template--18041213091971__cat_highlights_carousel_bEtwz4-padding .cat-highlights-carousel-swiper__image {
      height: 20.83vw;
    }
    .section-template--18041213091971__cat_highlights_carousel_bEtwz4-padding .swiper-slide {
      max-width: 300px;
    }

    .section-template--18041213091971__cat_highlights_carousel_bEtwz4-padding .swiper-button-prev, .section-template--18041213091971__cat_highlights_carousel_bEtwz4-padding .swiper-button-next {
      top: calc(20.83vw / 2);
    }
  }
  @media screen and (min-width: 1440px) {
    .section-template--18041213091971__cat_highlights_carousel_bEtwz4-padding .cat-highlights-carousel-swiper__image {
      height: 300px;
    }

    .section-template--18041213091971__cat_highlights_carousel_bEtwz4-padding .swiper-button-prev, .section-template--18041213091971__cat_highlights_carousel_bEtwz4-padding .swiper-button-next {
      top: calc(300px / 2);
    }
  }

  @media screen and (min-width: 1025px) {
    .section-template--18041213091971__cat_highlights_carousel_bEtwz4-padding {
      padding-top: 50px;
      padding-bottom: 106px;
    }
  }

  @media screen and (max-width: 667px) {
    .section-template--18041213091971__cat_highlights_carousel_bEtwz4-padding .swiper-container {
      padding-left: 0px;
      padding-right: 0px;
    }
  }

  .section-template--18041213091971__cat_highlights_carousel_bEtwz4-padding .swiper-button {
    opacity: 1;
    box-shadow: 0 8px 16px #0000001f;
  }

  .section-template--18041213091971__cat_highlights_carousel_bEtwz4-padding .swiper-button-disabled {
    opacity: 0 !important;
  }</style><div class="section-template--18041213091971__cat_highlights_carousel_bEtwz4-padding cat-highlights-carousel"><h2 class="tw-text-[30.23px] tw-leading-[normal] tw-tracking-[5.13px] max-819:tw-text-[13px] max-819:tw-tracking-[2.04px] tw-text-black tw-font-Dinamic tw-uppercase tw-text-center min-820:tw-w-[600px] tw-mx-auto tw-mb-[15px]  sr-only">
      Our Latest Collections
    </h2><div class="swiper-container tw-max-w-[420px] min-820:tw-max-w-[1440px] tw-mx-auto  tw-overflow-hidden max-1440:tw-pr-[40px]">
    <div class="cat-highlights-carousel-swiper swiper !tw-overflow-visible tw-transition-all tw-w-full tw-opacity-0">
      <button class="swiper-button swiper-button-next max-819:!tw-hidden">
        
  
    <svg xmlns="http://www.w3.org/2000/svg" width="46" height="45" viewBox="0 0 46 45" fill="none" aria-hidden="true">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M24.4336 29.1779C24.162 29.4948 24.1987 29.9719 24.5156 30.2435C24.8325 30.5152 25.3096 30.4785 25.5813 30.1616L31.6246 23.111C31.7397 22.9784 31.8094 22.8052 31.8094 22.6158C31.8094 22.6031 31.8091 22.5905 31.8084 22.5778C31.7998 22.4033 31.732 22.2445 31.6247 22.1208L25.5813 15.0701C25.3096 14.7532 24.8325 14.7165 24.5156 14.9881C24.1987 15.2598 24.162 15.7369 24.4336 16.0538L29.4104 21.8601H13.9228C13.5054 21.8601 13.167 22.1984 13.167 22.6158C13.167 23.0332 13.5054 23.3716 13.9228 23.3716H29.4104L24.4336 29.1779Z"  fill="#646464" />
    </svg>
  




      </button>
      <button class="swiper-button swiper-button-prev max-819:!tw-hidden ">
        


  
    <svg xmlns="http://www.w3.org/2000/svg" width="46" height="45" viewBox="0 0 46 45" fill="none" aria-hidden="true">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M21.5586 29.1778C21.8302 29.4947 21.7935 29.9718 21.4766 30.2435C21.1597 30.5151 20.6826 30.4784 20.4109 30.1615L14.3676 23.1109C14.2525 22.9783 14.1828 22.8052 14.1828 22.6158C14.1828 22.4264 14.2524 22.2533 14.3675 22.1207L20.4109 15.07C20.6826 14.7531 21.1597 14.7164 21.4766 14.9881C21.7935 15.2597 21.8302 15.7368 21.5586 16.0537L16.5818 21.86H32.0694C32.4868 21.86 32.8252 22.1984 32.8252 22.6158C32.8252 23.0332 32.4868 23.3715 32.0694 23.3715H16.5818L21.5586 29.1778Z"  fill="#646464" />
    </svg>
  


      </button>
      <div
        class="swiper-wrapper  tw-mb-[5px]"
        style="display: flex; justify-content: center;"
      >
        
<div class="swiper-slide "><a
                href="/collections/matte-gold-collection"
                class="cat-highlights-carousel__card-link tw-block tw-no-underline tw-text-inherit"
              ><div class="cat-highlights-carousel-swiper__image tw-relative">
              
                <img
                  src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                  data-src="//www.simplehuman.com/cdn/shop/files/Matte-Gold-Dual-Recycler-1500x1500-3.png?v=1750187756&width=900"
                  alt=""
                  class="lazy tw-absolute tw-w-full tw-h-full tw-object-cover tw-rounded-[14px]"
                  width="900"
                  height="900"
                >
              
            </div>
            <div
              class="cat-highlights-carousel-swiper__info tw-mt-20px md:tw-mt-30px tw-flex tw-flex-col"
              style="align-items: center;"
            >
              
                <h3 class="text-bodycopy-medium tw-text-charcoal !tw-font-DinamicDisplay tw-font-normal tw-text-[19px] tw-mb-15px tw-text-center">
                  Matte Gold Collection
                </h3>
              
              
              
                <div class="cat-highlights-carousel-swiper__btn-wrap tw-flex tw-justify-center tw-items-center tw-gap-20px">
                  <span class="max-819:tw-mx-auto tw-flex tw-max-w-fit tw-text-14px tw-text-black tw-font-Dinamic tw-font-[400] tw-uppercase tw-tracking-[1px] tw-border tw-border-black tw-py-9px tw-px-[28px] tw-rounded-4px tw-leading-[138%] tw-transition-all hover:tw-bg-black hover:tw-text-white tw-cursor-pointer">
                    explore
                  </span>
                  
                </div></a>
</div>
          </div>
        
<div class="swiper-slide "><a
                href="https://www.simplehuman.com/products/45l-hybrid-rectangular-step-can?variant=45721983680643"
                class="cat-highlights-carousel__card-link tw-block tw-no-underline tw-text-inherit"
              ><div class="cat-highlights-carousel-swiper__image tw-relative">
              
                <img
                  src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                  data-src="//www.simplehuman.com/cdn/shop/files/homepage_colored_9aa4ec0b-2301-486b-8fcd-469fec2e0cf8.jpg?v=1759793214&width=900"
                  alt=""
                  class="lazy tw-absolute tw-w-full tw-h-full tw-object-cover tw-rounded-[14px]"
                  width="900"
                  height="900"
                >
              
            </div>
            <div
              class="cat-highlights-carousel-swiper__info tw-mt-20px md:tw-mt-30px tw-flex tw-flex-col"
              style="align-items: center;"
            >
              
                <h3 class="text-bodycopy-medium tw-text-charcoal !tw-font-DinamicDisplay tw-font-normal tw-text-[19px] tw-mb-15px tw-text-center">
                  The Hybrid Can
                </h3>
              
              
              
                <div class="cat-highlights-carousel-swiper__btn-wrap tw-flex tw-justify-center tw-items-center tw-gap-20px">
                  <span class="max-819:tw-mx-auto tw-flex tw-max-w-fit tw-text-14px tw-text-black tw-font-Dinamic tw-font-[400] tw-uppercase tw-tracking-[1px] tw-border tw-border-black tw-py-9px tw-px-[28px] tw-rounded-4px tw-leading-[138%] tw-transition-all hover:tw-bg-black hover:tw-text-white tw-cursor-pointer">
                    explore
                  </span>
                  
                </div></a>
</div>
          </div>
        
<div class="swiper-slide "><a
                href="/collections/simplehuman-lifestyle"
                class="cat-highlights-carousel__card-link tw-block tw-no-underline tw-text-inherit"
              ><div class="cat-highlights-carousel-swiper__image tw-relative">
              
                <img
                  src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                  data-src="//www.simplehuman.com/cdn/shop/files/Pickleball-Web-Explore-Alt-1-1500px.png?v=1739128201&width=900"
                  alt=""
                  class="lazy tw-absolute tw-w-full tw-h-full tw-object-cover tw-rounded-[14px]"
                  width="900"
                  height="900"
                >
              
            </div>
            <div
              class="cat-highlights-carousel-swiper__info tw-mt-20px md:tw-mt-30px tw-flex tw-flex-col"
              style="align-items: center;"
            >
              
                <h3 class="text-bodycopy-medium tw-text-charcoal !tw-font-DinamicDisplay tw-font-normal tw-text-[19px] tw-mb-15px tw-text-center">
                  Simplehuman Lifestyle
                </h3>
              
              
              
                <div class="cat-highlights-carousel-swiper__btn-wrap tw-flex tw-justify-center tw-items-center tw-gap-20px">
                  <span class="max-819:tw-mx-auto tw-flex tw-max-w-fit tw-text-14px tw-text-black tw-font-Dinamic tw-font-[400] tw-uppercase tw-tracking-[1px] tw-border tw-border-black tw-py-9px tw-px-[28px] tw-rounded-4px tw-leading-[138%] tw-transition-all hover:tw-bg-black hover:tw-text-white tw-cursor-pointer">
                    Explore
                  </span>
                  
                </div></a>
</div>
          </div>
        
      </div>
    </div>
  </div>
</div>

<style>
  .section-template--18041213091971__cat_highlights_carousel_bEtwz4-padding .swiper-wrapper .swiper-slide:last-child {
      margin-right: 0 !important;
  }

  .cat-highlights-carousel-swiper__btn-wrap .arrow::after {
    content: "";
    display: block;
    width: 7px;
    height: 17px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDUgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjAwMDAzIDEuMzE1NzhMMy43NjMxOCA0Ljk5OTk5TDEuMDAwMDMgOC42ODQyIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjAuNzA5NzYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    margin-left: 10px;
  }
</style>

<script>
  document.addEventListener('DOMContentLoaded', () => {
  // Function to initialize the Swiper for the specific section only
  function initHighlightsCarousel(sectionId) {
//    console.log(`Initializing carousel for section ${sectionId}`);
    const swiperSelector = `.section-${sectionId}-padding .cat-highlights-carousel-swiper`;
    const thisSwiper = document.querySelector(swiperSelector);

    // If the carousel is not found, return early
    if (!thisSwiper) return;

    // Initialize the Swiper instance only if it hasn't already been initialized
    if (thisSwiper.swiper) return; // Prevent initializing if Swiper is already initialized

    // Function to handle slidesPerView and button visibility logic
    function slidesPerViewHelper() {
      const this_swiper_wrapper = thisSwiper.querySelector('.swiper-wrapper');
      const number_of_slides = this_swiper_wrapper.querySelectorAll('.swiper-slide').length;
      const window_width = window.innerWidth;
      const swiperInstance = thisSwiper.swiper;

      if (!swiperInstance) return;

      // Calculate total width of all slides including gaps
      const slideWidth = 300; // Width of each slide
      const gap = window_width > 820 ? 25 : 25;
      const totalWidth = (slideWidth * number_of_slides) + (gap * (number_of_slides - 1));
      
      // Get container width
      const containerWidth = thisSwiper.offsetWidth;
      
      // Hide navigation if all slides fit
      const prevButton = thisSwiper.querySelector('.swiper-button-prev');
      const nextButton = thisSwiper.querySelector('.swiper-button-next');
      
      if (totalWidth <= containerWidth) {
        prevButton.style.display = 'none';
        nextButton.style.display = 'none';
        // Center the wrapper if all slides fit
        this_swiper_wrapper.style.justifyContent = 'center';
      } else {
        prevButton.style.display = 'flex';
        nextButton.style.display = 'flex';
        // Reset justify content if not all slides fit
        this_swiper_wrapper.style.justifyContent = '';
      }

      // Force update to recalculate slide positions
      swiperInstance.update();
    }

    // Create a new Swiper instance
    new Swiper(swiperSelector, {
      a11y: {
        slideLabelMessage: null,
      },
      slidesPerView: 'auto',
      slidesOffsetAfter: 0,
      spaceBetween: 25,
      roundLengths: true,
      watchSlidesProgress: true,
      watchSlidesVisibility: true,
      slideFullyVisibleClass: 'swiper-slide-fully-visible',
      observer: true,
      observeParents: true,
      resizeObserver: true,
      breakpoints: {
        1: {
          slidesPerView: 1.3,
          slidesOffsetAfter: 25,
          centeredSlides: true,
          loop: false,
          spaceBetween: 25,
        },
        667: {
          slidesPerView: 1.3,
          slidesOffsetAfter: 40,
          centeredSlides: true,
          loop: false,
          spaceBetween: 25,
        },
        820: {
          slidesPerView: 'auto',
          slidesPerGroup: 2,
          slidesOffsetAfter: 40,
          centeredSlides: false,
          loop: false,
          spaceBetween: 25,
        },
        1024: {
          slidesPerView: 'auto',
          slidesPerGroup: 2,
          slidesOffsetAfter: 40,
          centeredSlides: false,
          loop: false,
          spaceBetween: 25,
        },
      },
      navigation: {
        nextEl: `.section-${sectionId}-padding .swiper-button-next`,
        prevEl: `.section-${sectionId}-padding .swiper-button-prev`,
      },
      on: {
        init: function () {
          thisSwiper.classList.remove('tw-opacity-0');
          this.update(); // Force update on init
          setTimeout(() => {
            slidesPerViewHelper(); // Adjust on init after a brief delay
          }, 100);
        },
        resize: function () {
          this.update(); // Force update on resize
          setTimeout(() => {
            slidesPerViewHelper(); // Recheck on resize after a brief delay
          }, 100);
        },
        observerUpdate: function() {
          this.update(); // Force update when changes are observed
          setTimeout(() => {
            slidesPerViewHelper(); // Recheck when changes are observed
          }, 100);
        }
      },
    });
  }

  // Get the current section ID dynamically (you can set it based on context)
  const currentSectionId = 'template--18041213091971__cat_highlights_carousel_bEtwz4'; // Get section ID dynamically

  // Initialize only this specific carousel
  initHighlightsCarousel(currentSectionId);

  // Handle dynamic section loads and unloads in Shopify design mode
  if (Shopify.designMode) {
    document.addEventListener('shopify:section:load', (event) => {
      const sectionId = event.detail.sectionId;
      const swiperSelector = `.section-${sectionId}-padding .cat-highlights-carousel-swiper`;

      // Initialize swiper if the selector matches
      if (document.querySelector(swiperSelector)) {
        initHighlightsCarousel(sectionId);
      }
    });

    // Destroy swiper instances when sections are unloaded
    document.addEventListener('shopify:section:unload', (event) => {
      const sectionId = event.detail.sectionId;
      const swiperSelector = `.section-${sectionId}-padding .cat-highlights-carousel-swiper`;

      const swiper = document.querySelector(swiperSelector);
      if (swiper) {
        const swiperInstance = swiper.swiper;
        if (swiperInstance) {
          swiperInstance.destroy(true, true);
        }
      }
    });
  }
});
</script>


</section><section id="shopify-section-template--18041213091971__benefits_list_rHAMr8" class="shopify-section section tw-overflow-hidden"><style data-shopify>.section-template--18041213091971__benefits_list_rHAMr8 {
    background: #f1f1f2;
    padding-top: 60px;
    padding-bottom: 60px;
    
  }

  @media screen and (min-width: 768px) {
    .section-template--18041213091971__benefits_list_rHAMr8 .benefits-list__wrap {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  }

  @media screen and (min-width: 1025px) {
    .section-template--18041213091971__benefits_list_rHAMr8 .benefits-list__wrap {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  }</style><div class="section-template--18041213091971__benefits_list_rHAMr8 benefits-list tw-mx-auto"><h2 class="tw-text-[30.23px] tw-leading-[normal] tw-tracking-[5.13px] max-819:tw-text-[13px] max-819:tw-tracking-[2.04px] tw-text-black tw-font-Dinamic tw-uppercase tw-text-center min-820:tw-w-[600px] tw-mx-auto tw-mb-[15px]  sr-only">
      Why Buy From Simplehuman?
    </h2><div class="benefits-list__wrap tw-mx-auto">
    <ul class="tw-list-none tw-max-w-[1220px] tw-mx-auto tw-px-25px tw-flex tw-justify-evenly tw-justify-items-center tw-gap-x-20px tw-gap-y-40px max-sm:tw-flex max-sm:tw-flex-col max-sm:tw-items-center">
      
        <li class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-max-w-210px">
          
            <a
              href="https://www.simplehuman.com/collections/exclusives"
              class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-max-w-210px tw-rounded-[10px]"
            >
          
          <div class="">
            
              <img src="//www.simplehuman.com/cdn/shop/files/exclusives.png?v=1732240978&amp;width=58" alt="Icon of Star Shooting with lines under" loading="lazy" class="tw-w-[44px] md:tw-w-[58px]">
            
          </div>
          
            <h4 class="text-bodycopy tw-break-normal tw-uppercase tw-text-center tw-text-[14px] tw-font-[400] tw-mt-15px">
              SH Exclusives
            </h4>
          
          
          
            </a>
          
        </li>
      
        <li class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-max-w-210px">
          
            <a
              href="https://www.simplehuman.com/pages/returns"
              class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-max-w-210px tw-rounded-[10px]"
            >
          
          <div class="">
            
              <img src="//www.simplehuman.com/cdn/shop/files/returns.png?v=1732240978&amp;width=58" alt="Icon of Box with return " loading="lazy" class="tw-w-[44px] md:tw-w-[58px]">
            
          </div>
          
            <h4 class="text-bodycopy tw-break-normal tw-uppercase tw-text-center tw-text-[14px] tw-font-[400] tw-mt-15px">
              30-day returns
            </h4>
          
          
          
            </a>
          
        </li>
      
        <li class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-max-w-210px">
          
            <a
              href="https://www.simplehuman.com/pages/warranty"
              class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-max-w-210px tw-rounded-[10px]"
            >
          
          <div class="">
            
              <img src="//www.simplehuman.com/cdn/shop/files/warranty.png?v=1732240978&amp;width=58" alt="Icon of shield with a check mark inside" loading="lazy" class="tw-w-[44px] md:tw-w-[58px]">
            
          </div>
          
            <h4 class="text-bodycopy tw-break-normal tw-uppercase tw-text-center tw-text-[14px] tw-font-[400] tw-mt-15px">
              warranty
            </h4>
          
          
          
            </a>
          
        </li>
      
        <li class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-max-w-210px">
          
            <a
              href="https://www.simplehuman.com/pages/customer-service"
              class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-max-w-210px tw-rounded-[10px]"
            >
          
          <div class="">
            
              <img src="//www.simplehuman.com/cdn/shop/files/service.png?v=1732240978&amp;width=58" alt="Icon of a bell" loading="lazy" class="tw-w-[44px] md:tw-w-[58px]">
            
          </div>
          
            <h4 class="text-bodycopy tw-break-normal tw-uppercase tw-text-center tw-text-[14px] tw-font-[400] tw-mt-15px">
              customer service
            </h4>
          
          
          
            </a>
          
        </li>
      
    </ul>
  </div>
</div>


</section>
    </main>

    <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--18041211748483__footer" class="shopify-section shopify-section-group-footer-group">
<link href="//www.simplehuman.com/cdn/shop/t/488/assets/section-footer.css?v=62539576165980876681769540894" rel="stylesheet" type="text/css" media="all" />
<link href="//www.simplehuman.com/cdn/shop/t/488/assets/component-newsletter.css?v=36058081632544582181769540883" rel="stylesheet" type="text/css" media="all" />
<link href="//www.simplehuman.com/cdn/shop/t/488/assets/component-list-menu.css?v=151968516119678728991728938902" rel="stylesheet" type="text/css" media="all" />
<link href="//www.simplehuman.com/cdn/shop/t/488/assets/component-list-payment.css?v=69253961410771838501728938904" rel="stylesheet" type="text/css" media="all" />
<link href="//www.simplehuman.com/cdn/shop/t/488/assets/component-list-social.css?v=78040741487911037671728938904" rel="stylesheet" type="text/css" media="all" />
<script src="//www.simplehuman.com/cdn/shop/t/488/assets/newsletter-signup-footer.min.js?v=150870363642357005491770161316" defer="defer"></script><style data-shopify>.footer {
    margin-top: 36px;
  }

  .section-sections--18041211748483__footer-padding {
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .section-sections--18041211748483__footer-padding .container_footer_top,
  .section-sections--18041211748483__footer-padding .container_footer_bottom {
    
      max-width: 1600px;
      margin-left: auto;
      margin-right: auto;
    
  }

  @media screen and (min-width: 750px) {
    .footer {
      margin-top: 48px;
    }

    .section-sections--18041211748483__footer-padding {
      padding-top: 36px;
      padding-bottom: 36px;
    }
  }</style><footer
  class="footer color-scheme-ab347452-6369-4c07-ad1a-016ff4cbc80e gradient section-sections--18041211748483__footer-padding tw-flex tw-flex-col tw-gap-[2em] !tw-pb-[150px] max-1199:!tw-pb-[40px] !tw-mt-0"
  aria-labelledby="footer-header-title"
>
  <h2 class="sr-only" id="footer-header-title">
    Simplehuman footer
  </h2><div class="!tw-hidden footer__content-top page-width"><div
            class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet grid--4-col-desktop scroll-trigger animate--slide-in"
            
              data-cascade
            
          ><div
                class="footer-block grid__item footer-block--menu scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 1;"
                
              ></div><div
                class="footer-block grid__item footer-block--menu scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 2;"
                
              ></div><div
                class="footer-block grid__item scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 3;"
                
              >
</div><div
                class="footer-block grid__item scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 4;"
                
              >
</div><div
                class="footer-block grid__item scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 5;"
                
              >
</div><div
                class="footer-block grid__item scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 6;"
                
              >
</div><div
                class="footer-block grid__item scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 7;"
                
              >
</div><div
                class="footer-block grid__item scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 8;"
                
              >
</div><div
                class="footer-block grid__item scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 9;"
                
              >
</div><div
                class="footer-block grid__item scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 10;"
                
              >
</div><div
                class="footer-block grid__item scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 11;"
                
              >
</div><div
                class="footer-block grid__item scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 12;"
                
              >
</div><div
                class="footer-block grid__item scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 13;"
                
              >
</div><div
                class="footer-block grid__item scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 14;"
                
              >
</div><div
                class="footer-block grid__item scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 15;"
                
              >
</div><div
                class="footer-block grid__item scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 16;"
                
              >
</div></div><div
          class="footer-block--newsletter scroll-trigger animate--slide-in"
          
            data-cascade
          
        >

<ul class="list-unstyled list-social footer__list-social" role="list"><li class="list-social__item">
      <a
        href="https://www.facebook.com/simplehuman"
        class="link list-social__link"
        target="_blank"
        rel="noopener noreferrer"
      >
        <span class="svg-wrapper"><svg class="icon icon-facebook" viewBox="0 0 20 20"><path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2s-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951"/></svg>
</span>
        <span class="visually-hidden">Facebook</span>
      </a>
    </li><li class="list-social__item">
      <a
        href="https://www.instagram.com/simplehuman"
        class="link list-social__link"
        target="_blank"
        rel="noopener noreferrer"
      >
        <span class="svg-wrapper"><svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg>
</span>
        <span class="visually-hidden">Instagram</span>
      </a>
    </li><li class="list-social__item">
      <a
        href="https://www.youtube.com/@simplehuman"
        class="link list-social__link"
        target="_blank"
        rel="noopener noreferrer"
      >
        <span class="svg-wrapper"><svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"/></svg>
</span>
        <span class="visually-hidden">YouTube</span>
      </a>
    </li><li class="list-social__item">
      <a
        href="https://x.com/simplehuman"
        class="link list-social__link"
        target="_blank"
        rel="noopener noreferrer"
      >
        <span class="svg-wrapper"><svg class="icon icon-twitter" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M7.273 2.8 10.8 7.822 15.218 2.8h1.768l-5.4 6.139 5.799 8.254h-4.658l-3.73-5.31-4.671 5.31H2.558l5.654-6.427L2.615 2.8zm6.242 13.125L5.07 4.109h1.405l8.446 11.816z" clip-rule="evenodd"/></svg>
</span>
        <span class="visually-hidden">X (Twitter)</span>
      </a>
    </li><li class="list-social__item">
      <a
        href="https://pinterest.com/simplehuman"
        class="link list-social__link"
        target="_blank"
        rel="noopener noreferrer"
      >
        <span class="svg-wrapper"><svg class="icon icon-pinterest" viewBox="0 0 20 20"><path fill="currentColor" d="M10 2.01a8.1 8.1 0 0 1 5.666 2.353 8.09 8.09 0 0 1 1.277 9.68A7.95 7.95 0 0 1 10 18.04a8.2 8.2 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297q1.254 0 2.248-.72a4.7 4.7 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.06 5.06 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.02 5.02 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.26 2.26 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228a6.8 6.8 0 0 1-.317 2.122 3.8 3.8 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085q.22-.77.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.07 8.07 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.72 7.72 0 0 1 10 2.001z"/></svg>
</span>
        <span class="visually-hidden">Pinterest</span>
      </a>
    </li></ul>
</div>
      </div><div class="container_footer_top tw-flex tw-flex-col min-1199:tw-flex-row tws-gap-[2rem] tw-justify-between tw-w-full">
    <div
      class="container_brand_information tw-flex tw-flex-col tw-grow tw-basis-0 tw-gap-[2rem] tw-max-w-[510px] max-1199:tw-max-w-none"
    >
      <div
        class="container_newsletter Footer__section Footer__newsletter Newsletter tw-text-white"
      ><div class="Newsletter__heading-wrapper">
    <h3 class="Newsletter__heading tw-text-white">Become a Simplehuman</h3>
    <p class="Newsletter__subheading">　</p>
  </div><p class="Newsletter__description">
    Receive 10% off your order. 
  </p><newsletter-signup-footer>
  <form
    id="newsletter-sign-up-form"
    class="Newsletter__form secure max-819:tw-flex-wrap tw-mb-[20px]"
    action="#"
    data-newsletter-sign-up-form
  >
    <label id="newsletter_email_label" class="visually-hidden" for="footerEmail">
      Email Address
    </label>
    <label id="newsletter_phone_label" class="visually-hidden" for="footerPhone">
      mobile number
    </label>
    <input id="country" name="country" type="hidden" value="US"><input id="region" name="region" type="hidden" value="us">
    <input type="hidden" name="pageName" value="newsletter-signup-sms">
    <input type="hidden" name="subject" value="newsletter-signup-sms">
    <input type="hidden" name="creation_source" value="footer_s10">
    <input type="hidden" id="footer_timezone" name="timezone" value="">
    <input
      type="email"
      id="footerEmail"
      name="email"
      class="Newsletter__input-group tw-text-16px tw-basis-[42%]"
      placeholder="Email Address"
      data-newsletter-sign-up-input
      required=""
    >
    <input
      type="tel"
      id="footerPhone"
      class="newsletter__input Newsletter__input-group tw-text-16px tw-basis-[42%] js-format-phone-number"
      pattern="^(1\s?)?\(?([2-9][0-8][0-9])\)?[\-.● ]?([2-9][0-9]{2})[\-.● ]?([0-9]{4})"
      minlength="10"
      data-sms-input=""
      data-newsletter-sign-up-input=""
      placeholder="Mobile Number"
      name="phone"
      required=""
    >
    <button
      type="submit"
      id="data-newsletter-sign-up-button"
      class="btn Button Button--on-image tw-min-w-fit"
      data-newsletter-sign-up-button
      disabled
    >
      submit
    </button>
    <div id="error_phone" class="validation-advice" style="display: none;">
      Invalid phone number.
    </div>
  </form>
  <div class="newsletter__disclaimer tw-text-[11px]">
    You agree to receive recurring automated promotional messages (e.g. cart reminders) from simplehuman. Reply STOP to cancel. Msg freq varies. Msg&data rates may apply. View <a href="/pages/sms-terms-and-conditions" target="_blank" class="Text-Color--dark-grey" style="font-size: 12px;"><u>Terms</u></a> & <a href="/pages/sms-privacy-policy" target="_blank" class="Text-Color--dark-grey" style="font-size: 12px;"><u>Privacy</u></a>.
  </div>
</newsletter-signup-footer>

</div>
      <div class="Footer__country-selector CountrySelector tw-flex tw-flex-row tw-gap-[10px]">
        <img
          src="//cdn.shopify.com/s/files/1/0124/4286/1632/files/globe-icon_de9c6f17-ccb3-4f9f-9166-8882c9abea71_small.png?v=1617054516"
          alt="Open Country Selector"
          height="16"
          width="23"
          loading="lazy"
          class="tw-scale-75"
        >
        <span class="CountrySelector__label tw-text-white tw-text-[14px]">Country:</span>
        <a
          class="CountrySelector__trigger tw-flex tw-gap-[5px] tw-text-white tw-text-[14px] tw-underline"
          role="button"
          data-open-modal="#CountrySelectorModal"
          tabindex="0"
          aria-haspopup="dialog"
          aria-label="Open country selector modal. The current selection is United States"
        >United States</a>
      </div>

      


<ul class="list-unstyled list-social footer__list-social" role="list"><li class="list-social__item">
      <a
        href="https://www.facebook.com/simplehuman"
        class="link list-social__link"
        target="_blank"
        rel="noopener noreferrer"
      >
        <span class="svg-wrapper"><svg class="icon icon-facebook" viewBox="0 0 20 20"><path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2s-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951"/></svg>
</span>
        <span class="visually-hidden">Facebook</span>
      </a>
    </li><li class="list-social__item">
      <a
        href="https://www.instagram.com/simplehuman"
        class="link list-social__link"
        target="_blank"
        rel="noopener noreferrer"
      >
        <span class="svg-wrapper"><svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg>
</span>
        <span class="visually-hidden">Instagram</span>
      </a>
    </li><li class="list-social__item">
      <a
        href="https://www.youtube.com/@simplehuman"
        class="link list-social__link"
        target="_blank"
        rel="noopener noreferrer"
      >
        <span class="svg-wrapper"><svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"/></svg>
</span>
        <span class="visually-hidden">YouTube</span>
      </a>
    </li><li class="list-social__item">
      <a
        href="https://x.com/simplehuman"
        class="link list-social__link"
        target="_blank"
        rel="noopener noreferrer"
      >
        <span class="svg-wrapper"><svg class="icon icon-twitter" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M7.273 2.8 10.8 7.822 15.218 2.8h1.768l-5.4 6.139 5.799 8.254h-4.658l-3.73-5.31-4.671 5.31H2.558l5.654-6.427L2.615 2.8zm6.242 13.125L5.07 4.109h1.405l8.446 11.816z" clip-rule="evenodd"/></svg>
</span>
        <span class="visually-hidden">X (Twitter)</span>
      </a>
    </li><li class="list-social__item">
      <a
        href="https://pinterest.com/simplehuman"
        class="link list-social__link"
        target="_blank"
        rel="noopener noreferrer"
      >
        <span class="svg-wrapper"><svg class="icon icon-pinterest" viewBox="0 0 20 20"><path fill="currentColor" d="M10 2.01a8.1 8.1 0 0 1 5.666 2.353 8.09 8.09 0 0 1 1.277 9.68A7.95 7.95 0 0 1 10 18.04a8.2 8.2 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297q1.254 0 2.248-.72a4.7 4.7 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.06 5.06 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.02 5.02 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.26 2.26 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228a6.8 6.8 0 0 1-.317 2.122 3.8 3.8 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085q.22-.77.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.07 8.07 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.72 7.72 0 0 1 10 2.001z"/></svg>
</span>
        <span class="visually-hidden">Pinterest</span>
      </a>
    </li></ul>


      <modal-window
        class="modal country_selector_modal"
        role="dialog"
        aria-modal="true"
        id="CountrySelectorModal"
        aria-label="Country selector modal"
      >
        <div class="modal-content">
          <div class="modal-header">
            <button
              type="button"
              class="close svg-wrapper tw-rounded-full"
              aria-label="Close"
            ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" style="z-index: 10;" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</button>
          </div>
          <div class="modal-body">
            <h2
              class="Modal__heading tw-text-center tw-my-[20px] tw-text-[24px] tw-text-black"
              role="heading"
              aria-level="2"
            >select your country</h2>
            <div class="CountrySelector__options">
              <div class="country_container tw-flex tw-flex-col tw-items-start tw-gap-[10px] min-820:tw-grid min-820:tw-gap-[5px] min-820:tw-grid-cols-3">
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country CountrySelector__country--active tw-order-first  tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag_us_small.gif?v=1613178814"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">united states</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.ca">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__ca_small.gif?v=1613178813"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">canada</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.ca/fr">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__ca-fr_small.gif?v=1613178813"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">canada - french</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.fr">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__fr_small.gif?v=1613178814"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">france</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.de/">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__de_small.gif?v=1613178813"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">germany</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.ie/">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__ie_small.gif?v=1613178814"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">ireland</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.it/">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__it_small.gif?v=1613178814"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">italy</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.co.jp/">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__jp_small.gif?v=1613178814"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">japan</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.nl/">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__nl_small.gif?v=1613178814"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">netherlands</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.com.sg/">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__sg_small.gif?v=1613178814"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">singapore</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.es/">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__es_small.gif?v=1613178813"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">spain</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.co.uk/">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__uk_small.gif?v=1613178814"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">united kingdom</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.com.au">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag_au_small.gif?v=1613221114"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">australia</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.in/">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__in_small_6fa52c3d-fe9c-4a39-8855-48847c211f0a_small.gif?v=1718136437"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">india</span>
                    </a>
                    </div>
            </div>
          </div>
          <div class="modal-footer"></div>
        </div>
      </modal-window>
      <div
        class="tw-hidden Modal Modal--country-selector "
        role="dialog"
        aria-modal="true"
        aria-hidden="true"
        data-prevent-tab
        data-modal
      >
        <div class="Modal__close Modal__close--outside" role="button" tabindex="0" data-close-modal><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" style="z-index: 10;" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</div>
        <div class="Modal__overlay" data-modal-overlay data-close-modal></div>
        <div class="Modal__content" data-modal-content role="document">
          <div class="Modal__close Modal__close--inside" role="button" tabindex="0" data-close-modal><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" style="z-index: 10;" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</div>
          <h2 class="Modal__heading" role="heading" aria-level="2">select your country</h2>
          <div class="CountrySelector__options">
            <div class="country_container tw-flex tw-flex-col tw-items-start tw-gap-[10px] min-820:tw-grid min-820:tw-gap-[5px] min-820:tw-grid-cols-3">
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country CountrySelector__country--active tw-order-first  tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag_us_small.gif?v=1613178814"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">united states</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.ca">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__ca_small.gif?v=1613178813"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">canada</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.ca/fr">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__ca-fr_small.gif?v=1613178813"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">canada - french</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.fr">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__fr_small.gif?v=1613178814"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">france</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.de/">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__de_small.gif?v=1613178813"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">germany</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.ie/">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__ie_small.gif?v=1613178814"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">ireland</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.it/">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__it_small.gif?v=1613178814"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">italy</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.co.jp/">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__jp_small.gif?v=1613178814"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">japan</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.nl/">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__nl_small.gif?v=1613178814"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">netherlands</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.com.sg/">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__sg_small.gif?v=1613178814"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">singapore</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.es/">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__es_small.gif?v=1613178813"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">spain</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.co.uk/">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__uk_small.gif?v=1613178814"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">united kingdom</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.com.au">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag_au_small.gif?v=1613221114"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">australia</span>
                    </a>
                    
                      <a
                      data-country-selector-trigger
                      class="CountrySelector__country   tw-flex tw-flex-row tw-gap-[20px] tw-items-center tw-text-black min-820:!tw-w-full min-820:tw-gap-[5px]"
                      href="https://www.simplehuman.in/">
                      <img
                        class="CountrySelector__flag tw-scale-75 lazy"
                        data-src="//www.simplehuman.com/cdn/shop/files/flag__in_small_6fa52c3d-fe9c-4a39-8855-48847c211f0a_small.gif?v=1718136437"
                        alt="" />
                      <span class="CountrySelector__name tw-leading-standard tw-capitalize">india</span>
                    </a>
                    </div>
          </div>
        </div>
      </div>
    </div>
    <div class="menu_container tw-flex flex-row tw-grow tw-basis-0 tw-max-w-[480px] tw-text-left max-1199:tw-text-left max-1199:tw-mt-[20px] max-1199:tw-max-w-none tw-mt-[7px]">
                      <nav class="container_menu_item tw-grow tw-basis-0" aria-labelledby="footer-menu-title-footer-0"><h3 class="tw-text-[#AFAFAF] footer-block__heading inline-richtext tw-uppercase tw-text-[11px] !tw-font-Dinamic" id="footer-menu-title-footer-0">support</h3><ul class="footer-block__details-content list-unstyled max-1199:tw-leading-[1.6] max-750:tw-leading-[2] tw-flex tw-flex-col tw-gap-[3px]"><li class="tw-p-0">
                            <a
                              href="/account"
                              class="!tw-p-0 !tw-leading-standard link link--text list-menu__item list-menu__item--link !tw-text-[12px] max-750:!tw-inline-block"
                            >
                              My Account
                            </a>
                          </li><li class="tw-p-0">
                            <a
                              href="/pages/order-status"
                              class="!tw-p-0 !tw-leading-standard link link--text list-menu__item list-menu__item--link !tw-text-[12px] max-750:!tw-inline-block"
                            >
                              Order Status
                            </a>
                          </li><li class="tw-p-0">
                            <a
                              href="/pages/returns"
                              class="!tw-p-0 !tw-leading-standard link link--text list-menu__item list-menu__item--link !tw-text-[12px] max-750:!tw-inline-block"
                            >
                              Returns
                            </a>
                          </li><li class="tw-p-0">
                            <a
                              href="/pages/product-support"
                              class="!tw-p-0 !tw-leading-standard link link--text list-menu__item list-menu__item--link !tw-text-[12px] max-750:!tw-inline-block"
                            >
                              Product Support
                            </a>
                          </li><li class="tw-p-0">
                            <a
                              href="https://www.simplehuman.com/pages/register-product"
                              class="!tw-p-0 !tw-leading-standard link link--text list-menu__item list-menu__item--link !tw-text-[12px] max-750:!tw-inline-block"
                            >
                              Register Product
                            </a>
                          </li><li class="tw-p-0">
                            <a
                              href="/pages/warranty"
                              class="!tw-p-0 !tw-leading-standard link link--text list-menu__item list-menu__item--link !tw-text-[12px] max-750:!tw-inline-block"
                            >
                              Simple Warranty
                            </a>
                          </li><li class="tw-p-0">
                            <a
                              href="https://www.simplehuman.com/pages/customer-service"
                              class="!tw-p-0 !tw-leading-standard link link--text list-menu__item list-menu__item--link !tw-text-[12px] max-750:!tw-inline-block"
                            >
                              Contact Us
                            </a>
                          </li><li class="tw-p-0">
                            <a
                              href="/pages/simplehuman-heroes"
                              class="!tw-p-0 !tw-leading-standard link link--text list-menu__item list-menu__item--link !tw-text-[12px] max-750:!tw-inline-block"
                            >
                              Simplehuman Heroes
                            </a>
                          </li></ul>
                      </nav>
                      
                      <nav class="container_menu_item tw-grow tw-basis-0" aria-labelledby="footer-menu-title-footer-1"><h3 class="tw-text-[#AFAFAF] footer-block__heading inline-richtext tw-uppercase tw-text-[11px] !tw-font-Dinamic" id="footer-menu-title-footer-1">company</h3><ul class="footer-block__details-content list-unstyled max-1199:tw-leading-[1.6] max-750:tw-leading-[2] tw-flex tw-flex-col tw-gap-[3px]"><li class="tw-p-0">
                            <a
                              href="/pages/inside-simplehuman"
                              class="!tw-p-0 !tw-leading-standard link link--text list-menu__item list-menu__item--link !tw-text-[12px] max-750:!tw-inline-block"
                            >
                              About Us
                            </a>
                          </li><li class="tw-p-0">
                            <a
                              href="/pages/nyc-store"
                              class="!tw-p-0 !tw-leading-standard link link--text list-menu__item list-menu__item--link !tw-text-[12px] max-750:!tw-inline-block"
                            >
                              NYC Store
                            </a>
                          </li><li class="tw-p-0">
                            <a
                              href="/pages/business-overview"
                              class="!tw-p-0 !tw-leading-standard link link--text list-menu__item list-menu__item--link !tw-text-[12px] max-750:!tw-inline-block"
                            >
                              For Business
                            </a>
                          </li><li class="tw-p-0">
                            <a
                              href="/pages/careers"
                              class="!tw-p-0 !tw-leading-standard link link--text list-menu__item list-menu__item--link !tw-text-[12px] max-750:!tw-inline-block"
                            >
                              Careers
                            </a>
                          </li><li class="tw-p-0">
                            <a
                              href="/products/simplehuman-gift-card"
                              class="!tw-p-0 !tw-leading-standard link link--text list-menu__item list-menu__item--link !tw-text-[12px] max-750:!tw-inline-block"
                            >
                              Gift Cards
                            </a>
                          </li><li class="tw-p-0">
                            <a
                              href="/collections/simplehuman-lifestyle"
                              class="!tw-p-0 !tw-leading-standard link link--text list-menu__item list-menu__item--link !tw-text-[12px] max-750:!tw-inline-block"
                            >
                              Merchandise
                            </a>
                          </li></ul>
                      </nav>
                      </div>
  </div>
  <div class="container_footer_bottom tw-w-full">
    <div class="container_copyright">
      <p class="Footer__section Footer__copyright">
        &copy; 2026, Simplehuman.
        All Rights Reserved.
        <br class="tw-hidden max-819:tw-block">
        <a
          class="Footer__copyright-section-link tw-text-[#999999]"
          href="/pages/terms-of-use"
        >Terms</a>
        ,
        <a
          class="Footer__copyright-section-link tw-text-[#999999]"
          href="/pages/privacy-policy"
        >Privacy</a>
         &amp; 
        <a
          class="Footer__copyright-section-link"
          href="/pages/accessibility"
        >Accessibility</a>
        
          <br>
          <a
            class="Footer__copyright-section-link"
            href="#"
            data-manage-cookie-preferences-trigger
          >Manage Cookie Preferences</a>
          &nbsp;
          <a
            class="Footer__copyright-section-link personal-information"
            href="#"
            data-do-not-sell-trigger
          >Do Not Sell My Personal Information</a>
        
      </p>
    </div>
  </div><div
    class="tw-hidden footer__content-bottom scroll-trigger animate--slide-in"
    
      data-cascade
    
  >
    <div class="footer__content-bottom-wrapper page-width">
      <div class="footer__column footer__localization isolate"></div>
      <div class="footer__column footer__column--info"></div>
    </div>
    <div class="footer__content-bottom-wrapper page-width footer__content-bottom-wrapper--center">
      <div class="footer__copyright caption">
        <small class="copyright__content">
          &copy; 2026, <a href="/" title="">Simplehuman</a></small>
        <small class="copyright__content"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a></small><ul class="policies list-unstyled"><li>
                  <small class="copyright__content">
                    <a href="/policies/refund-policy">Refund policy</a>
                  </small>
                </li><li>
                  <small class="copyright__content">
                    <a href="/policies/privacy-policy">Privacy policy</a>
                  </small>
                </li><li>
                  <small class="copyright__content">
                    <a href="/policies/terms-of-service">Terms of service</a>
                  </small>
                </li><li>
                  <small class="copyright__content">
                    <a href="/policies/shipping-policy">Shipping policy</a>
                  </small>
                </li><li>
                  <small class="copyright__content">
                    <a href="/policies/subscription-policy">Cancellation policy</a>
                  </small>
                </li><li>
                  <small class="copyright__content">
                    <a href="/policies/contact-information">Contact information</a>
                  </small>
                </li></ul></div>
    </div>
  </div>
</footer>


</div>
<!-- END sections: footer-group -->

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

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

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

      window.variantStrings = {
        addToCart: `add to cart`,
        soldOut: `Notify Me`,
        unavailable: `unavailable`,
        unavailable_with_option: `[value] - Unavailable`,
      };

      window.quickOrderListStrings = {
        itemsAdded: `[quantity] items added`,
        itemAdded: `[quantity] item added`,
        itemsRemoved: `[quantity] items removed`,
        itemRemoved: `[quantity] item removed`,
        viewCart: `View cart`,
        each: `[money]/ea`,
        min_error: `This item has a minimum of [min]`,
        max_error: `This item has a maximum of [max]`,
        step_error: `You can only add this item in increments of [step]`,
      };

      window.accessibilityStrings = {
        imageAvailable: `Image [index] is now available in gallery view`,
        shareSuccess: `Link copied to clipboard`,
        pauseSlideshow: `Pause slideshow`,
        playSlideshow: `Play slideshow`,
        recipientFormExpanded: `Gift card recipient form expanded`,
        recipientFormCollapsed: `Gift card recipient form collapsed`,
        countrySelectorSearchCount: `[count] countries/regions found`,
      };
    </script><script>
        document.addEventListener('DOMContentLoaded', function () {
          gsap.registerPlugin(ScrollTrigger);
        });
      </script>
    
<script src="//www.simplehuman.com/cdn/shop/t/488/assets/cart-drawer.js?v=69743964473038904451758128495" defer="defer"></script><script>
      window.currencyCode = '$';
    </script>

    <script type="text/javascript">
    window.onload = function () {
      (function (d, t) {
        var bh = d.createElement(t),
          s = d.getElementsByTagName(t)[0];
        bh.type = 'text/javascript';
        bh.src = 'https://www.bugherd.com/sidebarv2.js?apikey=yexmv1wwbnjuqvemxbicsq';
        s.parentNode.insertBefore(bh, s);
      })(document, 'script');
    };
  </script>

    









<script
  src="//www.simplehuman.com/cdn/shop/t/488/assets/lazyload.min.js?v=144382116233979813031732308997"
  
></script>

<script>
  document.addEventListener('DOMContentLoaded', function () {
    // Attach the initLazyLoad function to the window object
    window.initLazyLoad = function () {
      if (window.lazyLoadInstance && window.lazyLoadInstance.destroy) {
        window.lazyLoadInstance.destroy();
      }

      window.lazyLoadInstance = new LazyLoad();
    };

    // Call initLazyLoad initially
    window.initLazyLoad();

    // Reinitialize LazyLoad for each section load in theme editor
    if (Shopify.designMode) {
      document.addEventListener('shopify:section:load', initLazyLoad);
      document.addEventListener('shopify:section:unload', initLazyLoad);
      document.addEventListener('shopify:section:reorder', initLazyLoad);
    }
  });
</script>


    







  <!-- Affirm -->
<script>
	_affirm_config = {
		public_api_key: '',
		script: 'https://cdn1.affirm.com/js/v2/affirm.js',
	};
	(function (l, g, m, e, a, f, b) {
		var d,
			c = l[m] || {},
			h = document.createElement(f),
			n = document.getElementsByTagName(f)[0],
			k = function (a, b, c) {
				return function () {
					a[b]._.push([c, arguments]);
				};
			};
		c[e] = k(c, e, 'set');
		d = c[e];
		c[a] = {};
		c[a]._ = [];
		d._ = [];
		c[a][b] = k(c, a, b);
		a = 0;
		for (b = 'set add save post open empty reset on off trigger ready setProduct'.split(' '); a < b.length; a++)
			d[b[a]] = k(c, e, b[a]);
		a = 0;
		for (b = ['get', 'token', 'url', 'items']; a < b.length; a++) d[b[a]] = function () {};
		h.async = !0;
		h.src = g[f];
		n.parentNode.insertBefore(h, n);
		delete g[f];
		d(g);
		l[m] = c;
	})(window, _affirm_config, 'affirm', 'checkout', 'ui', 'script', 'ready');
</script>
<!-- End Affirm -->







<!-- Global site tag (gtag.js) - Google AdWords -->


<!-- START send custom dimension utm_placement to Google Analytics -->
<script>
  const queryString = window.location.search;
  const urlParams = new URLSearchParams(queryString);
  const placement = urlParams.get('utm_placement');
  if (placement) {
    ga('set', 'dimension4', placement);
  }
</script>
<!-- END send custom dimension utm_placement to Google Analytics -->



  <!-- Bing -->
<script>
	(function (w, d, t, r, u) {
		var f, n, i;
		(w[u] = w[u] || []),
			(f = function () {
				var o = { ti: '4023561' };
				(o.q = w[u]), (w[u] = new UET(o)), w[u].push('pageLoad');
			}),
			(n = d.createElement(t)),
			(n.src = r),
			(n.async = 1),
			(n.onload = n.onreadystatechange =
				function () {
					var s = this.readyState;
					(s && s !== 'loaded' && s !== 'complete') || (f(), (n.onload = n.onreadystatechange = null));
				}),
			(i = d.getElementsByTagName(t)[0]),
			i.parentNode.insertBefore(n, i);
	})(window, document, 'script', '//bat.bing.com/bat.js', 'uetq');
</script>
<!-- End Bing -->



  <!-- Impact -->
<script type="text/javascript">
	var impactId = 'https://d.impactradius-event.com/' + '2540853' + '.js';
	(function (a, b, c, d, e, f, g) {
		e['ire_o'] = c;
		e[c] =
			e[c] ||
			function () {
				(e[c].a = e[c].a || []).push(arguments);
			};
		f = d.createElement(b);
		g = d.getElementsByTagName(b)[0];
		f.async = 1;
		f.src = a;
		g.parentNode.insertBefore(f, g);
	})(impactId, 'script', 'ire', document, window);
</script>


	<script type="text/javascript">
		ire('identify', { customerId: '', customerEmail: '' });
	</script>

<!-- End Impact -->







  <!-- Gorgias Chat Widget Start -->
<style>
    #gorgias-chat-container #chat-button {
      z-index: 1 !important;
    }
    /* when on a product page, for mobile devices more the chat to the top left: 75px; */
  
</style>


<script
  id="gorgias-chat-widget-install-v3"
  src="https://config.gorgias.chat/bundle-loader/01H7K75HDPGA4H26YDE6XXGFGG"
></script>
<!-- Gorgias Chat Widget End -->
<!-- Hide Gorgias Chat Widget Initially Start -->
<script>
  const initGorgiasChatPromise = (window.GorgiasChat) ? window.GorgiasChat.init() : new Promise(function (resolve) { window.addEventListener('gorgias-widget-loaded', function () { resolve(); }); });
  let gorgiasChatAddPrivacyPolicyTimeout;

  function sleep(seconds) {
    return new Promise(resolve => setTimeout(resolve, seconds * 1000));
  }

  initGorgiasChatPromise.then(async () => {
    const chatElem = document.getElementById("gorgias-chat-container");
    chatElem.style.display = "none";

    
      GorgiasChat.setPage('homepage');
    

    GorgiasChat.hidePoweredBy(true);

    

    // Check for pending messages and restore chat state
    const lastOpenedDate = localStorage.getItem('gorgias.chat-last-opened-date');
    const lastPendingMessageLiveChat = localStorage.getItem('gorgias.chat-last-pending-message-live-chat');
    setTimeout(function() {
      if (lastPendingMessageLiveChat === 'true') {
        chatElem.style.display = 'block';
        if (lastOpenedDate) {
          GorgiasChat.open();
        }
      }
    }, 100);

    // Show chat bubble after delay if sales campaign is enabled
    
    
  });
</script>





<!-- Quick link -->
<script
	src="https://cdn.shopify.com/s/files/1/2804/6630/files/quicklink.umd.js?v=1726172280"
	defer="defer"
></script>
<script>
  window.addEventListener('load', () => {
    quicklink.listen({
      origins: [
        'www.simplehuman.com',
      ],
      ignores: [
        /\/api\/?/,
        uri => uri.includes('.zip'),
        uri => uri.includes('#'),
        uri => uri.includes('account'),
        uri => uri.includes('registration'),
        uri => uri.includes('register'),
        uri => uri.includes('cart'),
        uri => uri.includes('checkouts'),
        (uri, elem) => elem.hasAttribute('noprefetch'),
        // or RegExp: /#(.+)/
        // or element matching: (uri, elem) => !!elem.hash
      ],
    });
  });
</script>
<!-- End Quick link -->


  
  <!-- Klaviyo tracking -->
<script>
  // Development mode detection for conditional logging
  var KLAVIYO_DEBUG =
    window.location.hostname === 'localhost' ||
    window.location.hostname.includes('myshopify.com') ||
    window.location.hostname.includes('dev') ||
    window.location.hostname.includes('stage');

  // Klaviyo tracking with privacy consent
  function initKlaviyoTracking() {
    if (KLAVIYO_DEBUG) console.log('[Klaviyo] initKlaviyoTracking() called');

    // Check if marketing consent is given using Shopify's built-in API
    if (!window.Shopify || !window.Shopify.customerPrivacy || !window.Shopify.customerPrivacy.marketingAllowed()) {
      if (KLAVIYO_DEBUG) console.log('[Klaviyo] Script loading blocked: no marketing consent');
      return;
    }

    if (KLAVIYO_DEBUG) console.log('[Klaviyo] Marketing consent granted, loading Klaviyo script');
    if (KLAVIYO_DEBUG) console.log('[Klaviyo] API Key:', 'JDMiga');

    // Load Klaviyo script
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.async = true;
    script.src = 'https://static.klaviyo.com/onsite/js/JDMiga/klaviyo.js';
    script.onload = function () {
      if (KLAVIYO_DEBUG) console.log('[Klaviyo] Script loaded successfully');
    };
    script.onerror = function () {
      console.error('[Klaviyo] Script failed to load');
    };
    document.head.appendChild(script);
    if (KLAVIYO_DEBUG) console.log('[Klaviyo] Script element appended to head');
  }

  // Initialize Klaviyo tracking
  if (KLAVIYO_DEBUG) console.log('[Klaviyo] Initializing Klaviyo tracking');
  if (window.Shopify && window.Shopify.customerPrivacy) {
    // Shopify's API is already loaded, check consent immediately
    if (KLAVIYO_DEBUG) console.log('[Klaviyo] Shopify privacy API already available, checking consent immediately');
    initKlaviyoTracking();
  } else {
    // Wait for Shopify's privacy API to load
    if (KLAVIYO_DEBUG) console.log('[Klaviyo] Waiting for Shopify privacy API to load');
    document.addEventListener('visitorConsentCollected', function (event) {
      if (KLAVIYO_DEBUG) console.log('[Klaviyo] visitorConsentCollected event fired for script initialization');
      if (window.Shopify && window.Shopify.customerPrivacy && window.Shopify.customerPrivacy.marketingAllowed()) {
        if (KLAVIYO_DEBUG) console.log('[Klaviyo] Marketing consent available after event, initializing tracking');
        initKlaviyoTracking();
      } else {
        if (KLAVIYO_DEBUG) console.log('[Klaviyo] Marketing consent not available after event');
      }
    });
  }

  // Also listen for our custom consent events
  document.addEventListener('customConsentUpdated', function (event) {
    if (KLAVIYO_DEBUG) console.log('[Klaviyo] customConsentUpdated event fired:', event.detail);
    if (event.detail && event.detail.marketing) {
      if (KLAVIYO_DEBUG) console.log('[Klaviyo] Marketing consent granted via custom event, initializing tracking');
      initKlaviyoTracking();
    } else {
      if (KLAVIYO_DEBUG) console.log('[Klaviyo] Marketing consent not granted via custom event');
    }
  });
</script>
<script>
  !(function () {
    if (!window.klaviyo) {
      window._klOnsite = window._klOnsite || [];
      try {
        window.klaviyo = new Proxy(
          {},
          {
            get: function (n, i) {
              return 'push' === i
                ? function () {
                    var n;
                    (n = window._klOnsite).push.apply(n, arguments);
                  }
                : function () {
                    for (var n = arguments.length, o = new Array(n), w = 0; w < n; w++) o[w] = arguments[w];
                    var t = 'function' == typeof o[o.length - 1] ? o.pop() : void 0,
                      e = new Promise(function (n) {
                        window._klOnsite.push(
                          [i].concat(o, [
                            function (i) {
                              t && t(i), n(i);
                            },
                          ])
                        );
                      });
                    return e;
                  };
            },
          }
        );
      } catch (n) {
        (window.klaviyo = window.klaviyo || []),
          (window.klaviyo.push = function () {
            var n;
            (n = window._klOnsite).push.apply(n, arguments);
          });
      }
    }
  })();
</script>


<!-- End Klaviyo tracking -->




    

    

    
      <script src="//www.simplehuman.com/cdn/shop/t/488/assets/algolia-hooks.min.js?v=12399099141167542461770161308" defer="defer"></script>
      <link href="//www.simplehuman.com/cdn/shop/t/488/assets/algolia-custom.css?v=96904804514664637491758919388" rel="stylesheet" type="text/css" media="all" />
    

    <script>
      function getBrowser() {
        const userAgent = navigator.userAgent.toLowerCase();

        if (userAgent.indexOf('chrome') > -1 && userAgent.indexOf('edg') === -1) {
          return 'browser-chrome';
        } else if (userAgent.indexOf('firefox') > -1) {
          return 'browser-firefox';
        } else if (userAgent.indexOf('safari') > -1 && userAgent.indexOf('chrome') === -1) {
          return 'browser-safari';
        } else if (userAgent.indexOf('edg') > -1) {
          return 'browser-edge';
        } else if (userAgent.indexOf('opera') > -1 || userAgent.indexOf('opr') > -1) {
          return 'browser-opera';
        } else if (userAgent.indexOf('msie') > -1 || userAgent.indexOf('trident') > -1) {
          return 'browser-internet-explorer';
        }
      }

      document.addEventListener('DOMContentLoaded', function () {
        const browser = getBrowser();
        document.body.classList.add(`${browser}`);

        const expressPaymentWrapper = document.querySelector('.cart__dynamic-checkout-buttons');
        if (expressPaymentWrapper) {
          const observer = new MutationObserver((mutations) => {
            const expressPaymentOptions = document.querySelector('shopify-accelerated-checkout-cart')?.children?.length;
            if (document.body.classList.contains('country-code-us')) {
              document.body.setAttribute('data-payment-options', expressPaymentOptions - 1);
            } else {
              document.body.setAttribute('data-payment-options', expressPaymentOptions);
            }
          });
          observer.observe(expressPaymentWrapper, {
            childList: true,
            subtree: true,
          });
        }
      });
    </script>
  

<style>
  .code-finder-modal {
    display: none;
  }

  .code-finder-modal.modal-show {
    display: block;
    opacity: 0;
    backdrop-filter: blur(0);
    transition: opacity 0.3s ease, backdrop-filter 0.3s ease;
  }

  .code-finder-modal.modal-visuallyshow {
    opacity: 1;
    backdrop-filter: blur(20px);
  }

  .code-finder-modal-close {
    color: #fff;
    float: right;
    margin-top: 6px;
    height: 48px;
    width: 48px;
    right: 6px;
  }

  .code-finder-modal-close:hover,
  .code-finder-modal-close:focus-visible {
    color: black;
    cursor: pointer;
  }
</style>

<modal-window
  class="code-finder-modal tw-fixed tw-inset-0 tw-z-[999] tw-w-full tw-h-full tw-overflow-auto tw-px-11px tw-bg-[rgba(0,0,0,0.5)]"
  id="code_finder_modal"
  role="dialog"
  aria-modal="true"
  aria-label="Code Finder"
>
  <div class="code-finder-modal-content tw-max-w-[500px] tw-mx-auto tw-p-0 tw-relative">
    <div class="code-finder-modal-header tw-overflow-visible tw-sticky tw-top-20px tw-z-[5]">
      <button
        type="button"
        class="code-finder-modal-close close svg-wrapper tw-rounded-full"
        data-close-modal
        aria-label="Close"
      ><svg width="47" height="47" viewBox="0 0 47 47" fill="none" xmlns="http://www.w3.org/2000/svg">
    <g id="Group 392">
        <g id="Ellipse 8">
            <circle cx="23.2738" cy="23.2812" r="16.2126" transform="rotate(-45 23.2738 23.2812)" fill="#858585"
                    fill-opacity="0.8" style="mix-blend-mode:multiply"/>
            <circle cx="23.2738" cy="23.2812" r="16.2126" transform="rotate(-45 23.2738 23.2812)" stroke="white"
                    stroke-width="0.5"/>
        </g>
        <g id="Group 378">
            <path id="Vector 53" d="M18.2852 18.293L28.2624 28.2702" stroke="currentColor" stroke-width="1.5"
                  stroke-linecap="round"/>
            <path id="Vector 54" d="M28.2637 18.293L18.2865 28.2702" stroke="currentColor" stroke-width="1.5"
                  stroke-linecap="round"/>
        </g>
    </g>
</svg>
</button>
    </div>
    <div
      class="code-finder-modal-body tw-mt-[75px] tw-rounded-[20px] tw-overflow-hidden tw-bg-white tw-p-[40px_30px_40px] tw-text-center"
      role="document"
    >
      <h3 class="tw-text-[20px] md:tw-text-[28px] tw-mb-[10px] tw-text-black tw-font-Dinamic">
        Code Finder
      </h3>
      <p class="tw-text-[14px] tw-leading-[140%] tw-mb-[30px] md:tw-text-[16px] tw-px-[44px] tw-font-Dinamic tw-text-black">
        Don't know your liner code? Not a problem! Locate your liner ID tag under every trash can lid.
      </p>
      <img
        src="https://cdn.shopify.com/s/files/1/2804/6630/files/icon-whats-my-code.png"
        alt="Illustration showing the liner code location under a trash can lid"
        class="tw-w-[220px] tw-h-auto tw-mx-auto"
        loading="lazy"
        width="220"
        height="260"
      >
    </div>
  </div>
</modal-window>

  <div id="shopify-block-AQVRUbEQvdXlid0dWQ__11735689235857492391" class="shopify-block shopify-app-block">

<style>
  :root{--aa-search-input-height:44px;--aa-input-icon-size:20px;--aa-base-unit:16;--aa-spacing-factor:1;--aa-spacing:calc(var(--aa-base-unit)*var(--aa-spacing-factor)*1px);--aa-spacing-half:calc(var(--aa-spacing)/2);--aa-panel-max-height:650px;--aa-base-z-index:9999;--aa-font-size:calc(var(--aa-base-unit)*1px);--aa-font-family:inherit;--aa-font-weight-medium:500;--aa-font-weight-semibold:600;--aa-font-weight-bold:700;--aa-icon-size:20px;--aa-icon-stroke-width:1.6;--aa-icon-color-rgb:119,119,163;--aa-icon-color-alpha:1;--aa-action-icon-size:20px;--aa-text-color-rgb:38,38,39;--aa-text-color-alpha:1;--aa-primary-color-rgb:62,52,211;--aa-primary-color-alpha:0.2;--aa-muted-color-rgb:128,126,163;--aa-muted-color-alpha:0.6;--aa-highlight-color-rgb:62,52,211;--aa-panel-border-color-rgb:128,126,163;--aa-panel-border-color-alpha:0.3;--aa-input-border-color-rgb:128,126,163;--aa-input-border-color-alpha:0.8;--aa-background-color-rgb:255,255,255;--aa-background-color-alpha:1;--aa-input-background-color-rgb:255,255,255;--aa-input-background-color-alpha:1;--aa-selected-color-rgb:179,173,214;--aa-selected-color-alpha:0.205;--aa-description-highlight-background-color-rgb:245,223,77;--aa-description-highlight-background-color-alpha:0.5;--aa-detached-media-query:(max-width:680px);--aa-detached-modal-media-query:(min-width:680px);--aa-detached-modal-max-width:680px;--aa-detached-modal-max-height:500px;--aa-overlay-color-rgb:115,114,129;--aa-overlay-color-alpha:0.4;--aa-panel-shadow:0 0 0 1px rgba(35,38,59,.1),0 6px 16px -4px rgba(35,38,59,.15);--aa-scrollbar-width:13px;--aa-scrollbar-track-background-color-rgb:234,234,234;--aa-scrollbar-track-background-color-alpha:1;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb);--aa-scrollbar-thumb-background-color-alpha:1}@media (hover:none) and (pointer:coarse){:root{--aa-spacing-factor:1.2;--aa-action-icon-size:22px}}body.dark,body[data-theme=dark]{--aa-text-color-rgb:183,192,199;--aa-primary-color-rgb:146,138,255;--aa-muted-color-rgb:146,138,255;--aa-input-background-color-rgb:0,3,9;--aa-background-color-rgb:21,24,42;--aa-selected-color-rgb:146,138,255;--aa-selected-color-alpha:0.25;--aa-description-highlight-background-color-rgb:0 255 255;--aa-description-highlight-background-color-alpha:0.25;--aa-icon-color-rgb:119,119,163;--aa-panel-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--aa-scrollbar-track-background-color-rgb:44,46,64;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb)}.aa-Autocomplete *,.aa-DetachedFormContainer *,.aa-Panel *{box-sizing:border-box}.aa-Autocomplete,.aa-DetachedFormContainer,.aa-Panel{color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-family:var(--aa-font-family);font-size:var(--aa-font-size);font-weight:400;line-height:1em;margin:0;padding:0;text-align:left}.aa-MainContainer{min-width:650px}.aa-Form{align-items:center;background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;display:flex;line-height:1em;margin:0;position:relative;width:100%}.aa-Form:focus-within{border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-InputWrapperPrefix{align-items:center;display:flex;flex-shrink:0;height:var(--aa-search-input-height);order:1}.aa-Label,.aa-LoadingIndicator{cursor:auto;flex-shrink:0;height:100%;padding:0;text-align:left}.aa-Label svg,.aa-LoadingIndicator svg{color:rgba(var(--aa-primary-color-rgb),1);height:auto;max-height:var(--aa-input-icon-size);stroke-width:var(--aa-icon-stroke-width);width:var(--aa-input-icon-size)}.aa-LoadingIndicator,.aa-SubmitButton{height:100%;padding-left:calc(var(--aa-spacing)*.75 - 1px);padding-right:var(--aa-spacing-half);width:calc(var(--aa-spacing)*1.75 + var(--aa-icon-size) - 1px)}@media (hover:none) and (pointer:coarse){.aa-LoadingIndicator,.aa-SubmitButton{padding-left:calc(var(--aa-spacing-half)/2 - 1px);width:calc(var(--aa-icon-size) + var(--aa-spacing)*1.25 - 1px)}}.aa-SubmitButton{appearance:none;background:none;border:0;margin:0}.aa-LoadingIndicator{align-items:center;display:flex;justify-content:center}.aa-LoadingIndicator[hidden]{display:none}.aa-InputWrapper{order:3;position:relative;width:100%}.aa-Input{appearance:none;background:none;border:0;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font:inherit;height:var(--aa-search-input-height);padding:0;width:100%}.aa-Input::placeholder{color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input:focus{border-color:none;box-shadow:none;outline:none}.aa-Input::-webkit-search-cancel-button,.aa-Input::-webkit-search-decoration,.aa-Input::-webkit-search-results-button,.aa-Input::-webkit-search-results-decoration{appearance:none}.aa-InputWrapperSuffix{align-items:center;display:flex;height:var(--aa-search-input-height);order:4}.aa-ClearButton{align-items:center;background:none;border:0;color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;height:100%;margin:0;padding:0 calc(var(--aa-spacing)*.83333 - .5px)}@media (hover:none) and (pointer:coarse){.aa-ClearButton{padding:0 calc(var(--aa-spacing)*.66667 - .5px)}}.aa-ClearButton:focus,.aa-ClearButton:hover{color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}.aa-ClearButton[hidden]{display:none}.aa-ClearButton svg{stroke-width:var(--aa-icon-stroke-width);width:var(--aa-icon-size)}.aa-Panel{background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:calc(var(--aa-spacing)/4);box-shadow:var(--aa-panel-shadow);display:block;margin:16px 0 0;overflow:hidden;position:absolute;transition:opacity .2s ease-in,filter .2s ease-in;z-index:1200}@media screen and (prefers-reduced-motion){.aa-Panel{transition:none}}.aa-Panel button{appearance:none;background:none;border:0;margin:0;padding:0}.aa-PanelLayout{height:100%;margin:0;max-height:var(--aa-panel-max-height);overflow-y:auto;padding:0;position:relative;text-align:left}.aa-PanelLayoutColumns--twoGolden{display:grid;grid-template-columns:39.2% auto;overflow:hidden;padding:0}.aa-PanelLayoutColumns--two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;padding:0}.aa-PanelLayoutColumns--three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;padding:0}.aa-Panel--stalled .aa-Source{filter:grayscale(1);opacity:.8}.aa-Panel--scrollable{margin:0;max-height:var(--aa-panel-max-height);overflow-x:hidden;overflow-y:auto;padding:var(--aa-spacing-half);scrollbar-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));scrollbar-width:thin}.aa-Panel--scrollable::-webkit-scrollbar{width:var(--aa-scrollbar-width)}.aa-Panel--scrollable::-webkit-scrollbar-track{background-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))}.aa-Panel--scrollable::-webkit-scrollbar-thumb{background-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha));border-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));border-radius:9999px;border-style:solid;border-width:3px 2px 3px 3px}.aa-Source{margin:0;padding:0;position:relative;width:100%}.aa-Source:empty{display:none}.aa-SourceNoResults{font-size:1em;margin:0;padding:var(--aa-spacing)}.aa-List{list-style:none;margin:0}.aa-List,.aa-SourceHeader{padding:0;position:relative}.aa-SourceHeader{margin:var(--aa-spacing-half) .5em var(--aa-spacing-half) 0}.aa-SourceHeader:empty{display:none}.aa-SourceHeaderTitle{background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));color:rgba(var(--aa-primary-color-rgb),1);display:inline-block;font-size:.9em;font-weight:var(--aa-font-weight-semibold);margin:0;padding:0 var(--aa-spacing-half) 0 0;position:relative;z-index:var(--aa-base-z-index)}.aa-SourceHeaderLine{border-bottom:1px solid rgba(var(--aa-primary-color-rgb),1);display:block!important;height:2px;left:0;margin:0;opacity:.3;padding:0;position:absolute;right:0;top:var(--aa-spacing-half);z-index:calc(var(--aa-base-z-index) - 1)}.aa-SourceFooterSeeAll{background:linear-gradient(180deg,rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha)),rgba(128,126,163,.14));border:1px solid rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));border-radius:5px;box-shadow:inset 0 0 2px #fff,0 2px 2px -1px rgba(76,69,88,.15);color:inherit;font-size:.95em;font-weight:var(--aa-font-weight-medium);padding:.475em 1em .6em;text-decoration:none}.aa-SourceFooterSeeAll:focus,.aa-SourceFooterSeeAll:hover{border:1px solid rgba(var(--aa-primary-color-rgb),1);color:rgba(var(--aa-primary-color-rgb),1)}.aa-Item{align-items:center;border-radius:3px;cursor:pointer;display:grid;min-height:calc(var(--aa-spacing)*2.5);padding:calc(var(--aa-spacing-half)/2)}.aa-Item[aria-selected=true]{background-color:rgba(var(--aa-selected-color-rgb),var(--aa-selected-color-alpha))}.aa-Item[aria-selected=true] .aa-ActiveOnly,.aa-Item[aria-selected=true] .aa-ItemActionButton{visibility:visible}.aa-ItemIcon{align-items:center;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:3px;box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));color:rgba(var(--aa-icon-color-rgb),var(--aa-icon-color-alpha));display:flex;flex-shrink:0;font-size:.7em;height:calc(var(--aa-icon-size) + var(--aa-spacing-half));justify-content:center;overflow:hidden;stroke-width:var(--aa-icon-stroke-width);text-align:center;width:calc(var(--aa-icon-size) + var(--aa-spacing-half))}.aa-ItemIcon img{height:auto;max-height:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);max-width:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);width:auto}.aa-ItemIcon svg{height:var(--aa-icon-size);width:var(--aa-icon-size)}.aa-ItemIcon--alignTop{align-self:flex-start}.aa-ItemIcon--noBorder{background:none;box-shadow:none}.aa-ItemIcon--picture{height:96px;width:96px}.aa-ItemIcon--picture img{max-height:100%;max-width:100%;padding:var(--aa-spacing-half)}.aa-ItemContent{align-items:center;cursor:pointer;display:grid;gap:var(--aa-spacing-half);grid-auto-flow:column;line-height:1.25em;overflow:hidden}.aa-ItemContent:empty{display:none}.aa-ItemContent mark{background:none;color:rgba(var(--aa-highlight-color-rgb),1);font-style:normal;font-weight:var(--aa-font-weight-bold)}.aa-ItemContent--dual{display:flex;flex-direction:column;justify-content:space-between;text-align:left}.aa-ItemContent--dual .aa-ItemContentSubtitle,.aa-ItemContent--dual .aa-ItemContentTitle{display:block}.aa-ItemContent--indented{padding-left:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-ItemContentBody{display:grid;gap:calc(var(--aa-spacing-half)/2)}.aa-ItemContentTitle{display:inline-block;margin:0 .5em 0 0;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.aa-ItemContentSubtitle{font-size:.92em}.aa-ItemContentSubtitleIcon:before{border-color:rgba(var(--aa-muted-color-rgb),.64);border-style:solid;content:"";display:inline-block;left:1px;position:relative;top:-3px}.aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon:before{border-width:0 0 1.5px;margin-left:var(--aa-spacing-half);margin-right:calc(var(--aa-spacing-half)/2);width:calc(var(--aa-spacing-half) + 2px)}.aa-ItemContentSubtitle--standalone{align-items:center;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));display:grid;gap:var(--aa-spacing-half);grid-auto-flow:column;justify-content:start}.aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon:before{border-radius:0 0 0 3px;border-width:0 0 1.5px 1.5px;height:var(--aa-spacing-half);width:var(--aa-spacing-half)}.aa-ItemContentSubtitleCategory{color:rgba(var(--aa-muted-color-rgb),1);font-weight:500}.aa-ItemContentDescription{color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-size:.85em;max-width:100%;overflow-x:hidden;text-overflow:ellipsis}.aa-ItemContentDescription:empty{display:none}.aa-ItemContentDescription mark{background:rgba(var(--aa-description-highlight-background-color-rgb),var(--aa-description-highlight-background-color-alpha));color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-style:normal;font-weight:var(--aa-font-weight-medium)}.aa-ItemContentDash{color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));display:none;opacity:.4}.aa-ItemContentTag{background-color:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha));border-radius:3px;margin:0 .4em 0 0;padding:.08em .3em}.aa-ItemLink,.aa-ItemWrapper{align-items:center;color:inherit;display:grid;gap:calc(var(--aa-spacing-half)/2);grid-auto-flow:column;justify-content:space-between;width:100%}.aa-ItemLink{color:inherit;text-decoration:none}.aa-ItemActions{display:grid;grid-auto-flow:column;height:100%;justify-self:end;margin:0 calc(var(--aa-spacing)/-3);padding:0 2px 0 0}.aa-ItemActionButton{align-items:center;background:none;border:0;color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;flex-shrink:0;padding:0}.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}@media (hover:none) and (pointer:coarse){.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:inherit}}.aa-ItemActionButton svg{color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));margin:0;margin:calc(var(--aa-spacing)/3);stroke-width:var(--aa-icon-stroke-width);width:var(--aa-action-icon-size)}.aa-ActiveOnly{visibility:hidden}.aa-PanelHeader{align-items:center;background:rgba(var(--aa-primary-color-rgb),1);color:#fff;display:grid;height:var(--aa-modal-header-height);margin:0;padding:var(--aa-spacing-half) var(--aa-spacing);position:relative}.aa-PanelHeader:after{background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));bottom:calc(var(--aa-spacing-half)*-1);content:"";height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0;z-index:var(--aa-base-z-index)}.aa-PanelFooter{background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));box-shadow:inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;justify-content:space-between;margin:0;padding:var(--aa-spacing);position:relative;z-index:var(--aa-base-z-index)}.aa-PanelFooter:after{background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha)));content:"";height:var(--aa-spacing);left:0;opacity:.12;pointer-events:none;position:absolute;right:0;top:calc(var(--aa-spacing)*-1);z-index:calc(var(--aa-base-z-index) - 1)}.aa-DetachedContainer{background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));bottom:0;box-shadow:var(--aa-panel-shadow);display:flex;flex-direction:column;left:0;margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;z-index:var(--aa-base-z-index)}.aa-DetachedContainer:after{height:32px}.aa-DetachedContainer .aa-SourceHeader{margin:var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px}.aa-DetachedContainer .aa-Panel{background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:0;box-shadow:none;flex-grow:1;margin:0;padding:0;position:relative}.aa-DetachedContainer .aa-PanelLayout{bottom:0;box-shadow:none;left:0;margin:0;max-height:none;overflow-y:auto;position:absolute;right:0;top:0;width:100%}.aa-DetachedFormContainer{border-bottom:1px solid rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:var(--aa-spacing-half)}.aa-DetachedCancelButton{background:none;border:0;border-radius:3px;color:inherit;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));cursor:pointer;font:inherit;margin:0 0 0 var(--aa-spacing-half);padding:0 var(--aa-spacing-half)}.aa-DetachedCancelButton:focus,.aa-DetachedCancelButton:hover{box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha))}.aa-DetachedContainer--modal{border-radius:6px;bottom:inherit;height:auto;margin:0 auto;max-width:var(--aa-detached-modal-max-width);position:absolute;top:3%}.aa-DetachedContainer--modal .aa-PanelLayout{max-height:var(--aa-detached-modal-max-height);padding-bottom:var(--aa-spacing-half);position:static}.aa-DetachedSearchButton{align-items:center;background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;font:inherit;font-family:var(--aa-font-family);font-size:var(--aa-font-size);height:var(--aa-search-input-height);margin:0;padding:0 calc(var(--aa-search-input-height)/8);position:relative;text-align:left;width:100%}.aa-DetachedSearchButton:focus{border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 3px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-DetachedSearchButtonIcon{align-items:center;color:rgba(var(--aa-primary-color-rgb),1);cursor:auto;display:flex;height:100%;justify-content:center;width:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-Detached{height:100vh;overflow:hidden}.aa-DetachedOverlay{background-color:rgba(var(--aa-overlay-color-rgb),var(--aa-overlay-color-alpha));height:100vh;left:0;margin:0;padding:0;position:fixed;right:0;top:0;z-index:calc(var(--aa-base-z-index) - 1)}.aa-GradientBottom,.aa-GradientTop{height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0;z-index:var(--aa-base-z-index)}.aa-GradientTop{background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));top:0}.aa-GradientBottom{background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-background-color-rgb),1));border-bottom-left-radius:calc(var(--aa-spacing)/4);border-bottom-right-radius:calc(var(--aa-spacing)/4);bottom:0}@media (hover:none) and (pointer:coarse){.aa-DesktopOnly{display:none}}@media (hover:hover){.aa-TouchOnly{display:none}}.aa-PanelSections{column-gap:var(--aa-spacing);display:flex}.aa-PanelSection{display:flex;flex-direction:column}.aa-PanelSection--left{width:30%}.aa-PanelSection--right{width:70%}.aa-ItemPicture{border-radius:3px;height:100%;overflow:hidden;width:100%}.aa-ItemPicture img{height:auto;max-height:150px;object-fit:scale-down;opacity:0;transition:opacity .2s ease-out;width:100%}.aa-ItemPicture--loaded img{opacity:1}.aa-NoResultsHeader{font-size:1.15em;line-height:1.3;margin-bottom:var(--aa-spacing)}.aa-NoResultsContent{font-size:.9em}.aa-NoResultsLink{color:rgba(var(--aa-primary-color-rgb),1);font-size:.8em;text-decoration:underline}.aa-Source[data-autocomplete-source-id=products] .aa-List{display:grid;grid-template-columns:repeat(3,1fr)}.aa-Source[data-autocomplete-source-id=products] .aa-Item{padding:var(--aa-spacing-half)}.aa-Source[data-autocomplete-source-id=products] .aa-ItemLink{height:100%;justify-content:stretch}.aa-Source[data-autocomplete-source-id=products] .aa-ItemContent{display:flex;flex-direction:column;height:100%}.aa-Source[data-autocomplete-source-id=products] .aa-ItemContent mark{color:rgb(var(--aa-highlight-color-rgb))}.aa-Source[data-autocomplete-source-id=products] .aa-ItemContentBody{display:flex;flex-direction:column;gap:var(--aa-spacing-half);justify-content:space-between;width:100%}.aa-Source[data-autocomplete-source-id=products] .aa-ItemContentBrand{color:rgb(var(--aa-muted-color-rgb));font-size:.7em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.aa-Source[data-autocomplete-source-id=products] .aa-ItemContentBrand mark{font-weight:400}.aa-Source[data-autocomplete-source-id=products] .aa-ItemContentTitleWrapper{height:calc(var(--aa-spacing)*2.5)}.aa-Source[data-autocomplete-source-id=products] .aa-ItemContentTitle{display:-webkit-box;font-size:.9em;margin:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.aa-Source[data-autocomplete-source-id=products] .aa-ItemContentPrice{column-gap:var(--aa-spacing-half);display:flex}.aa-Source[data-autocomplete-source-id=products] .aa-ItemContentPriceCurrent{font-weight:700}.aa-Source[data-autocomplete-source-id=products] .aa-ItemContentPriceDiscounted{color:rgb(var(--aa-muted-color-rgb));font-size:.9em;text-decoration:line-through}.aa-footer{text-align:center}.aa-SeeAllBtn,.aa-SeeAllLink{display:inline-block;font-size:.9em;font-weight:600;margin:var(--aa-spacing) auto 0 auto;text-decoration:none}.aa-SeeAllBtn{background-color:rgba(var(--aa-primary-color-rgb),.8);border-radius:calc(var(--aa-spacing-half)/2);color:#fff;padding:calc(var(--aa-spacing-half)*1.5) var(--aa-spacing);transition:background .2s ease-out}.aa-SeeAllLink{color:rgb(var(--aa-primary-color-rgb));margin-bottom:var(--aa-spacing-half);transition:opacity .2s ease-out}.aa-SeeAllBtn:hover{background-color:rgba(var(--aa-primary-color-rgb),1)}.aa-SeeAllLink:hover{opacity:.8}.aa-SeeAllBtn:not([disabled]):hover{color:#fff}@media screen and (max-width:680px){.aa-MainContainer{min-width:inherit}.aa-PanelSections{flex-direction:column;row-gap:var(--aa-spacing)}.aa-PanelSection--left,.aa-PanelSection--right{width:100%}.aa-Source[data-autocomplete-source-id=products] .aa-List{display:flex;flex-wrap:wrap;gap:var(--aa-spacing-half)}.aa-Source[data-autocomplete-source-id=products] .aa-Item{width:calc(50% - var(--aa-spacing-half)/2)}}
</style>

<div class="algolia-config-money-format" style="display: none;">${{amount}}</div>

<!-- BEGIN app snippet: algolia_config --><script>
  window.algoliaShopify = window.algoliaShopify || {};
  
    window.algoliaShopify.config = window.algoliaShopify.config || {};
    window.algoliaShopify.config = {"app_id":"B8U3EZPDKN","search_api_key":"2b00c0f63cc0f067284fbe32424dc246","index_prefix":"shopify_prod_","index_products":true,"index_collections":true,"index_articles":false,"index_pages":false,"autocomplete_see_all":true,"colors":{"main":"#000","secondary":"#000","muted":"#000","highlight":"#000"},"autocomplete_enabled":true,"autocomplete_debug":false,"input_selector":"form[action=\"\/search\"]","products_autocomplete_hits_per_page":0,"collections_autocomplete_hits_per_page":0,"articles_autocomplete_hits_per_page":2,"pages_autocomplete_hits_per_page":2,"instant_search_enabled":true,"instant_search_enabled_on_collection":true,"results_selector":"#MainContent","products_full_results_hits_per_page":100,"collections_full_results_hits_per_page":10,"show_products":false,"analytics_enabled":true,"usertoken_with_cookies":"disabled","collection_id_indexing":true,"collection_id_query_rules":false,"collection_search_feature_enabled":true,"collection_css_selector":"#MainContent","stock_policy":"allow","billed_by_shopify":false,"billing_paused_at":null,"billing_paused_reason":null,"autocomplete_query_suggestions":false,"query_suggestions_index_name":"shopify_prod_products_query_suggestions","suggestions_autocomplete_hits_per_page":2,"locations_inventory_enabled":false,"markets_indexing_enabled":false,"markets_mapping":[],"markets_available":[],"markets_webhooks":{"product_incremental_sync":"","product_feeds":[]},"dynamic_selector":false,"store_currency":"USD","restart_index_enabled":false,"app_block_analytics_disabled":false,"stream_translate_option_names_enabled":false,"app_block_translated_option_names_enabled":false,"default_facet_param_limit":10,"app_blocks_dynamic_widgets_beta_enabled":false,"app_block_inv_avail_replace_can_order":true,"app_block_version":"92521fc3cb"};
  
  
    window.algoliaShopify.config.sort_orders = [{"key":"price","title":"Price","asc":{"active":false,"title":"Cheapest first"}},{"key":"price_ratio","title":"Price ratio","asc":{"active":false,"title":"Highest discount first"}},{"key":"published_at","title":"Publication date","desc":{"active":false,"title":"Newest first"}},{"key":"published_at","title":"Publication date","asc":{"active":false,"title":"Oldest first"}},{"key":"vendor","title":"Vendor","desc":{"active":false,"title":"Vendor Z-A"}},{"key":"vendor","title":"Vendor","asc":{"active":false,"title":"Vendor"}},{"key":"inventory_quantity","title":"Inventory quantity","desc":{"active":false,"title":"Most available"}},{"key":"grams","title":"Weight","desc":{"active":false,"title":"Heaviest first"}},{"key":"grams","title":"Weight","asc":{"active":false,"title":"Lightest first"}},{"key":"title","title":"Name","desc":{"active":false,"title":"Name Z-A"}},{"key":"price","title":"Price","desc":{"active":false,"title":"Most expensive first"}},{"key":"recently_ordered_count","title":"Popularity","desc":{"active":false,"title":"Most popular"}},{"key":"title","title":"Name","asc":{"active":false,"title":"Name"}}];
  
  
    
    
    window.algoliaShopify.config.facets = [{"enabled":false,"name":"meta.product.display_name","title":"Product Display Name","type":"conjunctive","available_types":["menu","slider","conjunctive","disjunctive"],"forgettable":null,"searchable":false,"refined_first":true,"removeAble":null,"limit":null},{"enabled":true,"name":"meta.global.published","title":"Variant Published","type":"conjunctive","available_types":["menu","slider","conjunctive","disjunctive"],"forgettable":null,"searchable":false,"refined_first":true,"removeAble":null,"limit":null},{"enabled":false,"name":"price","title":"Price","type":"slider","available_types":["slider"],"forgettable":null,"searchable":false,"refined_first":false,"removeAble":null,"limit":null},{"enabled":false,"name":"price_range","title":"Price range","type":"disjunctive","available_types":["disjunctive"],"forgettable":null,"searchable":false,"refined_first":false,"removeAble":null,"limit":null},{"enabled":false,"name":"vendor","title":"Vendor","type":"conjunctive","available_types":["menu","conjunctive","disjunctive"],"forgettable":null,"searchable":false,"refined_first":false,"removeAble":null,"limit":null},{"enabled":false,"name":"product_type","title":"Type","type":"conjunctive","available_types":["menu","conjunctive","disjunctive"],"forgettable":null,"searchable":false,"refined_first":false,"removeAble":null,"limit":null},{"enabled":false,"name":"tags","title":"Tags","type":"conjunctive","available_types":["menu","conjunctive","disjunctive"],"forgettable":null,"searchable":false,"refined_first":false,"removeAble":null,"limit":null}];
  

  

  
  
    window.algoliaShopify.config.collection_sort_orders = null
   

  
  
    window.algoliaShopify.config.collection_facets = null
  
</script>
<!-- END app snippet -->
<!-- BEGIN app snippet: algolia_config_markets -->


<script>
  window.algoliaShopify = window.algoliaShopify || {};
  window.algoliaShopify.shopify = window.algoliaShopify.shopify || {}
  window.algoliaShopify.shopify.routes = window.algoliaShopify.shopify.routes || {};
  
  window.algoliaShopify.shopify.routes.search_url = window.algoliaShopify.shopify.routes.search_url || "/search";
  window.algoliaShopify.shopify.market = window.algoliaShopify.shopify.market || {
    "id": 8749187,
    "language": {"shop_locale":{"locale":"en","enabled":true,"primary":true,"published":true}},
    "currency": null,
    "multicurrency_default_format": "USD:${{amount}}",
  }
  
  window.algoliaShopify.shopify.market.translations = window.algoliaShopify.shopify.market.translations || {
    facets: [{"enabled":false,"name":"meta.product.display_name","title":"Product Display Name","type":"conjunctive","available_types":["menu","slider","conjunctive","disjunctive"],"forgettable":null,"searchable":false,"refined_first":true,"removeAble":null,"limit":null},{"enabled":true,"name":"meta.global.published","title":"Variant Published","type":"conjunctive","available_types":["menu","slider","conjunctive","disjunctive"],"forgettable":null,"searchable":false,"refined_first":true,"removeAble":null,"limit":null},{"enabled":false,"name":"price","title":"Price","type":"slider","available_types":["slider"],"forgettable":null,"searchable":false,"refined_first":false,"removeAble":null,"limit":null},{"enabled":false,"name":"price_range","title":"Price range","type":"disjunctive","available_types":["disjunctive"],"forgettable":null,"searchable":false,"refined_first":false,"removeAble":null,"limit":null},{"enabled":false,"name":"vendor","title":"Vendor","type":"conjunctive","available_types":["menu","conjunctive","disjunctive"],"forgettable":null,"searchable":false,"refined_first":false,"removeAble":null,"limit":null},{"enabled":false,"name":"product_type","title":"Type","type":"conjunctive","available_types":["menu","conjunctive","disjunctive"],"forgettable":null,"searchable":false,"refined_first":false,"removeAble":null,"limit":null},{"enabled":false,"name":"tags","title":"Tags","type":"conjunctive","available_types":["menu","conjunctive","disjunctive"],"forgettable":null,"searchable":false,"refined_first":false,"removeAble":null,"limit":null}],
    sort_orders: [{"key":"price","title":"Price","asc":{"active":false,"title":"Cheapest first"}},{"key":"price_ratio","title":"Price ratio","asc":{"active":false,"title":"Highest discount first"}},{"key":"published_at","title":"Publication date","desc":{"active":false,"title":"Newest first"}},{"key":"published_at","title":"Publication date","asc":{"active":false,"title":"Oldest first"}},{"key":"vendor","title":"Vendor","desc":{"active":false,"title":"Vendor Z-A"}},{"key":"vendor","title":"Vendor","asc":{"active":false,"title":"Vendor"}},{"key":"inventory_quantity","title":"Inventory quantity","desc":{"active":false,"title":"Most available"}},{"key":"grams","title":"Weight","desc":{"active":false,"title":"Heaviest first"}},{"key":"grams","title":"Weight","asc":{"active":false,"title":"Lightest first"}},{"key":"title","title":"Name","desc":{"active":false,"title":"Name Z-A"}},{"key":"price","title":"Price","desc":{"active":false,"title":"Most expensive first"}},{"key":"recently_ordered_count","title":"Popularity","desc":{"active":false,"title":"Most popular"}},{"key":"title","title":"Name","asc":{"active":false,"title":"Name"}}],
    addToCart: "Add to cart",
    allProducts: "See all products ",
    articles: "Articles",
    by: "by",
    changeInput: "changing your input",
    clearAll: "Clear all",
    clearFilters: "clearing the filters",
    collections: "Collections",
    in: "in",
    matching: "matching",
    noResultFor: "No results for ",
    noResultFound: "No result found",
    oneResultFound: "1 result found",
    or: "or",
    outOf: "out of",
    outOfStock: "Out of stock",
    pages: "Pages",
    products: "Products",
    relevance: "Relevance",
    resultsFound: "results found",
    search: "Current search",
    searchForProduct: "Search for products",
    searchTitle: "Search result",
    selectedFilter: "Selected filters",
    showLess: "Show less",
    showMore: "Show more",
    showFilters: "Show filters",
    sortBy: "Sorted by",
    suggestions: "Suggestions",
    taxFree: "Tax free",
    try: "Try",
  }
</script>
<!-- END app snippet -->


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