
  <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_33912">
    <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/de/products/tokyo-ghoul-a5-notizbuch-ken-kaneki-abystyle-33912-de"
      data-controller="radial-menu form-feedback"
      data-radial-menu-mode-value="vertical"
      data-radial-menu-src-value="/de/products/tokyo-ghoul-a5-notizbuch-ken-kaneki-abystyle-33912-de/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">
          <img src="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/02c4cb5c82acfba66dbc2e4d524f6b1e.png" srcset="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/02c4cb5c82acfba66dbc2e4d524f6b1e.png
          160w,
          https://figuya-media.com/cdn-cgi/image/width=320,quality=80,format=auto,fit=scale-down/uploads/store/02c4cb5c82acfba66dbc2e4d524f6b1e.png
          320w,
          https://figuya-media.com/cdn-cgi/image/width=384,quality=80,format=auto,fit=scale-down/uploads/store/02c4cb5c82acfba66dbc2e4d524f6b1e.png
          384w,
          https://figuya-media.com/cdn-cgi/image/width=480,quality=85,format=auto,fit=scale-down/uploads/store/02c4cb5c82acfba66dbc2e4d524f6b1e.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="Tokyo Ghoul - A5 Notizbuch &quot;Ken Kaneki&quot; - AbyStyle" 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">
  Auf Lager
</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>

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

      </figure>

      <div class="card-body">
        <a data-turbo-frame="_top" href="/de/products/tokyo-ghoul-a5-notizbuch-ken-kaneki-abystyle-33912-de">
          <span class="absolute inset-0 z-10"></span>
          <h2 class="card-title text-sm line-clamp-2 min-h-10">Tokyo Ghoul - A5 Notizbuch &quot;Ken Kaneki&quot; - AbyStyle</h2>
</a>        <div class="flex items-center font-heading text-xl justify-between">
          <div>
              <span class="text-error font-bold">8,66 €</span>
              <span class="text-xs line-through text-base-content/50">9,90 €</span>
          </div>
        </div>
        <div class="card-actions z-20 flex gap-2">
          <div class="flex-1">
            

<div id="cart_action_card_product_33912" class="w-full relative inline-flex items-center">
      <form class="contents" method="post" action="/de/cart_line_items?product_id=33912"><button class="btn btn-md w-full btn-primary btn-outline" type="submit">
    <i class="fa-solid fa-cart-plus"></i>
    In den Korb
</button><input type="hidden" name="authenticity_token" value="Ve32qEQJTNazMZLfgb_-VOTEpFh2VacNI31ub4r8l8_P951DWuS_JN2sQ2BX4QfVUMfScBZRINTkjpOEwkO8gA" /></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_33912"
            data-radial-menu-target="frame"
          ></turbo-frame>
        </div>
      </div>
    </div>
</turbo-frame>  <turbo-frame class="carousel-item hover:-translate-y-0.5 transition-all duration-300 ease-out" id="product_25721">
    <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/de/products/my-hero-academia-a5-notizbuch-heroes-abystyle-25721-de"
      data-controller="radial-menu form-feedback"
      data-radial-menu-mode-value="vertical"
      data-radial-menu-src-value="/de/products/my-hero-academia-a5-notizbuch-heroes-abystyle-25721-de/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">
          <img src="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/949635a0e25f6be5498fca273770b524.png" srcset="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/949635a0e25f6be5498fca273770b524.png
          160w,
          https://figuya-media.com/cdn-cgi/image/width=320,quality=80,format=auto,fit=scale-down/uploads/store/949635a0e25f6be5498fca273770b524.png
          320w,
          https://figuya-media.com/cdn-cgi/image/width=384,quality=80,format=auto,fit=scale-down/uploads/store/949635a0e25f6be5498fca273770b524.png
          384w,
          https://figuya-media.com/cdn-cgi/image/width=480,quality=85,format=auto,fit=scale-down/uploads/store/949635a0e25f6be5498fca273770b524.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="My Hero Academia - A5 Notizbuch &quot;Heroes&quot; - AbyStyle" 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">
  Auf Lager
