<turbo-stream action="append" target="products_grid"><template>
    

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sac-a-lait-de-noix-en-coton-bio-1-piece-1-piece-14875">
          <img alt="Sac à lait de noix en coton Bio, 1 pièce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6811/file/small-4ba4e1064e66642185e41409d60ba6bd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6811/file/medium-ccbf75b24007a815dd4c7f93374d7653.webp 900w, https://assets.fabulous.ch/public/variant_asset/6811/file/large-6d3b74734072e9c682fd206b1de3d693.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6811/file/medium-ccbf75b24007a815dd4c7f93374d7653.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">frohkost</p>
          <a href="/fr/products/sac-a-lait-de-noix-en-coton-bio-1-piece-1-piece-14875">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sac à lait de noix en coton Bio, 1 pièce, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 10.50 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-14875-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ti0boGWlZNGlC1y4_cjhBDEe8jTTAxOQu74fQ7xsVaTf-5DQbGWy3fM9ohhTo-O5stpSFQFUxERN1bRP625ApA" />
    <input value="14875" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sac-a-lait-de-noix-en-lin-bio-1-piece-1-piece-14876">
          <img alt="Sac à lait de noix en lin Bio, 1 pièce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6814/file/small-1cc552ffff00b237bc61ce59719b2c7e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6814/file/medium-75887d2f3f69847940ba75919f4baf00.webp 900w, https://assets.fabulous.ch/public/variant_asset/6814/file/large-00da9287b1ff1ef8d3b68011ac50146a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6814/file/medium-75887d2f3f69847940ba75919f4baf00.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">frohkost</p>
          <a href="/fr/products/sac-a-lait-de-noix-en-lin-bio-1-piece-1-piece-14876">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sac à lait de noix en lin Bio, 1 pièce, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 11.50 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-14876-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MnFk5rS9zmBwQpAlGZqOKg0gkvjXGkqjI98S9orHVfFbp--WvX0YbCZ0boW38YyXjuQy2QVNnXfVtLn63cVA8Q" />
    <input value="14876" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/biosnacky-germoir-classique-1-piece-1-piece-15306">
          <img alt="bioSnacky Germoir Classique, 1 pièce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6990/file/small-5f1be997c556678dda6407c3c7b1fbc2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6990/file/medium-84abb885c167a59e492f0ba39b042a14.webp 900w, https://assets.fabulous.ch/public/variant_asset/6990/file/large-1844002eacd16afc6d47e382e43095e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6990/file/medium-84abb885c167a59e492f0ba39b042a14.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/biosnacky-germoir-classique-1-piece-1-piece-15306">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">bioSnacky Germoir Classique, 1 pièce, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 29.90 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-15306-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rg_ivqodvFaPuVV86fshliUUzT-o5dY8HDXqUGcPAwov2WnOo91qWtmPq9xHkCMrptBtHnqyAejqXkFcMA0WCg" />
    <input value="15306" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sacs-compost-dechets-organiques-en-papier-recycle-10-pieces-10-piece-15322">
          <img alt="Sacs compost déchets organiques en papier recyclé 10 pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6999/file/small-5f3b4f9996af442e35dc508f4cbc2f6b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6999/file/medium-11f99d7e2674554aa13c14dc469f32ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/6999/file/large-349236d4c151c059d8b4861559e7ea81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6999/file/medium-11f99d7e2674554aa13c14dc469f32ad.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">memo</p>
          <a href="/fr/products/sacs-compost-dechets-organiques-en-papier-recycle-10-pieces-10-piece-15322">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sacs compost déchets organiques en papier recyclé 10 pièces, 10 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.30 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-15322-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="myg6uBPVhozLfBx3bjtc0pbHzUbgMy_4T1i96pwJEQry_rHIGhVQgJ1K4tfAUF5vFQNtZzJk-Cy5MxbmywsECg" />
    <input value="15322" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/essuie-tout-reutilisable-en-bambou-200-feuilles-200-piece-15368">
          <img alt="Essuie-Tout Réutilisable en Bambou, 200 feuilles" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7018/file/small-dea4293b09848b80470a8563d984b45d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7018/file/medium-9bedbf25fe2db0cc66b8056cea1ec9e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7018/file/large-1bfab2e3a9935d15decb5d11f2905ab6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7018/file/medium-9bedbf25fe2db0cc66b8056cea1ec9e4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bambaw</p>
          <a href="/fr/products/essuie-tout-reutilisable-en-bambou-200-feuilles-200-piece-15368">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Essuie-Tout Réutilisable en Bambou, 200 feuilles, 200 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.06 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-15368-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W8pQ0QxjFg24uXM-pbm1nCEHmlNrMIJryyE8bxKoTEIyHNuhBaPAAe6PjZ4L0rchosM6crlnVb89SpdjRapZQg" />
    <input value="15368" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pailles-en-acier-inoxydable-6-pieces-6-piece-15369">
          <img alt="Pailles en Acier Inoxydable, 6 pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7019/file/small-070f9825c56068cb16388d7297db3355.webp 600w, https://assets.fabulous.ch/public/variant_asset/7019/file/medium-e83b24b997f8a793fef299142e4c4e76.webp 900w, https://assets.fabulous.ch/public/variant_asset/7019/file/large-039a827728a758f9c039c90728ad60c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7019/file/medium-e83b24b997f8a793fef299142e4c4e76.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bambaw</p>
          <a href="/fr/products/pailles-en-acier-inoxydable-6-pieces-6-piece-15369">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pailles en Acier Inoxydable, 6 pièces, 6 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.08 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-15369-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ewWGPgMVcPmBi63aIUnTKj6HCA459981YsOmYAV1a7ES0w1OCtWm9de9U3qPItGXvUOoL-ugCOGUqA1sUnd-sQ" />
    <input value="15369" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/set-de-pailles-en-bambou-1-piece-1-piece-15371">
          <img alt="Set de pailles en bambou, 1 pièce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7020/file/small-69bcb8facef23e5c8894a6d12fa344c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7020/file/medium-3c4c74271aa235e5b2d19913c4aa3b26.webp 900w, https://assets.fabulous.ch/public/variant_asset/7020/file/large-da15705f4ef4e78e4bb2b9f7c32ddc75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7020/file/medium-3c4c74271aa235e5b2d19913c4aa3b26.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bambaw</p>
          <a href="/fr/products/set-de-pailles-en-bambou-1-piece-1-piece-15371">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Set de pailles en bambou, 1 pièce, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.50 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-15371-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pw794iRDBe1qxWqvO86IaMU0FFUAlIApZZ57fDAaAjrO2HaSLYPT4TzzlA-VpYrVRvC0dNLDV_2T9dBwZxgXOg" />
    <input value="15371" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bol-en-noix-de-coco-1-piece-1-piece-15372">
          <img alt="Bol en noix de coco, 1 pièce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7021/file/small-66d80c302d1a77c3787e9ef3bfd7a9bd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7021/file/medium-c65a0349aaa713ab6ed1666172af124b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7021/file/large-a4ea7abb8b8f71d9a99c015478e31b4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7021/file/medium-c65a0349aaa713ab6ed1666172af124b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bambaw</p>
          <a href="/fr/products/bol-en-noix-de-coco-1-piece-1-piece-15372">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bol en noix de coco, 1 pièce, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 8.25 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-15372-card">
        

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/lot-de-sachets-en-filet-reutilisables-5-pieces-5-piece-15373">
          <img alt="Lot de sachets en filet réutilisables, 5 pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7023/file/small-360b5700eb049dd645dcba6d0816311c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7023/file/medium-414e6664e5748277f968a27ecd035c11.webp 900w, https://assets.fabulous.ch/public/variant_asset/7023/file/large-6670584205ec01ad05e9b3f27714a0ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7023/file/medium-414e6664e5748277f968a27ecd035c11.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bambaw</p>
          <a href="/fr/products/lot-de-sachets-en-filet-reutilisables-5-pieces-5-piece-15373">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lot de sachets en filet réutilisables, 5 pièces, 5 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.98 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-15373-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X7e7ZjmOzH1WD37PrRqKqBjhETFnMIEx_-7sCONW7Os2YTAWME4acQA5gG8DcYgVmyWxELVnVuUJhUcEtFT56w" />
    <input value="15373" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/fouet-a-matcha-1-pcs-1-piece-15377">
          <img alt="Fouet à Matcha, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7036/file/small-b519ee3eee29ac80aa86cf6515ade3e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7036/file/medium-4d6953c025f8c41ab1136267aa448df5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7036/file/large-f9e46cb43ea8a7387c74f2f8a4039633.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7036/file/medium-4d6953c025f8c41ab1136267aa448df5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Matcha&amp;Friends</p>
          <a href="/fr/products/fouet-a-matcha-1-pcs-1-piece-15377">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fouet à Matcha, 1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 15.00 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-15377-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B1e_l5L4xpe5qIKL0aANPnANq15H7n4fT5LbxjO-0WtugTTnmzgQm--efCt_yw-D88kLf5W5qcu5-XDKZLzEaw" />
    <input value="15377" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/cuillere-en-bambou-matcha-1-pcs-1-piece-15378">
          <img alt="Cuillère en Bambou Matcha, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7034/file/small-9dff1b56c1f0eb189686011b3ae4dc09.webp 600w, https://assets.fabulous.ch/public/variant_asset/7034/file/medium-f4caabe11d023614c703536ebe787e35.webp 900w, https://assets.fabulous.ch/public/variant_asset/7034/file/large-f19379d6c2728b839d7dd25d647264d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7034/file/medium-f4caabe11d023614c703536ebe787e35.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Matcha&amp;Friends</p>
          <a href="/fr/products/cuillere-en-bambou-matcha-1-pcs-1-piece-15378">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuillère en Bambou Matcha, 1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 5.00 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-15378-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fCaiiPq1SxIyHWEWnINlo6ZrM8h-EGoPzjBN2ckAggsV8Cn483WdHmQrn7Yy6GceJa-T6axHvds4W-bVngKXCw" />
    <input value="15378" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/if-you-care-sacs-a-sandwichs-48-pieces-48-piece-15877">
          <img alt="if you care Sacs à sandwichs, 48 pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7284/file/small-e818352931f5c09a12eb07fa2c48f57c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7284/file/medium-c5bf51b74c9474fb0724f8cf3dd7862a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7284/file/large-c3864db0af21b82c40b57bb9931b049f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7284/file/medium-c5bf51b74c9474fb0724f8cf3dd7862a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">If you care</p>
          <a href="/fr/products/if-you-care-sacs-a-sandwichs-48-pieces-48-piece-15877">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">if you care Sacs à sandwichs, 48 pièces, 48 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.13 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-15877-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7w5J2F0Mc4B9r6LxhlhPez7g0VoTalnGoGoeh-qmdMaG2MKoVMyljCuZXFEoM03GvSRxe8E9jhJWAbWLvaRhxg" />
    <input value="15877" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/feuilles-de-papier-cuisson-fsc-30-feuilles-30-piece-16588">
          <img alt="Feuilles de papier cuisson FSC, 30 feuilles" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7645/file/small-27d5061c116f77372340459d4b326eb6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7645/file/medium-cd7b4c71a86c6704f8c05709ad72b0b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/7645/file/large-c04eb95e1c68f1ffb7f35b7dcd47bd33.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7645/file/medium-cd7b4c71a86c6704f8c05709ad72b0b3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">memo</p>
          <a href="/fr/products/feuilles-de-papier-cuisson-fsc-30-feuilles-30-piece-16588">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Feuilles de papier cuisson FSC, 30 feuilles, 30 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.11 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16588-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ip1aPYvJlwQWklZD1hZIT9QH8Yp3il2kTb415WnCCwtLS9FNgglBCECkqON4fUryV8NRq6XdinC71Z7pPsAeCw" />
    <input value="16588" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/jardin-a-germes-biosnacky-1-piece-1-piece-16739">
          <img alt="Jardin à germes bioSnacky, 1 pièce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7766/file/small-385cfe1ce8e096921da794f65e145dcf.webp 600w, https://assets.fabulous.ch/public/variant_asset/7766/file/medium-b4dea34be1e240b1039bdb507c0c0818.webp 900w, https://assets.fabulous.ch/public/variant_asset/7766/file/large-eece0d5e44508470b16d1de128e48cda.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7766/file/medium-b4dea34be1e240b1039bdb507c0c0818.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/jardin-a-germes-biosnacky-1-piece-1-piece-16739">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jardin à germes bioSnacky, 1 pièce, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 43.50 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16739-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bnU8dzJha1Yqx25V96fw2hGUX-67K0-C46vBWhKIYAYHo7cHO6G9WnzxkPVZzPJnklD_z2l8mFYVwGpWRYp1Bg" />
    <input value="16739" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/papier-en-vlies-pour-jardin-a-germes-biosnacky-25-pieces-25-piece-16740">
          <img alt="Papier en Vlies pour Jardin à Germes bioSnacky, 25 pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7767/file/small-5e18951506750593e61fc8e614644357.webp 600w, https://assets.fabulous.ch/public/variant_asset/7767/file/medium-bd7ca80602dc5cf07e2ecea9288afc98.webp 900w, https://assets.fabulous.ch/public/variant_asset/7767/file/large-fe7505ff47441abb815e9ed6267f3e32.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7767/file/medium-bd7ca80602dc5cf07e2ecea9288afc98.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/papier-en-vlies-pour-jardin-a-germes-biosnacky-25-pieces-25-piece-16740">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Papier en Vlies pour Jardin à Germes bioSnacky, 25 pièces, 25 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.26 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16740-card">
        

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/cuilleres-a-soupe-noires-emballees-individuellement-500-pcs-500-piece-16777">
          <img alt="Cuillères à soupe noires, emballées individuellement, 500 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7795/file/small-7b9d4286c67cebe29beee17c6d967a2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7795/file/medium-eabfbcd867948e4df890d0896d1bb053.webp 900w, https://assets.fabulous.ch/public/variant_asset/7795/file/large-ffc4f2e7ccfee0bc3bbebb6141f62fbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7795/file/medium-eabfbcd867948e4df890d0896d1bb053.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">naturesse</p>
          <a href="/fr/products/cuilleres-a-soupe-noires-emballees-individuellement-500-pcs-500-piece-16777">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuillères à soupe noires, emballées individuellement, 500 pcs, 500 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 53.85
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.11 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16777-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3zu1GVZgI8JgDONMkgxjyDBoUqsy67H6_zwkPB2ydOS27T5pX6D1zjY6Hew8Z2F1s6zyiuC8Zi4JV48wSrBh5A" />
    <input value="16777" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/set-de-couverts-3-pieces-noirs-emballes-individuellement-250-pieces-250-piece-16778">
          <img alt="Set de couverts 3 pièces noirs, emballés individuellement, 250 pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7797/file/small-8f4e4b6101e2f4aa9522bd1dbcb6e2a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7797/file/medium-5e8db4dfa8cf9dd0d3ce90b5a7966c2f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7797/file/large-bf2a652347631afbc8dcb951f6d4cb14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7797/file/medium-5e8db4dfa8cf9dd0d3ce90b5a7966c2f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">naturesse</p>
          <a href="/fr/products/set-de-couverts-3-pieces-noirs-emballes-individuellement-250-pieces-250-piece-16778">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Set de couverts 3 pièces noirs, emballés individuellement, 250 pièces, 250 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 66.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.26 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16778-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r69F52J5l1shcNueIebZutMlMeaaY6K7OLnOhhOorDPGec6Xa7lBV3dGJT6PjdsHUOGRx0g0dW_O0mWKRKq5Mw" />
    <input value="16778" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sacs-a-pain-230-x-210-x-2x35-mm-500-pieces-500-piece-16779">
          <img alt="Sacs à pain 230 x 210 x 2x35 mm, 500 pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7798/file/small-4b79d2a90963565593b6ea797be7412f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7798/file/medium-6510c708a19533826552d32af3159ca6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7798/file/large-3c284588f68f3c8601c985ff351c9fb5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7798/file/medium-6510c708a19533826552d32af3159ca6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">naturesse</p>
          <a href="/fr/products/sacs-a-pain-230-x-210-x-2x35-mm-500-pieces-500-piece-16779">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sacs à pain 230 x 210 x 2x35 mm, 500 pièces, 500 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.75
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.09 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16779-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ia1AtIdXVZlZw8aqZrM8yeFv9dvyVZ5Ozno1pxfvoppIe8vEjpeDlQ_1OArI2D50YqtV-iACSZo4EZ6rQO23mg" />
    <input value="16779" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/filets-de-lavage-en-coton-bio-2-pieces-2-piece-16797">
          <img alt="Filets de lavage en coton bio, 2 pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7811/file/small-273ec24c6129690c3856af13f3024d9c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7811/file/medium-a1a03e6811ff2429fc6abbfcea7ab616.webp 900w, https://assets.fabulous.ch/public/variant_asset/7811/file/large-905d8480a629126263b1697355d1a53d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7811/file/medium-a1a03e6811ff2429fc6abbfcea7ab616.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">memo</p>
          <a href="/fr/products/filets-de-lavage-en-coton-bio-2-pieces-2-piece-16797">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Filets de lavage en coton bio, 2 pièces, 2 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.75
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.38 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16797-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hOLSnrFWQjQq5vz-iZyXzdaLAijKKxdaoOnXOJgW-P3tNFnuuJaUOHzQAl4n95VwVU-iCRh8wI5Wgnw0zxTt_Q" />
    <input value="16797" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/mouchoirs-recycles-extra-doux-100-feuilles-100-piece-17154">
          <img alt="Mouchoirs Recyclés Extra Doux, 100 feuilles" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7991/file/small-0467a714de81d5ae2647f255da8da8c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7991/file/medium-96c8ad54a31fb444c9d4ae309f09a04d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7991/file/large-9c12b8d9f30193b6a93a28deda998007.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7991/file/medium-96c8ad54a31fb444c9d4ae309f09a04d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">memo</p>
          <a href="/fr/products/mouchoirs-recycles-extra-doux-100-feuilles-100-piece-17154">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mouchoirs Recyclés Extra Doux, 100 feuilles, 100 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.03 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-17154-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="prcUBl3gVkV7JSPdzT7qs5YkxUpfE8V4m4sdKXTqWp_PYZ92VCCASS0T3X1jVegOFeBla41EEqxt4LYlI-hPnw" />
    <input value="17154" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      80 sur 83 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/non-food/outils-de-cuisine?format=turbo_stream&amp;page=5">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>