
  <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_93011">
    <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/ponyo-das-grosse-abenteuer-am-meer-essstaebchen-set-skater-93011-de"
      data-controller="radial-menu"
      data-radial-menu-mode-value="vertical"
      ondragstart="event.dataTransfer.setData('text/uri-list', this.dataset.productUrl); event.dataTransfer.setData('text/plain', this.dataset.productUrl);"
    >
      <figure class="relative">
          <img src="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/bd603da0ec23caecbb13f9db363952fd.png" srcset="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/bd603da0ec23caecbb13f9db363952fd.png
          160w,
          https://figuya-media.com/cdn-cgi/image/width=320,quality=80,format=auto,fit=scale-down/uploads/store/bd603da0ec23caecbb13f9db363952fd.png
          320w,
          https://figuya-media.com/cdn-cgi/image/width=384,quality=80,format=auto,fit=scale-down/uploads/store/bd603da0ec23caecbb13f9db363952fd.png
          384w,
          https://figuya-media.com/cdn-cgi/image/width=480,quality=85,format=auto,fit=scale-down/uploads/store/bd603da0ec23caecbb13f9db363952fd.png
          480w" sizes="(min-width: 1536px) 16vw, (min-width: 1280px) 20vw,
          (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 45vw" width="320"
          height="320" class="object-cover w-full aspect-square bg-base-300
          transition-[filter,opacity] duration-300
          
          
          " alt="Ponyo – Das große Abenteuer am Meer - Essstäbchen Set - Skater" loading="eager" decoding="sync"
          fetchpriority="high"
          onload="this.classList.remove('opacity-0')" >

        <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>

          <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
    "
  >
    -25%
  </div>
</div>

      </figure>

      <div class="card-body">
        <a data-turbo-frame="_top" href="/fr/products/ponyo-das-grosse-abenteuer-am-meer-essstaebchen-set-skater-93011-de">
          <span class="absolute inset-0 z-10"></span>
          <h2 class="card-title text-sm line-clamp-2 min-h-10">Ponyo – Das große Abenteuer am Meer - Essstäbchen Set - Skater</h2>
</a>        <div class="flex items-center font-heading text-xl justify-between">
          <div>
              <span class="text-error font-bold">9,68 €</span>
              <span class="text-xs line-through text-base-content/50">12,90 €</span>
          </div>
        </div>
        <div class="card-actions z-20 flex gap-2">
          <div class="relative flex-1">
              <form class="contents" method="post" action="/fr/cart_line_items?product_id=93011"><button class="btn btn-primary btn-outline px-2 w-full" type="submit">
                <i class="fa-solid fa-cart-plus"></i>
                Ajouter au panier
</button><input type="hidden" name="authenticity_token" value="y7TM_jqWwdc9_dieBlMs3frl8CThFpTfdZ-bQa7ehgjYjKU9NEV03-_q5z0iUq1Y026lBOqBjNu9Bt9VWKWysw" /></form>          </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"></i>
          </button>

          
<div
  data-radial-menu-target="overlay"
  data-action="click->radial-menu#close"
  class="absolute inset-0 z-30 glass pointer-events-none opacity-0"
></div>

<div
  data-radial-menu-target="menu"
  class="
    absolute bottom-16 right-2 z-40 flex flex-col-reverse gap-2 transition-all
    duration-200 origin-bottom scale-0 opacity-0 pointer-events-none
  "
>
    <div
      class="tooltip tooltip-left tooltip-open"
      data-tip="Ajouter au panier"
    >
      <form class="button_to" method="post" action="/fr/cart_line_items?product_id=93011"><button aria-label="Ajouter au panier" class="btn btn-circle btn-primary btn-outline" type="submit">
        <i class="fa-solid fa-cart-plus"></i>
</button><input type="hidden" name="authenticity_token" value="Vmb9wZx2GANZafLQBR6ScKVsGUy4EuWm3Q8FPRJ5X7NFXpQCkqWtC4t-zXMhHxP1jOdMbLOF_aIVlkEp5AJrCA" /></form>    </div>
    <div
      class="tooltip tooltip-left tooltip-open"
      data-tip="Preisvorschlag"
    >
      <button class="btn btn-circle btn-success btn-outline" type="button" data-action="modal-trigger#open" data-modal-trigger-src-value="/fr/user/barter_requests/new?product_id=93011" data-modal-trigger-title-value="Preisvorschlag" data-modal-trigger-modal-value="barter_request_modal" data-controller="modal-trigger">
        <i class="fa-solid fa-hand-holding-dollar"></i>
</button>    </div>
  <div
    class="tooltip tooltip-left tooltip-open"
    data-tip="Ajouter aux favoris"
  >
    <button class="btn btn-circle btn-neutral btn-outline" type="button" data-action="modal-trigger#open" data-modal-trigger-src-value="/fr/watch_list_entries/new?product_id=93011" data-modal-trigger-title-value="Ajouter aux favoris" data-modal-trigger-modal-value="watch_list_modal" data-controller="modal-trigger">
      <i class="fa-solid fa-bookmark"></i>
</button>  </div>
  <div
    class="tooltip tooltip-left tooltip-open"
    data-tip="Télécharger une photo"
  >
    <button class="btn btn-circle btn-accent btn-outline" type="button" data-action="modal-trigger#open" data-modal-trigger-src-value="/fr/user_fotos/new?product_id=93011" data-modal-trigger-title-value="Télécharger une photo" data-modal-trigger-modal-value="user_foto_modal" data-controller="modal-trigger">
      <i class="fa-solid fa-camera"></i>
</button>  </div>
  <div
    class="tooltip tooltip-left tooltip-open"
    data-tip="Ajouter à la collection"
  >
    <button class="btn btn-circle btn-warning btn-outline" type="button" data-action="modal-trigger#open" data-modal-trigger-src-value="/fr/collection_items/new?product_id=93011" data-modal-trigger-title-value="Ajouter à la collection" data-modal-trigger-modal-value="collection_modal" data-controller="modal-trigger">
      <i class="fa-solid fa-box-open"></i>
</button>  </div>
  <div
    class="tooltip tooltip-left tooltip-open"
    data-tip="Bewerten"
  >
    <button class="btn btn-circle btn-neutral btn-outline" type="button" data-action="modal-trigger#open" data-modal-trigger-src-value="/fr/user/reviews/new?product_id=93011" data-modal-trigger-title-value="Bewerten" data-modal-trigger-modal-value="review_modal" data-controller="modal-trigger">
      <i class="fa-solid fa-star-half-stroke"></i>
</button>  </div>
</div>

        </div>
      </div>
    </div>
</turbo-frame>
      
        
    </div>

</template></turbo-stream>