</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>

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

      </figure>

      <div class="card-body">
        <a data-turbo-frame="_top" href="/de/products/my-hero-academia-a5-notizbuch-heroes-abystyle-25721-de">
          <span class="absolute inset-0 z-10"></span>
          <h2 class="card-title text-sm line-clamp-2 min-h-10">My Hero Academia - A5 Notizbuch &quot;Heroes&quot; - AbyStyle</h2>
</a>        <div class="flex items-center font-heading text-xl justify-between">
          <div>
              <span class="text-error font-bold">8,91 €</span>
              <span class="text-xs line-through text-base-content/50">9,90 €</span>
          </div>
        </div>
        <div class="card-actions z-20 flex gap-2">
          <div class="flex-1">
            

<div id="cart_action_card_product_25721" class="w-full relative inline-flex items-center">
      <form class="contents" method="post" action="/de/cart_line_items?product_id=25721"><button class="btn btn-md w-full btn-primary btn-outline" type="submit">
    <i class="fa-solid fa-cart-plus"></i>
    In den Korb
</button><input type="hidden" name="authenticity_token" value="q-JCVev00YrV9k6PkZlB4697FRlmhRZtqE7ajmZyyLEx-Cm-9RkieLtrnzBHx7hiG3hjMQaBkbRvvSdlLs3j_g" /></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_25721"
            data-radial-menu-target="frame"
          ></turbo-frame>
        </div>
      </div>
    </div>
</turbo-frame>  <turbo-frame class="carousel-item hover:-translate-y-0.5 transition-all duration-300 ease-out" id="product_25869">
    <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/de/products/naruto-shippuden-a5-notebook-konoha-gruppe-25869-de"
      data-controller="radial-menu form-feedback"
      data-radial-menu-mode-value="vertical"
      data-radial-menu-src-value="/de/products/naruto-shippuden-a5-notebook-konoha-gruppe-25869-de/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">
          <img src="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/7eac58f358822e7551bc876d6bdd985c.png" srcset="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/7eac58f358822e7551bc876d6bdd985c.png
          160w,
          https://figuya-media.com/cdn-cgi/image/width=320,quality=80,format=auto,fit=scale-down/uploads/store/7eac58f358822e7551bc876d6bdd985c.png
          320w,
          https://figuya-media.com/cdn-cgi/image/width=384,quality=80,format=auto,fit=scale-down/uploads/store/7eac58f358822e7551bc876d6bdd985c.png
          384w,
          https://figuya-media.com/cdn-cgi/image/width=480,quality=85,format=auto,fit=scale-down/uploads/store/7eac58f358822e7551bc876d6bdd985c.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="NARUTO SHIPPUDEN - A5 Notebook &quot;Konoha Gruppe&quot;" 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">
  Auf Lager
</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
    "
  >
    -8%
  </div>
</div>

      </figure>

      <div class="card-body">
        <a data-turbo-frame="_top" href="/de/products/naruto-shippuden-a5-notebook-konoha-gruppe-25869-de">
          <span class="absolute inset-0 z-10"></span>
          <h2 class="card-title text-sm line-clamp-2 min-h-10">NARUTO SHIPPUDEN - A5 Notebook &quot;Konoha Gruppe&quot;</h2>
</a>        <div class="flex items-center font-heading text-xl justify-between">
          <div>
              <span class="text-error font-bold">9,16 €</span>
              <span class="text-xs line-through text-base-content/50">9,90 €</span>
          </div>
        </div>
        <div class="card-actions z-20 flex gap-2">
          <div class="flex-1">
            

<div id="cart_action_card_product_25869" class="w-full relative inline-flex items-center">
      <form class="contents" method="post" action="/de/cart_line_items?product_id=25869"><button class="btn btn-md w-full btn-primary btn-outline" type="submit">
    <i class="fa-solid fa-cart-plus"></i>
    In den Korb
</button><input type="hidden" name="authenticity_token" value="8QAXNWB7i1FfGSX3ZzT1ITbYqwEQl2eotNm4GMUv8WxrGnzefpZ4ozGE9EixagyggtvdKXCT4HFzKkXzjZDaIw" /></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_25869"
            data-radial-menu-target="frame"
          ></turbo-frame>
        </div>
      </div>
    </div>
