<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/boite-a-savon-en-aluminium-1-piece-1-piece-6323">
          <img alt="Boîte à savon en aluminium, 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/3634/file/small-c97a24fb4094934daf46e21201feb19d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3634/file/medium-944ae4bb5a1f09fb649b8da57f8ae714.webp 900w, https://assets.fabulous.ch/public/variant_asset/3634/file/large-09692c2cdf1549666f249a60fb284849.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3634/file/medium-944ae4bb5a1f09fb649b8da57f8ae714.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">Hydrophil</p>
          <a href="/fr/products/boite-a-savon-en-aluminium-1-piece-1-piece-6323">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boîte à savon en aluminium, 1 pièce, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bMDtNZbmb1351KixfzZLoUYN1lEwAbvECs7exKTsbPAPvzSWeFYzEWq0Mo47k9lkl8krHpabGYVAINvqZdx_LQ" />
    <input value="6323" 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/porte-brosse-a-dents-blanc-1-piece-1-piece-6351">
          <img alt="Porte-brosse à dents blanc, 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/3647/file/small-93700d394e5fce67f17f902bff4802aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/3647/file/medium-9cfec87604f184563380633801a30139.webp 900w, https://assets.fabulous.ch/public/variant_asset/3647/file/large-83342103c952eedf9df961852ff222e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3647/file/medium-9cfec87604f184563380633801a30139.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">Hydrophil</p>
          <a href="/fr/products/porte-brosse-a-dents-blanc-1-piece-1-piece-6351">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Porte-brosse à dents blanc, 1 pièce, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iVxU62KHZPVha6IhB75rBdjJ6bz5rPyoP8gEs7gfs0PqI41IjDc4ufILOB5DG_nACQ0U8182Xul1JgGdeS-gng" />
    <input value="6351" 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/gobelet-pour-brosses-a-dents-enfants-capitaine-1-pcs-1-piece-6354">
          <img alt="Gobelet pour brosses à dents enfants Capitaine, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3650/file/small-125615f8e0418cb3afe0353402127a75.webp 600w, https://assets.fabulous.ch/public/variant_asset/3650/file/medium-13f9f5cb17d5ef45c8bae394c3b68d93.webp 900w, https://assets.fabulous.ch/public/variant_asset/3650/file/large-a4f176392c404c67d4fe07f31f90ede6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3650/file/medium-13f9f5cb17d5ef45c8bae394c3b68d93.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">Hydrophil</p>
          <a href="/fr/products/gobelet-pour-brosses-a-dents-enfants-capitaine-1-pcs-1-piece-6354">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gobelet pour brosses à dents enfants Capitaine, 1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GkSHndZvyc0Ko7yyXK82CLGOrU3co30coPgAD7mWY7t5O14-ON-VgZnDJo0YCqTNYEpQAno5313qFgUheKZwZg" />
    <input value="6354" 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/gobelet-pour-brosses-a-dents-1-pcs-1-piece-6355">
          <img alt="Gobelet pour brosses à dents, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3651/file/small-e4bc3d205dfbf1c42cf64d63424a4a6b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3651/file/medium-e1e86418dcbd50f186630e496147f388.webp 900w, https://assets.fabulous.ch/public/variant_asset/3651/file/large-5db730e879998bf49f09f22cb8ef05df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3651/file/medium-e1e86418dcbd50f186630e496147f388.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">Hydrophil</p>
          <a href="/fr/products/gobelet-pour-brosses-a-dents-1-pcs-1-piece-6355">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gobelet pour brosses à dents, 1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xkf6_ywCEBwgBLG2xChGhap_O2GP6U47AT2vjIW84HulOCNcwrJMULNkK4mAjdRAe7vGLilz7HpL06qiRIzzpg" />
    <input value="6355" 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/dentifrices-pastilles-sans-fluor-mint-sachet-125-pastilles-125-piece-6371">
          <img alt="Dentifrices Pastilles Sans Fluor MINT Sachet, 125 Pastilles" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3665/file/small-9f981ba044f28fcc7fe83e4cb8d11673.webp 600w, https://assets.fabulous.ch/public/variant_asset/3665/file/medium-2a674f28fe83b93d179b654a0691cc6b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3665/file/large-7b0ac4328ca1b7e4fa5320cdd04e7796.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3665/file/medium-2a674f28fe83b93d179b654a0691cc6b.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">Denttabs</p>
          <a href="/fr/products/dentifrices-pastilles-sans-fluor-mint-sachet-125-pastilles-125-piece-6371">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dentifrices Pastilles Sans Fluor MINT Sachet, 125 Pastilles, 125 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kxGIwgE6_QzRuFlT_HvkUlmjZJO_PQJlYt8wwp0C9RLwblFh74qhQELYw2y43naXiGeZ3BmnoCQoMTXsXDLmzw" />
    <input value="6371" 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/dentifrices-pastilles-avec-fluor-sachet-125-pastilles-125-piece-6372">
          <img alt="Dentifrices Pastilles Avec Fluor Sachet, 125 Pastilles" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3669/file/small-63b71b834b4247059b4da63205591e35.webp 600w, https://assets.fabulous.ch/public/variant_asset/3669/file/medium-df5d39ecc0141f820edd72b80bbe2e6b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3669/file/large-06e5464caec078d1fc530c243f6036b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3669/file/medium-df5d39ecc0141f820edd72b80bbe2e6b.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">Denttabs</p>
          <a href="/fr/products/dentifrices-pastilles-avec-fluor-sachet-125-pastilles-125-piece-6372">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dentifrices Pastilles Avec Fluor Sachet, 125 Pastilles, 125 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UzPtzWHXlYHYpQw29vN9Ak0aq6-UXriYNXoQvd4SlUYwTDRuj2fJzUvFlgmyVu_HnN5W4DLEGtl_lBWTHyKGmw" />
    <input value="6372" 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/nettoyant-pour-vitres-biobaula-sansplastique-3-piece-6373">
          <img alt="Nettoyant pour vitres Biobaula #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3666/file/small-c848705b1551d6d38bb5d8b25c587b29.webp 600w, https://assets.fabulous.ch/public/variant_asset/3666/file/medium-4df9c6a39accfa1aa49ebdf0ed638908.webp 900w, https://assets.fabulous.ch/public/variant_asset/3666/file/large-466bd2ad1d93ea0022a7c32671aa7ae1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3666/file/medium-4df9c6a39accfa1aa49ebdf0ed638908.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">Biobaula</p>
          <a href="/fr/products/nettoyant-pour-vitres-biobaula-sansplastique-3-piece-6373">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nettoyant pour vitres Biobaula #sansplastique, 3 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5iyFXBz7r_OM6gImCYypQvNTwlSkL6FzVxZOB-Gl0XSFU1z_8kvzvx-KmBlNKTuHIpc_GwK1AzId-EspIJXCqQ" />
    <input value="6373" 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/nettoyeur-de-salle-de-bain-biobaula-sansplastique-3-piece-6374">
          <img alt="Nettoyeur de salle de bain Biobaula #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3668/file/small-c731d018aa5e7a2142bfd974e797f578.webp 600w, https://assets.fabulous.ch/public/variant_asset/3668/file/medium-83b33421767970e27c0d2128e42b65e9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3668/file/large-2f4bd2b5b2418a8054b05e7225cb90a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3668/file/medium-83b33421767970e27c0d2128e42b65e9.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">Biobaula</p>
          <a href="/fr/products/nettoyeur-de-salle-de-bain-biobaula-sansplastique-3-piece-6374">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nettoyeur de salle de bain Biobaula #sansplastique, 3 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 12.85</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 9.90</span>
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-6374-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/nettoyant-pour-sols-biobaula-sansplastique-3-piece-6377">
          <img alt="Nettoyant pour sols Biobaula #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3671/file/small-de6d87930005518a9789d993c9410f6d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3671/file/medium-2afbcef1391fafa3761b129b02441d1e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3671/file/large-d9e8f3840a06ef8b3a08cd8ec591a85c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3671/file/medium-2afbcef1391fafa3761b129b02441d1e.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">Biobaula</p>
          <a href="/fr/products/nettoyant-pour-sols-biobaula-sansplastique-3-piece-6377">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nettoyant pour sols Biobaula #sansplastique, 3 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ez0YsinTO4SbkohoSFIsLWnV8Jgdd3ckC0rqlzljDCgYQsERx2NnyAjyElcM977ouBEN17vt1WVBpO-5-FMf9Q" />
    <input value="6377" 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/set-de-demarrage-verre-bain-sol-sansplastique-3-piece-6378">
          <img alt="Set de démarrage Verre, Bain, Sol #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3673/file/small-bd0b3a47563bf46d24e4ef0f7a6f2e79.webp 600w, https://assets.fabulous.ch/public/variant_asset/3673/file/medium-b8658bd93d85018bffe94aea086c77f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/3673/file/large-a3ee584fbe51dd49c4a5b4abb0634adb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3673/file/medium-b8658bd93d85018bffe94aea086c77f7.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">Biobaula</p>
          <a href="/fr/products/set-de-demarrage-verre-bain-sol-sansplastique-3-piece-6378">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Set de démarrage Verre, Bain, Sol #sansplastique, 3 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R4CT_Vkgq9BGgPE1Qtuh2LA0QAMdUt_eAluiwKi6R1Ak_0pet5D3nNXgawoGfjMdYfC9TLvIfZ9ItafuaYpUjQ" />
    <input value="6378" 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/lampe-decorative-solaire-en-verre-solaire-led-fairtrade-1-piece-1-piece-6541">
          <img alt="Lampe décorative solaire en verre solaire LED Fairtrade, 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/3754/file/small-647f5229437549d370e487faea87c706.webp 600w, https://assets.fabulous.ch/public/variant_asset/3754/file/medium-212b68e2d9295786506f20674c85092b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3754/file/large-f5804afdcb15cda66b458676ba3116cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3754/file/medium-212b68e2d9295786506f20674c85092b.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/lampe-decorative-solaire-en-verre-solaire-led-fairtrade-1-piece-1-piece-6541">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lampe décorative solaire en verre solaire LED Fairtrade, 1 pièce, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 91.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fr8r_dxzXp3hFEOHhgczBCebZM9DZzc-oc-zdxg4_PJ1wPJeMsMC0XJ02bjCoqHB9l-ZgOX9lX_rIbZZ2QjvLw" />
    <input value="6541" 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/shampooing-savons-pour-les-cheveux-a-la-citronelle-aleppo-sansplastique-100-g-6699">
          <img alt="Shampooing Savons pour les cheveux  à la citronelle Aleppo #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3871/file/small-d18c7fb29b6c264b4dbb0fea89469f2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3871/file/medium-ba3364a00e9aae34ab52e29914f5b284.webp 900w, https://assets.fabulous.ch/public/variant_asset/3871/file/large-1d3ddc78e814827c977fb0dc36724882.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3871/file/medium-ba3364a00e9aae34ab52e29914f5b284.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">FINigrana</p>
          <a href="/fr/products/shampooing-savons-pour-les-cheveux-a-la-citronelle-aleppo-sansplastique-100-g-6699">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing Savons pour les cheveux  à la citronelle Aleppo #sansplastique, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 7.95 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N5ZXWbqjgWTgoj_0k44OtlowiyeWZeRL5vxie04GoYpU6Y76VBPdKHPCpcvXK5xzi_R2aDD_RgqsEmdVjzayVw" />
    <input value="6699" 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/shampooing-savons-pour-les-cheveux-romarin-aleppo-sansplastique-100-g-6702">
          <img alt="Shampooing Savons pour les cheveux Romarin Aleppo #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3872/file/small-e55662ce9405a1ff4d05d79c1070e2c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3872/file/medium-5a3d9a2ca881dae33e757b6d6a085049.webp 900w, https://assets.fabulous.ch/public/variant_asset/3872/file/large-5f638ebfef8b003c2375f6eab2aaa015.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3872/file/medium-5a3d9a2ca881dae33e757b6d6a085049.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">FINigrana</p>
          <a href="/fr/products/shampooing-savons-pour-les-cheveux-romarin-aleppo-sansplastique-100-g-6702">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing Savons pour les cheveux Romarin Aleppo #sansplastique, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 7.95 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vt_7NZvER-JrH_5P2v2q8fTApDR9sxU23hHjiZdcBLDdoCKWdXQbrvh_ZHCeWDg0JQRZe9spt3eU_-anVmwXbQ" />
    <input value="6702" 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/noisettes-en-gros-bio-5-kg-6727">
          <img alt="Noisettes en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3887/file/small-5d0654baa76e27b72a3b70bd5758e519.webp 600w, https://assets.fabulous.ch/public/variant_asset/3887/file/medium-a932891b9c75e2aa6484ef0546752a72.webp 900w, https://assets.fabulous.ch/public/variant_asset/3887/file/large-dddb95c8abd57d5e0b8adf238c1dbb7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3887/file/medium-a932891b9c75e2aa6484ef0546752a72.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">Bio Grosshandel</p>
          <a href="/fr/products/noisettes-en-gros-bio-5-kg-6727">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Noisettes en gros Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 142.60
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.85 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cqzQKSqpU444YTOAZCSy31Mfbtyq4Rtcr25AN_mIFAIR0wmKxBkPwqsBqb8ggSAagtuTkwx7uR3lgEUZOLgH3w" />
    <input value="6727" 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/graisse-de-coco-en-gros-bio-3-kg-6746">
          <img alt="Graisse de Coco en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3899/file/small-11c6e8b3eba9e5508c81b0d8da8b8279.webp 600w, https://assets.fabulous.ch/public/variant_asset/3899/file/medium-abcdd107dee5c748c8c7bf528b92a445.webp 900w, https://assets.fabulous.ch/public/variant_asset/3899/file/large-0d180afff0b4c9060d11879222f78dac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3899/file/medium-abcdd107dee5c748c8c7bf528b92a445.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">Naturata</p>
          <a href="/fr/products/graisse-de-coco-en-gros-bio-3-kg-6746">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graisse de Coco en gros Bio, 3 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 81.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.72 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LQ6BsrU5YDVEgUCJ6H8C5OLbv9SmFQzBejNmiEtele5OcVgRW4k8edfh2ras2pAhMx9CmwCProAw3WOmim6GMw" />
    <input value="6746" 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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    23 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/gel-douche-savon-au-sels-menthe-poivree-huile-de-bois-de-cedre-sansplastique-100-g-6777">
          <img alt="Gel Douche Savon au Sels Menthe Poivrée Huile de bois de cèdre #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3915/file/small-0d4c3ac332ac8a76f681584b62245da6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3915/file/medium-cf9ff1709d93fd82a21268f70df81297.webp 900w, https://assets.fabulous.ch/public/variant_asset/3915/file/large-fb675f34bfaf7c49e6f0730afe4aa677.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3915/file/medium-cf9ff1709d93fd82a21268f70df81297.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">Lenn &amp; Levia</p>
          <a href="/fr/products/gel-douche-savon-au-sels-menthe-poivree-huile-de-bois-de-cedre-sansplastique-100-g-6777">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gel Douche Savon au Sels Menthe Poivrée Huile de bois de cèdre #sansplastique, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 13.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 9.95</span>
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 13.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LTYHGPhC4Gvy7NdX8GSK9utuuvAWt0gxBMCX1GJufT1OSd67FvK8J2GMTWi0wRgzOqpHv7At6nBOLpL6o15u4A" />
    <input value="6777" 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/deodorant-creme-divine-no-bullsh-t-sansplastique-50-ml-6812">
          <img alt="Déodorant Crème Divine No Bullsh!t #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3930/file/small-b641f2c3094abcdddd0025c6aa702581.webp 600w, https://assets.fabulous.ch/public/variant_asset/3930/file/medium-5877390e648b8de1fff483c7f5ab37e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3930/file/large-7ab3c0be383422dcf46e20cb3d138f29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3930/file/medium-5877390e648b8de1fff483c7f5ab37e8.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">No Bullsh!t</p>
          <a href="/fr/products/deodorant-creme-divine-no-bullsh-t-sansplastique-50-ml-6812">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Déodorant Crème Divine No Bullsh!t #sansplastique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 53.80 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZJIaAJXUlY1uZMyA291WJTJCkN4tH02zE-r-tnaqe1cH7cOje2TJwf0EVr-feMTg44ZtkYuF7_JZBPuYt5poig" />
    <input value="6812" 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/deodorant-creme-royal-no-bullsh-t-sansplastique-50-ml-6813">
          <img alt="Déodorant Crème Royal No Bullsh!t #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3931/file/small-7f052faa6c21c831de005cc0af641b3d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3931/file/medium-5f230c13f4fa02a5315a8b43c17edbfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/3931/file/large-aaa3f74c44af1f4e978e5ef11435df5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3931/file/medium-5f230c13f4fa02a5315a8b43c17edbfc.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">No Bullsh!t</p>
          <a href="/fr/products/deodorant-creme-royal-no-bullsh-t-sansplastique-50-ml-6813">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Déodorant Crème Royal No Bullsh!t #sansplastique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 53.80 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-6813-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">
    <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/deodorant-creme-modest-no-bullsh-t-sansplastique-50-ml-6814">
          <img alt="Déodorant Crème Modest No Bullsh!t #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3932/file/small-08f53c773cd74c33e6a15ffc64a36831.webp 600w, https://assets.fabulous.ch/public/variant_asset/3932/file/medium-ce921c2fc4698c326e2c160f3c83cc2d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3932/file/large-e27055bdec37bd188cf60b1462c9b053.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3932/file/medium-ce921c2fc4698c326e2c160f3c83cc2d.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">No Bullsh!t</p>
          <a href="/fr/products/deodorant-creme-modest-no-bullsh-t-sansplastique-50-ml-6814">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Déodorant Crème Modest No Bullsh!t #sansplastique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 53.80 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-6814-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/deodorant-creme-nude-no-bullsh-t-sansplastique-50-ml-6815">
          <img alt="Déodorant Crème Nude No Bullsh!t #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3933/file/small-8f7a7241ef2195d03c83110b8cf65803.webp 600w, https://assets.fabulous.ch/public/variant_asset/3933/file/medium-3ca719ef5a8230e1ccf620a0c9812ef6.webp 900w, https://assets.fabulous.ch/public/variant_asset/3933/file/large-e772d339b327b4eb1a801c07be4a2b3a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3933/file/medium-3ca719ef5a8230e1ccf620a0c9812ef6.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">No Bullsh!t</p>
          <a href="/fr/products/deodorant-creme-nude-no-bullsh-t-sansplastique-50-ml-6815">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Déodorant Crème Nude No Bullsh!t #sansplastique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 57.80 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QfvPCg11NksSV8qbDUbkHUQrerHxCZYH_USVgcD46zsihBap48VqB4E3UKRJ43bYle-H_leTNEa3qpCvAcj45g" />
    <input value="6815" 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">
      100 sur 267 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/low-waste?format=turbo_stream&amp;page=6">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>