
  <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_63195">
    <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/nilou-birthday-card-set-can-badge-shikishi-sticker-und-message-card-chinese-genshin-impact-destined-day-mihoyo-63195-en"
      data-controller="radial-menu form-feedback"
      data-radial-menu-mode-value="vertical"
      data-radial-menu-src-value="/en/products/nilou-birthday-card-set-can-badge-shikishi-sticker-und-message-card-chinese-genshin-impact-destined-day-mihoyo-63195-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">
          <img src="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/b096c39809c2f282a6cfc2a62d005c86.png" srcset="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/b096c39809c2f282a6cfc2a62d005c86.png
          160w,
          https://figuya-media.com/cdn-cgi/image/width=320,quality=80,format=auto,fit=scale-down/uploads/store/b096c39809c2f282a6cfc2a62d005c86.png
          320w,
          https://figuya-media.com/cdn-cgi/image/width=384,quality=80,format=auto,fit=scale-down/uploads/store/b096c39809c2f282a6cfc2a62d005c86.png
          384w,
          https://figuya-media.com/cdn-cgi/image/width=480,quality=85,format=auto,fit=scale-down/uploads/store/b096c39809c2f282a6cfc2a62d005c86.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="Nilou - Birthday card Set - can badge, Shikishi, sticker und message card (Chinese) - Genshin Impact - Destined Day - miHoYo" 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">
  In 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
    "
  >
    -13%
  </div>
</div>

      </figure>

      <div class="card-body">
        <a data-turbo-frame="_top" href="/en/products/nilou-birthday-card-set-can-badge-shikishi-sticker-und-message-card-chinese-genshin-impact-destined-day-mihoyo-63195-en">
          <span class="absolute inset-0 z-10"></span>
          <h2 class="card-title text-sm line-clamp-2 min-h-10">Nilou - Birthday card Set - can badge, Shikishi, sticker und message card (Chinese) - Genshin Impact - Destined Day - miHoYo</h2>
</a>        <div class="flex items-center font-heading text-xl justify-between">
          <div>
              <span class="text-error font-bold">€17.41</span>
              <span class="text-xs line-through text-base-content/50">€19.90</span>
          </div>
        </div>
        <div class="card-actions z-20 flex gap-2">
          <div class="flex-1">
            

<div id="cart_action_card_product_63195" class="w-full relative inline-flex items-center">
      <form class="contents" method="post" action="/en/cart_line_items?product_id=63195"><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="-803XApRjPzByc969c3wzymLpUVmFTsEDctQVm772IMgrJA99VV6JXA0rSWx2U_P9ANAf-pKM_fkoZJrgO3JOg" /></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_63195"
            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_50906">
    <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/nilou-genshin-impact-sumeru-castle-series-chara-acrylic-stand-50906-en"
      data-controller="radial-menu form-feedback"
      data-radial-menu-mode-value="vertical"
      data-radial-menu-src-value="/en/products/nilou-genshin-impact-sumeru-castle-series-chara-acrylic-stand-50906-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">
          <img src="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/e7bfb80ced84e14b845767b21c95995b.png" srcset="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/e7bfb80ced84e14b845767b21c95995b.png
          160w,
          https://figuya-media.com/cdn-cgi/image/width=320,quality=80,format=auto,fit=scale-down/uploads/store/e7bfb80ced84e14b845767b21c95995b.png
          320w,
          https://figuya-media.com/cdn-cgi/image/width=384,quality=80,format=auto,fit=scale-down/uploads/store/e7bfb80ced84e14b845767b21c95995b.png
          384w,
          https://figuya-media.com/cdn-cgi/image/width=480,quality=85,format=auto,fit=scale-down/uploads/store/e7bfb80ced84e14b845767b21c95995b.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="Nilou - Genshin Impact - Sumeru Castle Series Chara Acrylic Stand" 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">
  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/nilou-genshin-impact-sumeru-castle-series-chara-acrylic-stand-50906-en">
          <span class="absolute inset-0 z-10"></span>
          <h2 class="card-title text-sm line-clamp-2 min-h-10">Nilou - Genshin Impact - Sumeru Castle Series Chara Acrylic Stand</h2>
</a>        <div class="flex items-center font-heading text-xl justify-between">
          <div>
              <span class="font-bold">€16.90</span>
          </div>
        </div>
        <div class="card-actions z-20 flex gap-2">
          <div class="flex-1">
            