</turbo-frame>  <turbo-frame class="carousel-item hover:-translate-y-0.5 transition-all duration-300 ease-out" id="product_44044">
    <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/de/products/pokemon-a5-notizbuch-pikachu-abystyle-44044-de"
      data-controller="radial-menu form-feedback"
      data-radial-menu-mode-value="vertical"
      data-radial-menu-src-value="/de/products/pokemon-a5-notizbuch-pikachu-abystyle-44044-de/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">
          <img src="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/313e10e4e1e40fcb13338e09a1cab3eb.png" srcset="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/313e10e4e1e40fcb13338e09a1cab3eb.png
          160w,
          https://figuya-media.com/cdn-cgi/image/width=320,quality=80,format=auto,fit=scale-down/uploads/store/313e10e4e1e40fcb13338e09a1cab3eb.png
          320w,
          https://figuya-media.com/cdn-cgi/image/width=384,quality=80,format=auto,fit=scale-down/uploads/store/313e10e4e1e40fcb13338e09a1cab3eb.png
          384w,
          https://figuya-media.com/cdn-cgi/image/width=480,quality=85,format=auto,fit=scale-down/uploads/store/313e10e4e1e40fcb13338e09a1cab3eb.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="Pokemon - A5 Notizbuch - &quot;Pikachu&quot; - AbyStyle" 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">
  Auf Lager
</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
    "
  >
    -8%
  </div>
</div>

      </figure>

      <div class="card-body">
        <a data-turbo-frame="_top" href="/de/products/pokemon-a5-notizbuch-pikachu-abystyle-44044-de">
          <span class="absolute inset-0 z-10"></span>
          <h2 class="card-title text-sm line-clamp-2 min-h-10">Pokemon - A5 Notizbuch - &quot;Pikachu&quot; - AbyStyle</h2>
</a>        <div class="flex items-center font-heading text-xl justify-between">
          <div>
              <span class="text-error font-bold">9,16 €</span>
              <span class="text-xs line-through text-base-content/50">9,90 €</span>
          </div>
        </div>
        <div class="card-actions z-20 flex gap-2">
          <div class="flex-1">
            

<div id="cart_action_card_product_44044" class="w-full relative inline-flex items-center">
      <form class="contents" method="post" action="/de/cart_line_items?product_id=44044"><button class="btn btn-md w-full btn-primary btn-outline" type="submit">
    <i class="fa-solid fa-cart-plus"></i>
    In den Korb
</button><input type="hidden" name="authenticity_token" value="nR7mXW1-awp7t5zuBbF0nNnbIIZg-dQ1zU-lDRjtin0HBI22c5OY-BUqTVHT740dbdhWrgD9U-wKvFjmUFKhMg" /></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_44044"
            data-radial-menu-target="frame"
          ></turbo-frame>
        </div>
      </div>
    </div>
</turbo-frame>  <turbo-frame class="carousel-item hover:-translate-y-0.5 transition-all duration-300 ease-out" id="product_40569">
    <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/de/products/mikey-manjiro-sano-draken-ken-ryuguji-takashi-mitsuya-tokyo-revengers-notizbuch-ensky-40569-de"
      data-controller="radial-menu form-feedback"
      data-radial-menu-mode-value="vertical"
      data-radial-menu-src-value="/de/products/mikey-manjiro-sano-draken-ken-ryuguji-takashi-mitsuya-tokyo-revengers-notizbuch-ensky-40569-de/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">
          <img src="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/524908301ed1c264a96b4ab892925d0e.png" srcset="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/524908301ed1c264a96b4ab892925d0e.png
          160w,
          https://figuya-media.com/cdn-cgi/image/width=320,quality=80,format=auto,fit=scale-down/uploads/store/524908301ed1c264a96b4ab892925d0e.png
          320w,
          https://figuya-media.com/cdn-cgi/image/width=384,quality=80,format=auto,fit=scale-down/uploads/store/524908301ed1c264a96b4ab892925d0e.png
          384w,
          https://figuya-media.com/cdn-cgi/image/width=480,quality=85,format=auto,fit=scale-down/uploads/store/524908301ed1c264a96b4ab892925d0e.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="Mikey / Manjiro Sano, Draken / Ken Ryuguji &amp; Takashi Mitsuya - Tokyo Revengers - Notizbuch - Ensky" 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">
  Auf Lager
