{
               const cartDrawerComplimentaryOuter = document.querySelector('[data-cart-drawer-complimentary-outer]');
               const cartDrawerComplimentaryInner = cartDrawerComplimentaryOuter.querySelector('[data-cart-compliment-inner]');
               const cartDrawerComplimentaryOuterHeight = cartDrawerComplimentaryOuter.offsetHeight;
               const cartDrawerComplimentaryInnerHeight = cartDrawerComplimentaryInner.offsetHeight;
               if (cartDrawerComplimentaryOuterHeight > cartDrawerComplimentaryInnerHeight) {
                  cartDrawerComplimentaryOuter.style.offsetY = 'auto';
               } else {
                  cartDrawerComplimentaryInner.style.height = '100%';
                  cartDrawerComplimentaryInner.style.overflowY = 'scroll';
               }
            }, 200);
         }
      "
      @toggle-menu.window="showMenu = !showMenu;"
      @toggle-product-modal.window="showProductModal = !showProductModal"
      @toggle-cart-complimentary-modal.window="cartPageComplimentaryItemsModal = !cartPageComplimentaryItemsModal"
      @cart-sample-count-updated.window="sampleCountInCart = $event.detail"
      @cart-sample-array-updated.window="sampleItemsArray = $event.detail"
      :class="[
         (showCartDrawer || modalOverlay || showMenu || showProductModal || showMobileHeaderSearch) ? 'overflow-hidden' : 'overflow-auto', 
         showMenu ? 'translate-x-[320px]' : ''
      ]"
      x-init="$el.classList.add('alpine-loaded'); showFooterMessage = determineShowFooterMessage(); footerMessageHeight = determineFooterMessageHeight();" 
      :style="showFooterMessage && { paddingBottom: `${footerMessageHeight}px` }"
   >
     
      
      
      
     
      
         Skip to content
      
      
      
   
      
  
      
      
      
      
         
      
      
      
      
         - Choosing a selection results in a full page refresh.