<div id="cart_action_card_product_50906" class="w-full relative inline-flex items-center">
      <form class="contents" method="post" action="/en/cart_line_items?product_id=50906"><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="5yW8rEbwA-s9wrLuTWc3jQR-1ZR6QpH48UVLRrckRwLJZYjFDNVk1olzUH35QXuo_u2vUgoOruUzJymYwSUFFg" /></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_50906"
            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_60900">
    <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/cyno-nilou-candace-genshin-impact-king-deshret-and-the-three-magi-mousepad-mihoyo-60900-en"
      data-controller="radial-menu form-feedback"
      data-radial-menu-mode-value="vertical"
      data-radial-menu-src-value="/en/products/cyno-nilou-candace-genshin-impact-king-deshret-and-the-three-magi-mousepad-mihoyo-60900-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">
          <img src="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/7fe17849dab0945475c9ee8810d98db8.png" srcset="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/7fe17849dab0945475c9ee8810d98db8.png
          160w,
          https://figuya-media.com/cdn-cgi/image/width=320,quality=80,format=auto,fit=scale-down/uploads/store/7fe17849dab0945475c9ee8810d98db8.png
          320w,
          https://figuya-media.com/cdn-cgi/image/width=384,quality=80,format=auto,fit=scale-down/uploads/store/7fe17849dab0945475c9ee8810d98db8.png
          384w,
          https://figuya-media.com/cdn-cgi/image/width=480,quality=85,format=auto,fit=scale-down/uploads/store/7fe17849dab0945475c9ee8810d98db8.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="Cyno, Nilou &amp; Candace - Genshin Impact King Deshret and the Three Magi - Mousepad - miHoYo" 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">
  In 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
    "
  >
    -13%
  </div>
</div>

      </figure>

      <div class="card-body">
        <a data-turbo-frame="_top" href="/en/products/cyno-nilou-candace-genshin-impact-king-deshret-and-the-three-magi-mousepad-mihoyo-60900-en">
          <span class="absolute inset-0 z-10"></span>
          <h2 class="card-title text-sm line-clamp-2 min-h-10">Cyno, Nilou &amp; Candace - Genshin Impact King Deshret and the Three Magi - Mousepad - miHoYo</h2>
</a>        <div class="flex items-center font-heading text-xl justify-between">
          <div>
              <span class="text-error font-bold">€26.16</span>
              <span class="text-xs line-through text-base-content/50">€29.90</span>
          </div>
        </div>
        <div class="card-actions z-20 flex gap-2">
          <div class="flex-1">
            

<div id="cart_action_card_product_60900" class="w-full relative inline-flex items-center">
      <form class="contents" method="post" action="/en/cart_line_items?product_id=60900"><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="XvrggBR5OXNGkgkY_LqT3kz2YG46aMgzteg72z4aNP1wutTpXlxeTvIj64tInN_7tmUaqEok9y53ilkFSBt26Q" /></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_60900"
            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_60128">
    <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/nilou-genshin-impact-yi-wen-yi-shi-series-shikishi-mihoyo-60128-en"
      data-controller="radial-menu form-feedback"
      data-radial-menu-mode-value="vertical"
      data-radial-menu-src-value="/en/products/nilou-genshin-impact-yi-wen-yi-shi-series-shikishi-mihoyo-60128-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">
          <img src="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/10eafbc50765d23a59291446e38b296d.png" srcset="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/10eafbc50765d23a59291446e38b296d.png
          160w,
          https://figuya-media.com/cdn-cgi/image/width=320,quality=80,format=auto,fit=scale-down/uploads/store/10eafbc50765d23a59291446e38b296d.png
          320w,
          https://figuya-media.com/cdn-cgi/image/width=384,quality=80,format=auto,fit=scale-down/uploads/store/10eafbc50765d23a59291446e38b296d.png
          384w,
          https://figuya-media.com/cdn-cgi/image/width=480,quality=85,format=auto,fit=scale-down/uploads/store/10eafbc50765d23a59291446e38b296d.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="Nilou - Genshin Impact (Yi Wen Yi Shi Series) - Shikishi - miHoYo" 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">
  In 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
    "
  >
    -10%
  </div>
</div>

      </figure>

      <div class="card-body">
        <a data-turbo-frame="_top" href="/en/products/nilou-genshin-impact-yi-wen-yi-shi-series-shikishi-mihoyo-60128-en">
          <span class="absolute inset-0 z-10"></span>
          <h2 class="card-title text-sm line-clamp-2 min-h-10">Nilou - Genshin Impact (Yi Wen Yi Shi Series) - Shikishi - miHoYo</h2>
</a>        <div class="flex items-center font-heading text-xl justify-between">
          <div>
              <span class="text-error font-bold">€11.61</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="flex-1">
            