</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="/de/products/mikey-manjiro-sano-draken-ken-ryuguji-takashi-mitsuya-tokyo-revengers-notizbuch-ensky-40569-de">
          <span class="absolute inset-0 z-10"></span>
          <h2 class="card-title text-sm line-clamp-2 min-h-10">Mikey / Manjiro Sano, Draken / Ken Ryuguji &amp; Takashi Mitsuya - Tokyo Revengers - Notizbuch - Ensky</h2>
</a>        <div class="flex items-center font-heading text-xl justify-between">
          <div>
              <span class="text-error font-bold">11,18 €</span>
              <span class="text-xs line-through text-base-content/50">14,90 €</span>
          </div>
        </div>
        <div class="card-actions z-20 flex gap-2">
          <div class="flex-1">
            

<div id="cart_action_card_product_40569" class="w-full relative inline-flex items-center">
      <form class="contents" method="post" action="/de/cart_line_items?product_id=40569"><button class="btn btn-md w-full btn-primary btn-outline" type="submit">
    <i class="fa-solid fa-cart-plus"></i>
    In den Korb
</button><input type="hidden" name="authenticity_token" value="aqCFT56rEJ9AB0il3IYAh10yjcVG-cQm72ZmILnJI8jwuu6kgEbjbS6amRoK2PkG6TH77Sb9Q_8olZvL8XYIhw" /></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_40569"
            data-radial-menu-target="frame"
          ></turbo-frame>
        </div>
      </div>
    </div>
</turbo-frame>  <turbo-frame class="carousel-item hover:-translate-y-0.5 transition-all duration-300 ease-out" id="product_40568">
    <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/de/products/keisuke-baji-chifuyu-matsuno-takemichi-hanagaki-tokyo-revengers-notizbuch-ensky-40568-de"
      data-controller="radial-menu form-feedback"
      data-radial-menu-mode-value="vertical"
      data-radial-menu-src-value="/de/products/keisuke-baji-chifuyu-matsuno-takemichi-hanagaki-tokyo-revengers-notizbuch-ensky-40568-de/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">
          <img src="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/8ee7b2c1ead789b9869c50c49f70a3fb.png" srcset="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/8ee7b2c1ead789b9869c50c49f70a3fb.png
          160w,
          https://figuya-media.com/cdn-cgi/image/width=320,quality=80,format=auto,fit=scale-down/uploads/store/8ee7b2c1ead789b9869c50c49f70a3fb.png
          320w,
          https://figuya-media.com/cdn-cgi/image/width=384,quality=80,format=auto,fit=scale-down/uploads/store/8ee7b2c1ead789b9869c50c49f70a3fb.png
          384w,
          https://figuya-media.com/cdn-cgi/image/width=480,quality=85,format=auto,fit=scale-down/uploads/store/8ee7b2c1ead789b9869c50c49f70a3fb.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="Keisuke Baji, Chifuyu Matsuno &amp; Takemichi Hanagaki - Tokyo Revengers - Notizbuch - Ensky" 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">
  Auf Lager
</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
    "
  >
    -13%
  </div>
</div>

      </figure>

      <div class="card-body">
        <a data-turbo-frame="_top" href="/de/products/keisuke-baji-chifuyu-matsuno-takemichi-hanagaki-tokyo-revengers-notizbuch-ensky-40568-de">
          <span class="absolute inset-0 z-10"></span>
          <h2 class="card-title text-sm line-clamp-2 min-h-10">Keisuke Baji, Chifuyu Matsuno &amp; Takemichi Hanagaki - Tokyo Revengers - Notizbuch - Ensky</h2>
</a>        <div class="flex items-center font-heading text-xl justify-between">
          <div>
              <span class="text-error font-bold">13,04 €</span>
              <span class="text-xs line-through text-base-content/50">14,90 €</span>
          </div>
        </div>
        <div class="card-actions z-20 flex gap-2">
          <div class="flex-1">
            

