
  <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_647">
    <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/drake-swimsuit-version-normal-color"
      data-controller="radial-menu form-feedback"
      data-radial-menu-mode-value="vertical"
      data-radial-menu-src-value="/fr/products/drake-swimsuit-version-normal-color/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-error gap-1">
      <i class="fa-solid fa-fire"></i>
      Letzte Exemplare
    </span>

        </span>

          <div
  class="
    absolute right-0 top-0 z-30 pointer-events-none
    h-16 w-16
  "
  style="clip-path: inset(0 0 -50% -50%)"
>
  <div
    class="
      absolute transform rotate-45 bg-error
      text-error-content text-center font-bold shadow-lg top-1/2
      left-1/2 -translate-x-1/2 -translate-y-1/2
      w-28 text-xs py-1
    "
  >
    -38%
  </div>
</div>

      </figure>

      <div class="card-body">
        <a data-turbo-frame="_top" href="/fr/products/drake-swimsuit-version-normal-color">
          <span class="absolute inset-0 z-10"></span>
          <h2 class="card-title text-sm line-clamp-2 min-h-10">Drake - Swimsuit Version - Normal Color</h2>
</a>        <div class="flex items-center font-heading text-xl justify-between">
          <div>
              <span class="text-error font-bold">56,19 €</span>
              <span class="text-xs line-through text-base-content/50">89,90 €</span>
          </div>
        </div>
        <div class="card-actions z-20 flex gap-2">
          <div class="flex-1">
            

<div id="cart_action_card_product_647" class="w-full relative inline-flex items-center">
      <form class="contents" method="post" action="/fr/cart_line_items?product_id=647"><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="wGS2LbS5oW8quu0I1tTvKx_7Hdvr-XSEwJ2ipMFMHG30vDPxzsYkq6FsbCWfqSFtDwO1aZ9YI-C6AXFODN4heA" /></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_647"
            data-radial-menu-target="frame"
          ></turbo-frame>
        </div>
      </div>
    </div>
</turbo-frame>
      
        
    </div>

</template></turbo-stream>