<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/huile-de-lin-vierge-bio-250-ml-2864">
          <img alt="Huile de lin vierge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2023/file/small-b31e984b5e83cb7d93786bdf9c32d362.webp 600w, https://assets.fabulous.ch/public/variant_asset/2023/file/medium-9bf92dcf4822dd3229bee2e954809806.webp 900w, https://assets.fabulous.ch/public/variant_asset/2023/file/large-1a0ea08c9b5350bc8982ec17454f85d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2023/file/medium-9bf92dcf4822dd3229bee2e954809806.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 Planète</p>
          <a href="/fr/products/huile-de-lin-vierge-bio-250-ml-2864">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile de lin vierge Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jZEng0Kq7UD4108yo37FK4D2f1Dwhin-I9jNVO-4DDGTaIXUyhbbKhXAQDsbFZQepmzlMxT-YJjDj1EiLwK_Iw" />
    <input value="2864" 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/vinaigre-de-vin-blanc-bio-500-ml-2865">
          <img alt="Vinaigre de vin blanc Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2024/file/small-0fb0e504c2f1dd630f4ba1d43d545d1c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2024/file/medium-a3fab7eaed159c3721b01a25d0fb7476.webp 900w, https://assets.fabulous.ch/public/variant_asset/2024/file/large-1538f38faf3c7fead1e6b0d5dbf31da3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2024/file/medium-a3fab7eaed159c3721b01a25d0fb7476.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/vinaigre-de-vin-blanc-bio-500-ml-2865">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vinaigre de vin blanc Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Uyyw_7HAEsTA66pJZ4eFi6Pkx28sfiTsx2zt5rR0SptN1RKoOXwkri38pUDf7NS-hX5dDMgGbYonO3GQdM75iQ" />
    <input value="2865" 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/algues-marines-dulse-rouge-bio-30-g-2867">
          <img alt="Algues Marines Dulse Rouge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2029/file/small-8d3a1a88ede2ffc3fbc582dbe6fed765.webp 600w, https://assets.fabulous.ch/public/variant_asset/2029/file/medium-cfa07ae9c59f784b554d14f5fcdd411e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2029/file/large-0000c63845044580f2ce16fe85ff93f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2029/file/medium-cfa07ae9c59f784b554d14f5fcdd411e.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">Arche</p>
          <a href="/fr/products/algues-marines-dulse-rouge-bio-30-g-2867">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Algues Marines Dulse Rouge Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZEevCRlS0QRY7oFC5xoatD5XksgliqtFHJWqx-KsERV6vg1eke7nbrX5jktfcUuBGM0Iq8Hy4iP8wjaxIhaiBw" />
    <input value="2867" 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/algues-spaghetti-d-algues-marines-bio-30-g-2870">
          <img alt="Algues Spaghetti d&#39;algues marines Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2031/file/small-7426f5222376ab337fb780e6ac408510.webp 600w, https://assets.fabulous.ch/public/variant_asset/2031/file/medium-845505f63af1e5c13799f72e62c7cd22.webp 900w, https://assets.fabulous.ch/public/variant_asset/2031/file/large-39c175e0ad67caf6cf89336c9d479191.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2031/file/medium-845505f63af1e5c13799f72e62c7cd22.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">Arche</p>
          <a href="/fr/products/algues-spaghetti-d-algues-marines-bio-30-g-2870">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Algues Spaghetti d&#39;algues marines Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dIDav3KqFr6dtvc0bOieWDPFt94_G5iBL0vAihLsUSdqeXjo-hYg1HCh-D3Ug89tFV8tvdtj0efPHFz80lbiNQ" />
    <input value="2870" 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/detartrant-1-l-2899">
          <img alt="Detartrant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2054/file/small-d71a625fd583ba5c42af8b8a3b7ca48b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2054/file/medium-00d6471236fc84b916b71aa742d60b09.webp 900w, https://assets.fabulous.ch/public/variant_asset/2054/file/large-7776618f98700ba0ecc06c8baef6ce86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2054/file/medium-00d6471236fc84b916b71aa742d60b09.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">Sonett</p>
          <a href="/fr/products/detartrant-1-l-2899">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Detartrant, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QFXaIYZu3ETAg9EZaLwSyjJoVJ9fSLaLgKI8bYhMaYherHh2DtLqLi2U3hDQ10P_FPLO_Lsw_-1g9aAbSPbamg" />
    <input value="2899" 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/pesto-chanvre-basilic-vert-bio-150-g-2919">
          <img alt="Pesto Chanvre basilic Vert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2063/file/small-0e1e10c676a445b83518eccc7b8c8c61.webp 600w, https://assets.fabulous.ch/public/variant_asset/2063/file/medium-46965d0b90f68f42d052e39c47a33d54.webp 900w, https://assets.fabulous.ch/public/variant_asset/2063/file/large-c195e82136389843f219f465b7a1cb64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2063/file/medium-46965d0b90f68f42d052e39c47a33d54.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">Hanf&amp;Natur</p>
          <a href="/fr/products/pesto-chanvre-basilic-vert-bio-150-g-2919">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto Chanvre basilic Vert Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mUyPLnAadw6CbfDW1bjb1ideGfJvlvw6oIdZBomvyPmHtS15-KZBZG96_99t04rjAcSDkYvutVxA0MVwSRV76w" />
    <input value="2919" 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/gefu-spirelli-2-0-taille-legumes-en-acier-inoxydable-1-piece-2935">
          <img alt="GEFU SPIRELLI 2.0 Taille-légumes en acier inoxydable" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2079/file/small-e62ec67fbe099e81bc0080c3d38b4329.webp 600w, https://assets.fabulous.ch/public/variant_asset/2079/file/medium-4c206b9920ceed0284b974b7aef3b01a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2079/file/large-8ad5863c0ac81660f8db5b1756e30d91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2079/file/medium-4c206b9920ceed0284b974b7aef3b01a.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">Gefu</p>
          <a href="/fr/products/gefu-spirelli-2-0-taille-legumes-en-acier-inoxydable-1-piece-2935">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">GEFU SPIRELLI 2.0 Taille-légumes en acier inoxydable, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iN2X5OPpZlsbPqe_pShKsVH_u9BWV3FbGmF96trWRNmWJDWza1VQMfYpqLYdQxuEd2Uhs7IvOD36NuGcGmz3yw" />
    <input value="2935" 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/myyo-kefir-ferment-lacto-pro-pour-fabrication-3-sachet-5-g-2951">
          <img alt="MyYo KEFIR Ferment  LACTO PRO pour fabrication (3 sachet)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2089/file/small-57b9fb6becd634fb108a2480cf9e1dd8.webp 600w, https://assets.fabulous.ch/public/variant_asset/2089/file/medium-7348348f5ed7fa5f024b869f65feb6a3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2089/file/large-9049a079a18d439c109ba61161cdefdb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2089/file/medium-7348348f5ed7fa5f024b869f65feb6a3.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">my.yo</p>
          <a href="/fr/products/myyo-kefir-ferment-lacto-pro-pour-fabrication-3-sachet-5-g-2951">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MyYo KEFIR Ferment  LACTO PRO pour fabrication (3 sachet), 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rVOPVHlVq1a9wOTXT-waCjYu0w84jR03MnFtnK2mfPmzqi0D8emdPFDX6973h0s_ELRJbNz1VFHSJvHqbRzP6w" />
    <input value="2951" 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/myyo-doux-ferment-pour-fabrication-de-yaourt-3-sachet-5-g-2952">
          <img alt="MyYo DOUX Ferment pour fabrication de yaourt (3 sachet)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2090/file/small-dfce6eb30e5c4def9a2ab8a18741e01f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2090/file/medium-118f2b15a00c7650e860e4236e8d2a72.webp 900w, https://assets.fabulous.ch/public/variant_asset/2090/file/large-e32dd495a270c2c34d1507d8e0af28f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2090/file/medium-118f2b15a00c7650e860e4236e8d2a72.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">my.yo</p>
          <a href="/fr/products/myyo-doux-ferment-pour-fabrication-de-yaourt-3-sachet-5-g-2952">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MyYo DOUX Ferment pour fabrication de yaourt (3 sachet), 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QjrAX_lzFYvechymOHGkjoK-dDCXmzTMwHldRbAgJUtcw2IIcc8j4TNlE6-AGvW7pCTuU3PjfaogLsEzcJqWWQ" />
    <input value="2952" 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/myyo-lacto-pro-ferment-pour-fabrication-de-yaourt-3-sachet-5-g-2953">
          <img alt="MyYo LACTO PRO Ferment pour fabrication de yaourt (3 sachet)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2092/file/small-ec5de9cd117b6f27276b3ef13a2969ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/2092/file/medium-844a6271b5e49e91c0bf1689d9c30433.webp 900w, https://assets.fabulous.ch/public/variant_asset/2092/file/large-72a9e6d66402d9b3e457a27b9c0dc22b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2092/file/medium-844a6271b5e49e91c0bf1689d9c30433.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">my.yo</p>
          <a href="/fr/products/myyo-lacto-pro-ferment-pour-fabrication-de-yaourt-3-sachet-5-g-2953">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MyYo LACTO PRO Ferment pour fabrication de yaourt (3 sachet), 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fN702TuxqgBGzQ3TfoCk3ivSv0mkoSDBcpRrqkfqGUtiJ1aOsw2caqvaAtrG6_XrDUglKkDZaaeSw_fch1CqWQ" />
    <input value="2953" 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/myyo-lacto-pro-ferment-pour-fabrication-de-yaourt-3-sachet-25-g-2954">
          <img alt="MyYo LACTO PRO Ferment pour fabrication de yaourt (3 sachet)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2091/file/small-f2816bb52834b651a236700cbe1d1a24.webp 600w, https://assets.fabulous.ch/public/variant_asset/2091/file/medium-f630be561ae4144929f93e131e4464fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/2091/file/large-9d7dd9c5f10211519f7ec4319eae0a24.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2091/file/medium-f630be561ae4144929f93e131e4464fe.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">my.yo</p>
          <a href="/fr/products/myyo-lacto-pro-ferment-pour-fabrication-de-yaourt-3-sachet-25-g-2954">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MyYo LACTO PRO Ferment pour fabrication de yaourt (3 sachet), 25 g</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 42.00 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-2954-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/tofu-feto-natur-fermente-bio-200-g-2977">
          <img alt="Tofu FETO Natur Fermenté Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2117/file/small-fb226ff45964ace888baa4d1ac4cd181.webp 600w, https://assets.fabulous.ch/public/variant_asset/2117/file/medium-230fa2a08c90425ff2b52cd425ab1afd.webp 900w, https://assets.fabulous.ch/public/variant_asset/2117/file/large-cbd292b8ebf81ce9361d4538ea11e147.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2117/file/medium-230fa2a08c90425ff2b52cd425ab1afd.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">Taifun</p>
          <a href="/fr/products/tofu-feto-natur-fermente-bio-200-g-2977">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu FETO Natur Fermenté Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.30 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p7YITXWHyuqo-NnIx79MtpKPpfm9uSTlbXtwstgy0JW5T6oa_Tv8gEXv1sF_1B2DtBU_mlnBbYONLOzEGIhjhw" />
    <input value="2977" 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/farine-d-epeautre-entiere-demeter-1-kg-3012">
          <img alt="Farine d&#39;épeautre entière Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2120/file/small-dbc85ceb43641aaa5b778ba0131f2898.webp 600w, https://assets.fabulous.ch/public/variant_asset/2120/file/medium-1e36bc22f4a4df41cfcc05f9d77fc548.webp 900w, https://assets.fabulous.ch/public/variant_asset/2120/file/large-70f8cf1c19c30967ef86bd023fd822aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2120/file/medium-1e36bc22f4a4df41cfcc05f9d77fc548.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">Bauckhof</p>
          <a href="/fr/products/farine-d-epeautre-entiere-demeter-1-kg-3012">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine d&#39;épeautre entière Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WKMUOYqIsB93NxWxx50k4DFIqkHr_hZqkGYUVzbP3_VGWrZuAjSGdZogGrh_9nXVF9IwIg-GXwxwMYgh9nVs5w" />
    <input value="3012" 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/flocons-sarrasin-sans-gluten-demeter-250-g-3014">
          <img alt="Flocons Sarrasin Sans Gluten Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2121/file/small-9efffdbaf75776817add1f5e90cda92d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2121/file/medium-d79443b55b109b2b94ea3add25e181b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/2121/file/large-eb879609f1cc4daed99c7133be3112af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2121/file/medium-d79443b55b109b2b94ea3add25e181b5.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">Bauckhof</p>
          <a href="/fr/products/flocons-sarrasin-sans-gluten-demeter-250-g-3014">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocons Sarrasin Sans Gluten Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z7ml0Nt6RVMb0VLOJkvAVz0sNXoGeC4KFVZNfdRUI5p5QAeHU8ZzOfbGXceeIJFiG7avGeIAZ2z1AdELFO6QiA" />
    <input value="3014" 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/lessive-liquide-30-95-c-lavande-2-l-3050">
          <img alt="Lessive liquide 30–95 °C Lavande" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2133/file/small-40516c39cb3f20e701e3a3d183ea30f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/2133/file/medium-69e40160e79ed6c719ff660a6ccb3328.webp 900w, https://assets.fabulous.ch/public/variant_asset/2133/file/large-e331f80602e6e06b4821cd1ef4c99cbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2133/file/medium-69e40160e79ed6c719ff660a6ccb3328.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">Sonett</p>
          <a href="/fr/products/lessive-liquide-30-95-c-lavande-2-l-3050">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lessive liquide 30–95 °C Lavande, 2 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ob-As5tP94WNn8MHKg6jW0dRnQ1SY2TxswbrEUfs1qonRiLkE_PB72CIzA6SZfJuYcsHbrYbLZdTUXdnh1ZluA" />
    <input value="3050" 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/eco-lotion-solaire-ip-30-sans-parfum-100-ml-3063">
          <img alt="Eco Lotion Solaire IP 30 sans parfum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2140/file/small-12eb3dba6594cd7d0a35458bf742becc.webp 600w, https://assets.fabulous.ch/public/variant_asset/2140/file/medium-b5275a794544cfd1a1fd76b0a76b833d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2140/file/large-40a82637f05fa0abc0b9075fde5e3d93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2140/file/medium-b5275a794544cfd1a1fd76b0a76b833d.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">eco-naturkosmetik</p>
          <a href="/fr/products/eco-lotion-solaire-ip-30-sans-parfum-100-ml-3063">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eco Lotion Solaire IP 30 sans parfum, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VrwGK-i5NdDDFu7ZURxIJZKaKmfStS8JDT81ObbWY-hIRaR8YAUDui4B4dDpdxkQtACwBDbNZm_taKlPdmzQ-g" />
    <input value="3063" 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/bonbon-au-caramel-kuhbonbon-165-g-3091">
          <img alt="Bonbon au caramel Kuhbonbon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2151/file/small-f9c954b59a1833e144759aa1002e4d7d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2151/file/medium-ed62486cdf4954d5b860c960bc3b0a48.webp 900w, https://assets.fabulous.ch/public/variant_asset/2151/file/large-00c07610fb5874c88e2a36fc2dab5764.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2151/file/medium-ed62486cdf4954d5b860c960bc3b0a48.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">Kuhbonbons</p>
          <a href="/fr/products/bonbon-au-caramel-kuhbonbon-165-g-3091">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bonbon au caramel Kuhbonbon, 165 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-3091-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/zinc-active-power-citrate-31-5mg-kapseln-150-piece-3110">
          <img alt="Zinc Active Power Citrate 31% 5mg Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2165/file/small-1c6de6a93235bba43d4e98871f28ed49.webp 600w, https://assets.fabulous.ch/public/variant_asset/2165/file/medium-6ddbc7022b0597c99786c76d3ead86c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/2165/file/large-1e89513dab7544ec5ff8b0c90f0cf742.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2165/file/medium-6ddbc7022b0597c99786c76d3ead86c0.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">energybalance</p>
          <a href="/fr/products/zinc-active-power-citrate-31-5mg-kapseln-150-piece-3110">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zinc Active Power Citrate 31% 5mg Kapseln, 150 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jKJ98_raKttl36i_pi9sPZ5SzRvaBQy7yVCG7cBJf9GSW9-kcmYcsYjIp7YeRD0IuMhXeD59Rd0pBxqbAPPMww" />
    <input value="3110" 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/barres-crues-protein-chocolat-chip-bio-60-g-3154">
          <img alt="Barres Crues Protein Chocolat Chip Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2170/file/small-783c60d32a7f723eb0d03fab16542a36.webp 600w, https://assets.fabulous.ch/public/variant_asset/2170/file/medium-34c0d461b494da52f87fd61b19718aed.webp 900w, https://assets.fabulous.ch/public/variant_asset/2170/file/large-aeca80af9768c434aec04f5d2bda184f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2170/file/medium-34c0d461b494da52f87fd61b19718aed.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">Roo&#39;Bar</p>
          <a href="/fr/products/barres-crues-protein-chocolat-chip-bio-60-g-3154">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barres Crues Protein Chocolat Chip Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e9NsFNoDF9LMGEYPwocgPBsvViFfediEWyu6a1TediRlKs5DUr8huCEPSQZ67HEJPbXMQrsBkeK7fCYdlGTFNg" />
    <input value="3154" 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/alternative-vegetalien-aux-beurre-aux-herbes-bio-110-g-3155">
          <img alt="Alternative Végétalien aux Beurre aux herbes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2171/file/small-d2a130c5d77f0a7cbda25216077da711.webp 600w, https://assets.fabulous.ch/public/variant_asset/2171/file/medium-6c1806b8e336262ea30595bb6cae83e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2171/file/large-451bda1711399e0d3d8029584c37067e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2171/file/medium-6c1806b8e336262ea30595bb6cae83e6.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">Lord of Tofu</p>
          <a href="/fr/products/alternative-vegetalien-aux-beurre-aux-herbes-bio-110-g-3155">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative Végétalien aux Beurre aux herbes Bio, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.73 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NNvwMjdryMZTWaSjJJAwfruI2yTVu8HI5wPizNYbL_UqIlJlv9f-rL5Oq6qc-2FLnRJBRzHDiK4HVH66FqGc5w" />
    <input value="3155" 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">
      560 sur 3&#39;185 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/spa-vivent?format=turbo_stream&amp;page=29">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>