<div id="cart_action_card_product_40568" class="w-full relative inline-flex items-center">
      <form class="contents" method="post" action="/de/cart_line_items?product_id=40568"><button class="btn btn-md w-full btn-primary btn-outline" type="submit">
    <i class="fa-solid fa-cart-plus"></i>
    In den Korb
</button><input type="hidden" name="authenticity_token" value="OVSizbzOQI10BYN9Goj2O1vwN9OLokF-wnjyooBmzlWjTskmoiOzfxqYUsLM1g-67_NB--umxqcFiw9JyNnlGg" /></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_40568"
            data-radial-menu-target="frame"
          ></turbo-frame>
        </div>
      </div>
    </div>
</turbo-frame>
        <turbo-frame class="carousel-item hover:-translate-y-0.5 transition-all duration-300 ease-out" id="product_32862">
    <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/de/products/tanjiro-kamado-demon-slayer-kimestu-no-yaiba-notizbuch-bell-house-32862-de"
      data-controller="radial-menu form-feedback"
      data-radial-menu-mode-value="vertical"
      data-radial-menu-src-value="/de/products/tanjiro-kamado-demon-slayer-kimestu-no-yaiba-notizbuch-bell-house-32862-de/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">
          <img src="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/92522434dce50c0bc1b14e6cf54ed7bd.png" srcset="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/92522434dce50c0bc1b14e6cf54ed7bd.png
          160w,
          https://figuya-media.com/cdn-cgi/image/width=320,quality=80,format=auto,fit=scale-down/uploads/store/92522434dce50c0bc1b14e6cf54ed7bd.png
          320w,
          https://figuya-media.com/cdn-cgi/image/width=384,quality=80,format=auto,fit=scale-down/uploads/store/92522434dce50c0bc1b14e6cf54ed7bd.png
          384w,
          https://figuya-media.com/cdn-cgi/image/width=480,quality=85,format=auto,fit=scale-down/uploads/store/92522434dce50c0bc1b14e6cf54ed7bd.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
          opacity-0
          
          " alt="Tanjiro Kamado  - Demon Slayer: Kimestu no Yaiba - Notizbuch - Bell House" loading="lazy" decoding="async"
          
          onload="this.classList.remove('opacity-0')" >

        <span class="badge badge-sm badge-success whitespace-nowrap absolute top-2 left-2 z-20">
  Auf Lager
</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
    "
  >
    -10%
  </div>
</div>

      </figure>

      <div class="card-body">
        <a data-turbo-frame="_top" href="/de/products/tanjiro-kamado-demon-slayer-kimestu-no-yaiba-notizbuch-bell-house-32862-de">
          <span class="absolute inset-0 z-10"></span>
          <h2 class="card-title text-sm line-clamp-2 min-h-10">Tanjiro Kamado  - Demon Slayer: Kimestu no Yaiba - Notizbuch - Bell House</h2>
</a>        <div class="flex items-center font-heading text-xl justify-between">
          <div>
              <span class="text-error font-bold">8,91 €</span>
              <span class="text-xs line-through text-base-content/50">9,90 €</span>
          </div>
        </div>
        <div class="card-actions z-20 flex gap-2">
          <div class="flex-1">
            

<div id="cart_action_card_product_32862" class="w-full relative inline-flex items-center">
      <form class="contents" method="post" action="/de/cart_line_items?product_id=32862"><button class="btn btn-md w-full btn-primary btn-outline" type="submit">
    <i class="fa-solid fa-cart-plus"></i>
    In den Korb
</button><input type="hidden" name="authenticity_token" value="5rV4_jUqdRXsvCLb901DXsAoNjyUIvtrKYW_jJrwmdV8rxMVK8eG54Ih82QhE7rfdCtAFPQmfLLudkJn0k-ymg" /></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_32862"
            data-radial-menu-target="frame"
          ></turbo-frame>
        </div>
      </div>
    </div>
</turbo-frame>
        
    </div>

</template></turbo-stream>