<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/lotion-solaire-sensitive-spf-50-40-ml-15862">
          <img alt="Lotion Solaire Sensitive SPF 50" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7256/file/small-5aedb76028aa336b653c33349aa5f923.webp 600w, https://assets.fabulous.ch/public/variant_asset/7256/file/medium-6d97ebd492168fdbd74bc612b25f60f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7256/file/large-d18464ddddcdab02ff3761b35e2af99e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7256/file/medium-6d97ebd492168fdbd74bc612b25f60f9.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">Lavera</p>
          <a href="/fr/products/lotion-solaire-sensitive-spf-50-40-ml-15862">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lotion Solaire Sensitive SPF 50, 40 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aeoCwxKybbeMA7ZX8f5hVnwMNAQl_ikQV1TNrWzfLKyTMq2Lqb8P3SLPu--EjdSe7pqml8t_jqeZsDj_cunoTg" />
    <input value="15862" 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/dj-a-rosettes-de-brocoli-croustillantes-25-g-15864">
          <img alt="DJ&amp;A Rosettes de brocoli croustillantes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7266/file/small-4e17d5db35f15a21358a9d7c07ce3198.webp 600w, https://assets.fabulous.ch/public/variant_asset/7266/file/medium-c2e6b16b35599da0f1984c37c7f4a1fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7266/file/large-d09dc15a1892f0d73a930287aea2c202.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7266/file/medium-c2e6b16b35599da0f1984c37c7f4a1fb.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">DJ&amp;A</p>
          <a href="/fr/products/dj-a-rosettes-de-brocoli-croustillantes-25-g-15864">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">DJ&amp;A Rosettes de brocoli croustillantes, 25 g</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 23.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DursP7wzJVpPoKmMqorl5Su9wsagtWXbfstbH4Q6jk70MkN3Bz5HMOFspDTf-VAtuStQVU40wmywL65NmgxKrA" />
    <input value="15864" 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/dj-a-brocoli-croustillant-sel-de-mer-vinaigre-25-g-15865">
          <img alt="DJ&amp;A Brocoli croustillant sel de mer &amp; vinaigre" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7267/file/small-d0fc0c9dfc58e45b3cdad9fed8686a16.webp 600w, https://assets.fabulous.ch/public/variant_asset/7267/file/medium-ef4c7ed66f908cf3b0fdbf4f35f602a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7267/file/large-eeda5de292ba7f327435b170c7c9ff4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7267/file/medium-ef4c7ed66f908cf3b0fdbf4f35f602a4.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">DJ&amp;A</p>
          <a href="/fr/products/dj-a-brocoli-croustillant-sel-de-mer-vinaigre-25-g-15865">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">DJ&amp;A Brocoli croustillant sel de mer &amp; vinaigre, 25 g</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 23.60 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-15865-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">
    <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/dj-a-tranches-croustillantes-de-betterave-rouge-35-g-15866">
          <img alt="DJ&amp;A Tranches Croustillantes de Betterave Rouge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7268/file/small-d0d1e2ac782b77e1379bac2771d43909.webp 600w, https://assets.fabulous.ch/public/variant_asset/7268/file/medium-4aa9f610540116f5795b33da5f5de342.webp 900w, https://assets.fabulous.ch/public/variant_asset/7268/file/large-4e0c7eaca0b6d012d14e8fd501f78807.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7268/file/medium-4aa9f610540116f5795b33da5f5de342.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">DJ&amp;A</p>
          <a href="/fr/products/dj-a-tranches-croustillantes-de-betterave-rouge-35-g-15866">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">DJ&amp;A Tranches Croustillantes de Betterave Rouge, 35 g</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 16.86 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-15866-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/dj-a-champignons-mixtes-croustillants-30-g-15867">
          <img alt="DJ&amp;A Champignons Mixtes Croustillants" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7270/file/small-dfcca5a70afd96d1c43d1fcb87659737.webp 600w, https://assets.fabulous.ch/public/variant_asset/7270/file/medium-826919da57d0626ddf266272ba770a84.webp 900w, https://assets.fabulous.ch/public/variant_asset/7270/file/large-8d734776ded1c45483f740abd767e5e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7270/file/medium-826919da57d0626ddf266272ba770a84.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">DJ&amp;A</p>
          <a href="/fr/products/dj-a-champignons-mixtes-croustillants-30-g-15867">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">DJ&amp;A Champignons Mixtes Croustillants, 30 g</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 19.67 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-15867-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/dj-a-chips-de-legumes-90-g-15868">
          <img alt="DJ&amp;A Chips de Légumes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7271/file/small-49756820fa59e57a8ef4e11fde48cadd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7271/file/medium-915040f01ab59d7814ea047c50710cda.webp 900w, https://assets.fabulous.ch/public/variant_asset/7271/file/large-b761f2670baede531ad8ff423b7073d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7271/file/medium-915040f01ab59d7814ea047c50710cda.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">DJ&amp;A</p>
          <a href="/fr/products/dj-a-chips-de-legumes-90-g-15868">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">DJ&amp;A Chips de Légumes, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K7A9fLvSeRfU2AkDlWOwXMx0sBCenfcxJXqjQnbmcFbRaJI0AN8bfXoUBLvgEAWUXuIig3AcUIbrnlYQaNC0tA" />
    <input value="15868" 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/dj-a-chips-de-pois-mange-tout-30-g-15870">
          <img alt="DJ&amp;A Chips de Pois Mange-tout" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7277/file/small-c6ea5caffc6b2018f49df996b74b56c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7277/file/medium-f86173f519223eb08a9832b3338c371f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7277/file/large-c72d732d0641c7ab8d42945a1ff4c43b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7277/file/medium-f86173f519223eb08a9832b3338c371f.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">DJ&amp;A</p>
          <a href="/fr/products/dj-a-chips-de-pois-mange-tout-30-g-15870">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">DJ&amp;A Chips de Pois Mange-tout, 30 g</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 19.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E-U6jvX5SDomdHhq4H_3oWYtA1XjXz92SEX9m2QA0rjpPZXGTvQqUIi4ddKVDEJp9LuRxg3emMGGoQjJejYWWg" />
    <input value="15870" 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/dj-a-gousses-d-ail-croustillantes-45-g-15871">
          <img alt="DJ&amp;A Gousses d&#39;Ail Croustillantes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7278/file/small-ce73b0e07606d58976ee105425029eba.webp 600w, https://assets.fabulous.ch/public/variant_asset/7278/file/medium-b751d56a309f4ef8d411b793de91fd16.webp 900w, https://assets.fabulous.ch/public/variant_asset/7278/file/large-69a5ef3a9f489dce4f7580a47af4e1cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7278/file/medium-b751d56a309f4ef8d411b793de91fd16.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">DJ&amp;A</p>
          <a href="/fr/products/dj-a-gousses-d-ail-croustillantes-45-g-15871">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">DJ&amp;A Gousses d&#39;Ail Croustillantes, 45 g</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 13.11 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-15871-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/benevo-sacs-a-dejections-canines-biodegradables-120-sachets-120-sachet-15875">
          <img alt="Benevo Sacs à Déjections Canines Biodégradables, 120 sachets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7281/file/small-b32407a8acca11ec894bb3ce8a163b91.webp 600w, https://assets.fabulous.ch/public/variant_asset/7281/file/medium-9098b828cac111f2c5ec47255cd409d3.webp 900w, https://assets.fabulous.ch/public/variant_asset/7281/file/large-f65747ca6102021b07275e3dd5970140.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7281/file/medium-9098b828cac111f2c5ec47255cd409d3.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">Benevo</p>
          <a href="/fr/products/benevo-sacs-a-dejections-canines-biodegradables-120-sachets-120-sachet-15875">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benevo Sacs à Déjections Canines Biodégradables, 120 sachets, 120 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YfAlT3XGA58mqJlFc-DBrlwn_9mi4YFF7whznqZmyHabKIoHzsth9YhklP0Gk3RmzrFtSkxgJvIh7IbMuFAMlA" />
    <input value="15875" 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/biofarm-graines-de-chanvre-pelees-en-gros-bio-5-kg-15876">
          <img alt="Biofarm Graines de Chanvre pelées 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/7282/file/small-635c93291391cfd6eb567208358aa20f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7282/file/medium-914d463b31aa173284c6f87a577272dd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7282/file/large-6f5af1ea599badda38dc53883bcbdf10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7282/file/medium-914d463b31aa173284c6f87a577272dd.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">Biofarm</p>
          <a href="/fr/products/biofarm-graines-de-chanvre-pelees-en-gros-bio-5-kg-15876">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biofarm Graines de Chanvre pelées en gros Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 359.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LTKpefOlYvIDIm_pq7x931wj4Su9raZIwCbnKSUXRp_X6gYxSKgAmK3uYlHez8gXzrVzuFMsAf8OwhJ7OyGCfQ" />
    <input value="15876" 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/if-you-care-sacs-a-sandwichs-48-pieces-48-piece-15877">
          <img alt="if you care Sacs à sandwichs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7284/file/small-e818352931f5c09a12eb07fa2c48f57c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7284/file/medium-c5bf51b74c9474fb0724f8cf3dd7862a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7284/file/large-c3864db0af21b82c40b57bb9931b049f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7284/file/medium-c5bf51b74c9474fb0724f8cf3dd7862a.webp" />
