
  <turbo-stream action="replace" target="products_collection"><template>
    
    <div
      id="products_container"
      class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-2 sm:gap-4"
    >
        <turbo-frame class="carousel-item hover:-translate-y-0.5 transition-all duration-300 ease-out" id="product_45886">
    <div
      class="
        relative card-hover card w-full card-xs lg:card-sm card-compact overflow-clip
        group
      "
      draggable="true"
      data-product-url="https://beta.figuya.com/en/products/en-lore-olympus-inklore-volume-two-english-edition-45886-en"
      data-controller="radial-menu form-feedback"
      data-radial-menu-mode-value="vertical"
      data-radial-menu-src-value="/en/products/en-lore-olympus-inklore-volume-two-english-edition-45886-en/card_actions"
      data-form-feedback-success-icon-value="circle-check"
      data-form-feedback-failure-icon-value="bell-exclamation"
      ondragstart="event.dataTransfer.setData('text/uri-list', this.dataset.productUrl); event.dataTransfer.setData('text/plain', this.dataset.productUrl);"
    >
      <figure class="relative" data-form-feedback-target="overlay">
          <div class="flex items-center justify-center w-full h-full text-neutral">
            <i class="fa-solid fa-image fa-3x" aria-hidden="true"></i>
          </div>

        <span class="badge badge-sm badge-success whitespace-nowrap absolute top-2 left-2 z-20">
  In stock
</span>



        <span class="absolute bottom-1 right-1 z-20">
              <span class="badge badge-sm badge-primary gap-1">
      <i class="fa-solid fa-circle-exclamation"></i>
      Wenige verfügbar
    </span>

        </span>

      </figure>

      <div class="card-body">
        <a data-turbo-frame="_top" href="/en/products/en-lore-olympus-inklore-volume-two-english-edition-45886-en">
          <span class="absolute inset-0 z-10"></span>
          <h2 class="card-title text-sm line-clamp-2 min-h-10">EN - Lore Olympus - Inklore - Volume Two english Edition</h2>
</a>        <div class="flex items-center font-heading text-xl justify-between">
          <div>
              <span class="font-bold">€24.90</span>
          </div>
        </div>
        <div class="card-actions z-20 flex gap-2">
          <div class="flex-1">
            

<div id="cart_action_card_product_45886" class="w-full relative inline-flex items-center">
      <form class="contents" method="post" action="/en/cart_line_items?product_id=45886"><button class="btn btn-md w-full btn-primary btn-outline" type="submit">
    <i class="fa-solid fa-cart-plus"></i>
    To cart
</button><input type="hidden" name="authenticity_token" value="jMPq8tWO9N-gC1AqpjfGU_GI04_yXlXkKiUc0qX5et24bZPceIw3qVE8WK2aKV9zYWZrguQzFAlTveisQZcveA" /></form>
</div>

          </div>
          <button
            class="btn btn-neutral btn-outline px-2"
            data-action="radial-menu#toggle"
            data-radial-menu-target="trigger"
            aria-label="Aktionen"
            aria-expanded="false"
          >
            <i class="fa-solid fa-ellipsis-vertical" aria-hidden="true"></i>
          </button>

          <turbo-frame
            id="card_actions_product_45886"
            data-radial-menu-target="frame"
          ></turbo-frame>
        </div>
      </div>
    </div>
</turbo-frame>
      
        
    </div>

</template></turbo-stream>