0) {
        dragging = true;
        startY = $event.touches[0].clientY;
      }
    "
    @touchmove.window="
      if (dragging) {
        let deltaY = $event.touches[0].clientY - startY;
        if (deltaY > 0) {
          pos_y = deltaY;
          if (pos_y > window.innerHeight / 3) {
            dragging = false;
            pos_y = 1200;
            cart_drawer = false;
            if (!menu_drawer) {
              enable_body_scrolling = true;
              has_overlay = false;
            }
          }
        } else {
          pos_y = 0;
        }
      }
    "
    :style="      'transform: translate(0px, ' + pos_y + 'px)'"
    x-trap="cart_drawer"
    x-show="cart_drawer"
    
      
      x-transition:enter="animation-300 opacity-0 !translate-y-full md:!translate-y-0"
      x-transition:enter-start="opacity-0 !translate-y-full md:!translate-y-0"
      x-transition:enter-end="!translate-y-0 opacity-100"
      x-transition:leave="animation-300 !translate-y-0 opacity-100"
      x-transition:leave-start="!translate-y-0 opacity-100"
      x-transition:leave-end="opacity-0 !translate-y-full md:!translate-y-0"
    
    x-cloak
  >