</a>    </header>

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

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

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

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

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


  

  <div class="border-gray-200  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/benevo-adult-nourriture-pour-chats-2-kg-15878">
          <img alt="Benevo Adult nourriture pour chats" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7285/file/small-51166013adbe06da99181e79cd10eb27.webp 600w, https://assets.fabulous.ch/public/variant_asset/7285/file/medium-9b410da8fed1782cd878059e1e58e3cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7285/file/large-190415280ba6ecbcec05aba642ab58f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7285/file/medium-9b410da8fed1782cd878059e1e58e3cd.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">Benevo</p>
          <a href="/fr/products/benevo-adult-nourriture-pour-chats-2-kg-15878">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benevo Adult nourriture pour chats, 2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-15878-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/benevo-adult-nourriture-pour-chiens-2-kg-15885">
          <img alt="Benevo Adult nourriture pour chiens" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7287/file/small-8cfc532710329beed84b36e76699f841.webp 600w, https://assets.fabulous.ch/public/variant_asset/7287/file/medium-6dab5a54b03321bba36d1c3b5a56c919.webp 900w, https://assets.fabulous.ch/public/variant_asset/7287/file/large-cad70ffa41a16d11cc3b27e3729d875e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7287/file/medium-6dab5a54b03321bba36d1c3b5a56c919.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">Benevo</p>
          <a href="/fr/products/benevo-adult-nourriture-pour-chiens-2-kg-15885">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benevo Adult nourriture pour chiens, 2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-15885-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">
    <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/baume-a-levres-lip-care-juicy-no-bullsh-t-sansplastique-15-ml-15886">
          <img alt="Baume à Lèvres Lip Care Juicy 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/7289/file/small-58c953bf93d0a960bb7c243abcadeef6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7289/file/medium-ff54798f8ce13dc9a7df27f886339db6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7289/file/large-718c86639a0079a01db9d81b13e4f85e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7289/file/medium-ff54798f8ce13dc9a7df27f886339db6.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/baume-a-levres-lip-care-juicy-no-bullsh-t-sansplastique-15-ml-15886">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baume à Lèvres Lip Care Juicy No Bullsh!t #sansplastique, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-15886-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/huile-d-arachide-vierge-bio-250-ml-15b633e1-a3ec-450f-b40a-16b9991110d8-15887">
          <img alt="Huile d’arachide vierge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7290/file/small-90d1d326041de491f4bedce5ebab0a63.webp 600w, https://assets.fabulous.ch/public/variant_asset/7290/file/medium-ef2c99ed799026f9751bbbb1fde9b5a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7290/file/large-6b35a5dac161ad67cbe84e62e3a4bb12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7290/file/medium-ef2c99ed799026f9751bbbb1fde9b5a7.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-d-arachide-vierge-bio-250-ml-15b633e1-a3ec-450f-b40a-16b9991110d8-15887">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile d’arachide vierge Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iSN1n4HIMMb9GKYewJFYPtgc7zVsjJsLOMvWLfvh_ABz-9rXOsVSrFPUq6a14u32Sop9poINPLz2LyN_5dc44g" />
    <input value="15887" 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/rondelles-de-pommes-biofarm-grand-conditionnement-bio-5-kg-15893">
          <img alt="Rondelles de pommes Biofarm Grand Conditionnement Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7300/file/small-8c90fd149d431bbc8415dd3d761a31e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7300/file/medium-07d269e45dd6acb46656bfecd74fbf03.webp 900w, https://assets.fabulous.ch/public/variant_asset/7300/file/large-b7a2da29a71920c4949540f68d1fbaa6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7300/file/medium-07d269e45dd6acb46656bfecd74fbf03.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">Biofarm</p>
          <a href="/fr/products/rondelles-de-pommes-biofarm-grand-conditionnement-bio-5-kg-15893">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rondelles de pommes Biofarm Grand Conditionnement Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 296.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e1zSGe2f8GuR3rsjCTj88Ce8wOZQ45eQVSls-rEAMjGBhH1RVpKSAT8Stpt8S0k4tSpSdb5iMCebzZmorzb20w" />
    <input value="15893" 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/abricots-doux-seches-grand-conditionnement-bio-5-kg-15894">
          <img alt="Abricots doux séchés Grand conditionnement Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7301/file/small-4b836a4eb13005dd13e7c69e7be845ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/7301/file/medium-d76eb0caccfecd7d3fdb831b1b607ddb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7301/file/large-a97b30ca85e9bca99bf3b0b5557ac714.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7301/file/medium-d76eb0caccfecd7d3fdb831b1b607ddb.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/abricots-doux-seches-grand-conditionnement-bio-5-kg-15894">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Abricots doux séchés Grand conditionnement Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 174.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="grU0ZJaRnQxlDxBjpjpCt6kbmh8mtLdkKaPbNkQu6cZ4bZssLZz_ZsvDHdvTSfd_O40IjMg1ENPnRy5kWhgtJA" />
    <input value="15894" 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/xylit-sucre-de-bouleau-sachet-3-kg-15896">
          <img alt="Xylit Sucre de bouleau Sachet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7303/file/small-c702c438712b6700c9b96c5c5d8a1c2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7303/file/medium-1b3849c7c4f70892b095f61f448c3806.webp 900w, https://assets.fabulous.ch/public/variant_asset/7303/file/large-dd7942799f0f35585f75669a35ad4d8a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7303/file/medium-1b3849c7c4f70892b095f61f448c3806.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">Tautona</p>
          <a href="/fr/products/xylit-sucre-de-bouleau-sachet-3-kg-15896">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Sucre de bouleau Sachet, 3 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 55.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aLdJgtwwjXMB6MyjEhyoGbNl6bNcLDbSygfj1ymvCHGSb-bKZz3vGa8kwRtnbx3RIfN7ILKtkWUE4xaFN5nMkw" />
    <input value="15896" 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/couscous-biofarm-grand-conditionnement-bio-5-kg-15897">
          <img alt="Couscous Biofarm Grand Conditionnement Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7304/file/small-369855d9b3ac434e9feb75c32d931068.webp 600w, https://assets.fabulous.ch/public/variant_asset/7304/file/medium-33ee85901e76096e05c2a9947838de7d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7304/file/large-6f3f04cb65fd2f37d01444faf0976a4b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7304/file/medium-33ee85901e76096e05c2a9947838de7d.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">Biofarm</p>
          <a href="/fr/products/couscous-biofarm-grand-conditionnement-bio-5-kg-15897">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Couscous Biofarm Grand Conditionnement Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2A2tJbF3b3oSPm-uL9lUeKTo4hEKD1XnQwnIj6f94Iwi1QJtCnoNELzyYhZaquGwNn5wguSO8lCN7T3ducskbg" />
    <input value="15897" 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/extrait-de-gattilier-vegicaps-bio-150-capsules-150-piece-15904">
          <img alt="Extrait de Gattilier Vegicaps Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7305/file/small-35c3d8d737816788262961b8443768de.webp 600w, https://assets.fabulous.ch/public/variant_asset/7305/file/medium-bf523990b96f3758f2f6385ec66bdfbf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7305/file/large-0426c53a9cfb96117a5ea56debef5655.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7305/file/medium-bf523990b96f3758f2f6385ec66bdfbf.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">NaturKraftWerke</p>
          <a href="/fr/products/extrait-de-gattilier-vegicaps-bio-150-capsules-150-piece-15904">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Extrait de Gattilier Vegicaps Bio, 150 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NKgIlXGMllIq0LdrVRGi-b1UpLtAK8Eh38omz8jco9bOcKfdyoH0OIQcutMgYhcxL8I2KK6qZpYRLtOd1upnNA" />
    <input value="15904" 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">
      2&#39;800 sur 3&#39;216 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/kookie-cat?format=turbo_stream&amp;page=141">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>