<div id="cart_action_card_product_60128" class="w-full relative inline-flex items-center">
      <form class="contents" method="post" action="/en/cart_line_items?product_id=60128"><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="qGU12crq8_83-MCrvdB4-ME7jQRLWg4MQQth0JfCK5aGJQGwgM-UwoNJIjgJ9jTdO6j3wjsWMRGDaQMO4cNpgg" /></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_60128"
            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_60136">
    <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/nilou-genshin-impact-yi-wen-yi-shi-series-glitter-acrylic-block-mihoyo-60136-en"
      data-controller="radial-menu form-feedback"
      data-radial-menu-mode-value="vertical"
      data-radial-menu-src-value="/en/products/nilou-genshin-impact-yi-wen-yi-shi-series-glitter-acrylic-block-mihoyo-60136-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">
          <img src="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/ca3862d38a44d5d677078b67a801b3e8.png" srcset="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/ca3862d38a44d5d677078b67a801b3e8.png
          160w,
          https://figuya-media.com/cdn-cgi/image/width=320,quality=80,format=auto,fit=scale-down/uploads/store/ca3862d38a44d5d677078b67a801b3e8.png
          320w,
          https://figuya-media.com/cdn-cgi/image/width=384,quality=80,format=auto,fit=scale-down/uploads/store/ca3862d38a44d5d677078b67a801b3e8.png
          384w,
          https://figuya-media.com/cdn-cgi/image/width=480,quality=85,format=auto,fit=scale-down/uploads/store/ca3862d38a44d5d677078b67a801b3e8.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="Nilou - Genshin Impact (Yi Wen Yi Shi Series) - Glitter Acrylic Block - miHoYo" 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">
  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>

          <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="/en/products/nilou-genshin-impact-yi-wen-yi-shi-series-glitter-acrylic-block-mihoyo-60136-en">
          <span class="absolute inset-0 z-10"></span>
          <h2 class="card-title text-sm line-clamp-2 min-h-10">Nilou - Genshin Impact (Yi Wen Yi Shi Series) - Glitter Acrylic Block - miHoYo</h2>
</a>        <div class="flex items-center font-heading text-xl justify-between">
          <div>
              <span class="text-error font-bold">€13.41</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_60136" class="w-full relative inline-flex items-center">
      <form class="contents" method="post" action="/en/cart_line_items?product_id=60136"><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="bITMbaeFW4hwbPl1ljyxCZajGuec_BXHfGkBkXIB4NZCxPgE7aA8tcTdG-YiGv0sbDBgIeywKtq-C2NPBACiwg" /></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_60136"
            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_55347">
    <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/nilou-colotta-charm-genshin-impact-acrylic-keychain-mihoyo-55347-en"
      data-controller="radial-menu form-feedback"
      data-radial-menu-mode-value="vertical"
      data-radial-menu-src-value="/en/products/nilou-colotta-charm-genshin-impact-acrylic-keychain-mihoyo-55347-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">
          <img src="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/41f984428c6637567d4b4cab3dd60a6b.png" srcset="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/41f984428c6637567d4b4cab3dd60a6b.png
          160w,
          https://figuya-media.com/cdn-cgi/image/width=320,quality=80,format=auto,fit=scale-down/uploads/store/41f984428c6637567d4b4cab3dd60a6b.png
          320w,
          https://figuya-media.com/cdn-cgi/image/width=384,quality=80,format=auto,fit=scale-down/uploads/store/41f984428c6637567d4b4cab3dd60a6b.png
          384w,
          https://figuya-media.com/cdn-cgi/image/width=480,quality=85,format=auto,fit=scale-down/uploads/store/41f984428c6637567d4b4cab3dd60a6b.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="Nilou (Colotta Charm) - Genshin Impact - Acrylic Keychain - miHoYo" 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">
  In 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="/en/products/nilou-colotta-charm-genshin-impact-acrylic-keychain-mihoyo-55347-en">
          <span class="absolute inset-0 z-10"></span>
          <h2 class="card-title text-sm line-clamp-2 min-h-10">Nilou (Colotta Charm) - Genshin Impact - Acrylic Keychain - miHoYo</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="flex-1">
            

<div id="cart_action_card_product_55347" class="w-full relative inline-flex items-center">
      <form class="contents" method="post" action="/en/cart_line_items?product_id=55347"><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="pgLqXKJVy3JAra8LQbCaZ4b7IVzk3t73Je1SZBztMQ2IQt416HCsT_QcTZj1ltZCfGhbmpSS4ernjzC6auxzGQ" /></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_55347"
            data-radial-menu-target="frame"
          ></turbo-frame>
        </div>
      </div>
    </div>
</turbo-frame>
      
        
    </div>

</template></turbo-stream>