
  <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_10208">
    <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/fr/products/tohka-shishigaya-tsuujou-version-chara-ani"
      data-controller="radial-menu form-feedback"
      data-radial-menu-mode-value="vertical"
      data-radial-menu-src-value="/fr/products/tohka-shishigaya-tsuujou-version-chara-ani/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">
  En 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="/fr/products/tohka-shishigaya-tsuujou-version-chara-ani">
          <span class="absolute inset-0 z-10"></span>
          <h2 class="card-title text-sm line-clamp-2 min-h-10">Tohka Shishigaya  - Tsuujou Version - Chara-Ani</h2>
</a>        <div class="flex items-center font-heading text-xl justify-between">
          <div>
              <span class="font-bold">169,90 €</span>
          </div>
        </div>
        <div class="card-actions z-20 flex gap-2">
          <div class="flex-1">
            

<div id="cart_action_card_product_10208" class="w-full relative inline-flex items-center">
      <form class="contents" method="post" action="/fr/cart_line_items?product_id=10208"><button class="btn btn-md w-full btn-primary btn-outline" type="submit">
    <i class="fa-solid fa-cart-plus"></i>
    Au panier
</button><input type="hidden" name="authenticity_token" value="7kUBVmogXYaRqlVBRyeM5ANMJ1klezHayw7Y4vcn5GAnazbl8krQPt2M7ZoC1_oGbiiZNR2bAZggsTrUMgg0nw" /></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_10208"
            data-radial-menu-target="frame"
          ></turbo-frame>
        </div>
      </div>
    </div>
</turbo-frame>
      
        
    </div>

</template></turbo-stream>