<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">
    <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/alternative-vegan-a-la-burrata-coeur-de-noix-de-cajou-bio-140-g-11180">
          <img alt="Alternative vegan à la burrata Cœur de noix de cajou Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5730/file/small-b30a4205e4d98916cf2802c67302b608.webp 600w, https://assets.fabulous.ch/public/variant_asset/5730/file/medium-8d3a1a94647e1cb389968c7765139d0e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5730/file/large-bdccc99d8a80b5cc3aa03dc19e0ba86c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5730/file/medium-8d3a1a94647e1cb389968c7765139d0e.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">Fermaggio</p>
          <a href="/fr/products/alternative-vegan-a-la-burrata-coeur-de-noix-de-cajou-bio-140-g-11180">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative vegan à la burrata Cœur de noix de cajou Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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 5.43 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-11180-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/no-bullsh-t-solid-parfum-terre-15-ml-11207">
          <img alt="No Bullsh!t Solid Parfum Terre" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5735/file/small-3b0d38c02450fb9756024d8f04adcd77.webp 600w, https://assets.fabulous.ch/public/variant_asset/5735/file/medium-a17eeae546e7b5f2eed24097d3929b45.webp 900w, https://assets.fabulous.ch/public/variant_asset/5735/file/large-6e9d0c2e5cf94fc9b5b26c4343560be5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5735/file/medium-a17eeae546e7b5f2eed24097d3929b45.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/no-bullsh-t-solid-parfum-terre-15-ml-11207">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">No Bullsh!t Solid Parfum Terre, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XwYZAEKNhFsDXlcOiz0wpR5VPNbZnOa5KGP5y040J-rGzQjkWhBVBfBJNFpw8X1E3e8mHX5XUw4tEAt97IsNUQ" />
    <input value="11207" 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/no-bullsh-t-solid-parfum-venus-15-ml-11208">
          <img alt="No Bullsh!t Solid Parfum Vénus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5736/file/small-34bea04280e2a75c3f92402f804b9c4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5736/file/medium-911a462764b8adfd4f653881589b0f99.webp 900w, https://assets.fabulous.ch/public/variant_asset/5736/file/large-6fdef2dd0c5747dce80f47b200c32242.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5736/file/medium-911a462764b8adfd4f653881589b0f99.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/no-bullsh-t-solid-parfum-venus-15-ml-11208">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">No Bullsh!t Solid Parfum Vénus, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="98CRv9ehJAINn-YpMI0cnHgC2OZGOBIRYR9KsHwMw51uC4Bbzzz1XP6IhX3LQVF9u7jCLeHzp6ZkbLgG3rPpJg" />
    <input value="11208" 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/sel-gemme-allemand-fin-500-g-11218">
          <img alt="Sel gemme allemand fin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5747/file/small-2e89aee2b6dd93ed910d5d2be5079723.webp 600w, https://assets.fabulous.ch/public/variant_asset/5747/file/medium-001dcf33ae313b613695465e0989117e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5747/file/large-3a2abfa150907727b5128ed6b8782ced.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5747/file/medium-001dcf33ae313b613695465e0989117e.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/sel-gemme-allemand-fin-500-g-11218">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sel gemme allemand fin, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="owDRn3xLx3YD8RiynrOHpr3953cPfkEcQiNrIuV_hUM6y8B7ZNYWKPDme-Zlf8pHfkf9vKi19KtHUJmUR8Cv-A" />
    <input value="11218" 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/la-cooking-alternative-vegetalienne-a-la-creme-a-cuire-bio-200-ml-11221">
          <img alt="La Cooking Alternative végétalienne à la crème à cuire Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5751/file/small-d14f19bed1b3c884fd320f9df112b7a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5751/file/medium-b56b66ab56772a3c03d10d516ff875b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5751/file/large-178d43166fde183fab4b9c7c5eb535f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5751/file/medium-b56b66ab56772a3c03d10d516ff875b3.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">New Roots</p>
          <a href="/fr/products/la-cooking-alternative-vegetalienne-a-la-creme-a-cuire-bio-200-ml-11221">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">La Cooking Alternative végétalienne à la crème à cuire Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </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 1.15 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YbIT1horGxJSb78qNhUbBI3n_U86ocX14erDvV-lFcn4eQIyArbKTKF43H7N2VblTl3nhJ1qcELkmTEL_Ro_cg" />
    <input value="11221" 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/pralines-classique-de-6-bio-72-g-11243">
          <img alt="Pralinés Classique de 6 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5756/file/small-865fa5ac6e018f49549b7c74665e9591.webp 600w, https://assets.fabulous.ch/public/variant_asset/5756/file/medium-ef3d055ab52ec5553e986eec475a6d71.webp 900w, https://assets.fabulous.ch/public/variant_asset/5756/file/large-603a1a0d1a9f43adf7177206e2b7c7f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5756/file/medium-ef3d055ab52ec5553e986eec475a6d71.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">Naturkostbar</p>
          <a href="/fr/products/pralines-classique-de-6-bio-72-g-11243">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinés Classique de 6 Bio, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11243-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/nourriture-humide-hownd-casserole-de-quinoa-courge-400-g-11253">
          <img alt="Nourriture humide HOWND Casserole de quinoa &amp; courge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5760/file/small-63e69ca042aa25dc8b27bf66dad40618.webp 600w, https://assets.fabulous.ch/public/variant_asset/5760/file/medium-d15d0b9d4767f206ee71a4d36992c5f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5760/file/large-6ebe234172809755b3aa89817c3e57c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5760/file/medium-d15d0b9d4767f206ee71a4d36992c5f3.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">HOWND</p>
          <a href="/fr/products/nourriture-humide-hownd-casserole-de-quinoa-courge-400-g-11253">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nourriture humide HOWND Casserole de quinoa &amp; courge, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uS-Z2AgbhgEzpKDXCOQvaEvtOSeCMlmKbRlDnipc-bAg5Ig8EIZXX8Czw4PzKGKJiFcj7CX57D1oarEoiOPTCw" />
    <input value="11253" 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/nourriture-humide-hownd-porridge-myrtille-noix-de-coco-400-g-11254">
          <img alt="Nourriture humide HOWND Porridge myrtille &amp; noix de coco" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5761/file/small-499a69cbf0651cbc69defd6da7b550f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5761/file/medium-8539573936693fbd60e6a02e650fbdb6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5761/file/large-0c67810d60c555e56a3a63a4a9007840.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5761/file/medium-8539573936693fbd60e6a02e650fbdb6.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">HOWND</p>
          <a href="/fr/products/nourriture-humide-hownd-porridge-myrtille-noix-de-coco-400-g-11254">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nourriture humide HOWND Porridge myrtille &amp; noix de coco, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R6lwkpgXjWGo4evGRKyZG7n35bz_NATUgF3-0QxZHGbeYmF2gIpcP1v2iJK_YNT6ek3_d1j_sWOFLgxnruY23Q" />
    <input value="11254" 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/nourriture-humide-hownd-papaye-lentilles-dahl-400-g-11255">
          <img alt="Nourriture humide HOWND Papaye &amp; Lentilles Dahl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5762/file/small-afbb392cf5aa7d06783e2900514550eb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5762/file/medium-f9c438e1198b0c79c0d0cafb8110e539.webp 900w, https://assets.fabulous.ch/public/variant_asset/5762/file/large-2011ab502ea522d02a96da59ee3ab9df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5762/file/medium-f9c438e1198b0c79c0d0cafb8110e539.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">HOWND</p>
          <a href="/fr/products/nourriture-humide-hownd-papaye-lentilles-dahl-400-g-11255">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nourriture humide HOWND Papaye &amp; Lentilles Dahl, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5qSMmLlBo5AOUeApiaAGF4MzKhx9GS-_iNtekWed6V5_b518odxyzv1Gg31ybEv2QIkw19rSmgiNqKwnxSLD5Q" />
    <input value="11255" 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/lessive-ecoegg-oeuf-de-lavage-sans-parfum-1-piece-1-piece-11258">
          <img alt="Lessive EcoEgg œuf de lavage sans parfum, 1 pièce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5763/file/small-081609902cc91fa2f16d036cfd116d05.webp 600w, https://assets.fabulous.ch/public/variant_asset/5763/file/medium-b1caed93ae5392a90b2ca8bbf6baa2c3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5763/file/large-85d4f729ec62a44fb5628dbf571391eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5763/file/medium-b1caed93ae5392a90b2ca8bbf6baa2c3.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">EcoEgg</p>
          <a href="/fr/products/lessive-ecoegg-oeuf-de-lavage-sans-parfum-1-piece-1-piece-11258">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lessive EcoEgg œuf de lavage sans parfum, 1 pièce, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pUdEKzUfckla7RNFjRL_dVbemn6f8IJU6j5PKdPMN2M8jFXPLYKjF6n6cBF23rKUlWSAtTg7N-PvTb2fcXMd2A" />
    <input value="11258" 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-ecoegg-oeuf-de-lavage-linge-frais-1-piece-1-piece-11259">
          <img alt="Lessive EcoEgg œuf de lavage linge frais, 1 pièce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5768/file/small-8aaf13ad64b28222bc72427a78476d0d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5768/file/medium-c28e40473355e4fd984df1c5a55938b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5768/file/large-09b1ff26815e4232574efa1adb4a21b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5768/file/medium-c28e40473355e4fd984df1c5a55938b6.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">EcoEgg</p>
          <a href="/fr/products/lessive-ecoegg-oeuf-de-lavage-linge-frais-1-piece-1-piece-11259">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lessive EcoEgg œuf de lavage linge frais, 1 pièce, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gbUcLj-ssAo_aGO-XVD1a1P-7ncCMu5_mwrlvu96AgsYfg3KJzFhVMx_AOqmnLiKkET0vKX5W8ieeRcITcUosA" />
    <input value="11259" 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/lessive-ecoegg-oeuf-de-lavage-recharge-de-pellets-sans-parfum-1-piece-1-piece-11260">
          <img alt="Lessive EcoEgg œuf de lavage recharge de pellets sans parfum, 1 pièce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5771/file/small-e27033eb8aa30389d0b19a56105f1057.webp 600w, https://assets.fabulous.ch/public/variant_asset/5771/file/medium-7915cc3c56f15c47ba3523876dbb2a7d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5771/file/large-af9531321358a83516266f67f0f04b3f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5771/file/medium-7915cc3c56f15c47ba3523876dbb2a7d.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">EcoEgg</p>
          <a href="/fr/products/lessive-ecoegg-oeuf-de-lavage-recharge-de-pellets-sans-parfum-1-piece-1-piece-11260">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lessive EcoEgg œuf de lavage recharge de pellets sans parfum, 1 pièce, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jg-d8RBuHXHJy3GyeVsmN_RadCPGpIdBTPk6MngzDikXxIwVCPPMLzrcEuaCl2vWN-Bu6GFvMvZJisiE2owkkg" />
    <input value="11260" 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-ecoegg-oeuf-de-lavage-recharge-de-pellets-linge-frais-1-piece-1-piece-11261">
          <img alt="Lessive EcoEgg œuf de lavage recharge de pellets linge frais, 1 pièce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5777/file/small-5ec714af6d8699933e619d94c72b25ab.webp 600w, https://assets.fabulous.ch/public/variant_asset/5777/file/medium-660f22ec1bd24372d31b7b2b68a9ce6b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5777/file/large-0c51885e25eede8423041da888fcc2c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5777/file/medium-660f22ec1bd24372d31b7b2b68a9ce6b.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">EcoEgg</p>
          <a href="/fr/products/lessive-ecoegg-oeuf-de-lavage-recharge-de-pellets-linge-frais-1-piece-1-piece-11261">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lessive EcoEgg œuf de lavage recharge de pellets linge frais, 1 pièce, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wCrZR-eLQAE62vI-4W8w6T6JqqY2Fxnm5-iu6mbxBEBZ4cij_xaRX8nNkWoao30I_TOwbZHcrFHim1xcxE4u-w" />
    <input value="11261" 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/lessive-ecoegg-oeuf-de-lavage-fleur-de-printemps-1-piece-1-piece-11287">
          <img alt="Lessive EcoEgg œuf de lavage fleur de printemps, 1 pièce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5785/file/small-1459a7a639d24ff23509803d74fe1ca1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5785/file/medium-f81b9cdbeb5bbc407d9cffd58d581990.webp 900w, https://assets.fabulous.ch/public/variant_asset/5785/file/large-be5bb77e4f00c53293fa7dafbf7b202d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5785/file/medium-f81b9cdbeb5bbc407d9cffd58d581990.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">EcoEgg</p>
          <a href="/fr/products/lessive-ecoegg-oeuf-de-lavage-fleur-de-printemps-1-piece-1-piece-11287">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lessive EcoEgg œuf de lavage fleur de printemps, 1 pièce, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7kZfmZSHserVq6AJ46_8yatAxbLARV5WGBKDtFo_juN3jU59jBpgtCa8w10YY7EoaPrfeWeO6-EdYXEC-ICkWA" />
    <input value="11287" 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-ecoegg-oeuf-de-lavage-recharge-de-pellets-leur-de-printemps-1-piece-1-piece-11293">
          <img alt="Lessive EcoEgg œuf de lavage recharge de pellets leur de printemps, 1 pièce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5786/file/small-52ced3444a04f24a8d669024f7f7cb06.webp 600w, https://assets.fabulous.ch/public/variant_asset/5786/file/medium-4d0887e1b8096d2f709ee7be56258bae.webp 900w, https://assets.fabulous.ch/public/variant_asset/5786/file/large-9cbae8ed4a7fb534aa6f6090c4561512.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5786/file/medium-4d0887e1b8096d2f709ee7be56258bae.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">EcoEgg</p>
          <a href="/fr/products/lessive-ecoegg-oeuf-de-lavage-recharge-de-pellets-leur-de-printemps-1-piece-1-piece-11293">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lessive EcoEgg œuf de lavage recharge de pellets leur de printemps, 1 pièce, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wVSjLHDPovBe6stCGzZxILDfnkyUTNjUqZuMYiCPKkZYn7LIaFJzrq39qBbg-jzBc2WEhzOHbWOs6H7UgjAA_Q" />
    <input value="11293" 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/curry-sate-sauce-bio-130-ml-11300">
          <img alt="Curry-Saté Sauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5792/file/small-ed5a99ecef86551c0522b667339613ee.webp 600w, https://assets.fabulous.ch/public/variant_asset/5792/file/medium-5c90afd5247643b241e9761b712e7807.webp 900w, https://assets.fabulous.ch/public/variant_asset/5792/file/large-d476d8766d0b786a886d4e2fc66fa2e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5792/file/medium-5c90afd5247643b241e9761b712e7807.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/curry-sate-sauce-bio-130-ml-11300">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Curry-Saté Sauce Bio, 130 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QqhUdQVSc1N0zK_MDBJT1kJFac_h6FQQdqhKHK-M3XrbY0WRHc-iDYfbzJj33h43gf9zBEYj4adz27iqDTP3wQ" />
    <input value="11300" 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/barre-loveraw-wafer-bar-cre-m-chocolat-blanc-45-g-11301">
          <img alt="Barre LoveRaw Wafer Bar Cre&amp;m Chocolat blanc" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5791/file/small-4eef6b2378daaa237e79ba13195b1e26.webp 600w, https://assets.fabulous.ch/public/variant_asset/5791/file/medium-35bffce896df5427bf370b2b1845ab66.webp 900w, https://assets.fabulous.ch/public/variant_asset/5791/file/large-dc56d31b9c9a13b04c39164456c2498d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5791/file/medium-35bffce896df5427bf370b2b1845ab66.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">Love Raw</p>
          <a href="/fr/products/barre-loveraw-wafer-bar-cre-m-chocolat-blanc-45-g-11301">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre LoveRaw Wafer Bar Cre&amp;m Chocolat blanc, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jMVEiVsdwlQkkaOnB_vd34RUhItftzUwXzsS5LRz7ekVDlVtQ4ATCteGwPP8N5A-R-6eQPh8gIdaSOBSFszHUg" />
    <input value="11301" 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/boisson-au-souchet-naturelle-chufa-bio-1-l-11305">
          <img alt="Boisson au souchet naturelle Chufa Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5800/file/small-4b7533fc368cefafd0549615fc8cb778.webp 600w, https://assets.fabulous.ch/public/variant_asset/5800/file/medium-ce10e12d1c3df66c8a876ff2db5b7567.webp 900w, https://assets.fabulous.ch/public/variant_asset/5800/file/large-6ae0545e732ae487fe5f82fab78a56bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5800/file/medium-ce10e12d1c3df66c8a876ff2db5b7567.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">Ecomil</p>
          <a href="/fr/products/boisson-au-souchet-naturelle-chufa-bio-1-l-11305">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson au souchet naturelle Chufa Bio, 1 l</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 0.43 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1dX1MZPsMyBcXFKrUDTlanjY1hNM6Tx3AZFzdkfF3zFMHuTVi3Hifq9LMf-r-KiLu2LM2OsiicAE4oHA5Xr1ig" />
    <input value="11305" 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/boisson-naturelle-d-epeautre-sans-sucres-ajoutes-bio-1-l-11323">
          <img alt="Boisson naturelle d&#39;épeautre sans sucres ajoutés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5801/file/small-91dd7bb44be13ddfb04587626ca1eb84.webp 600w, https://assets.fabulous.ch/public/variant_asset/5801/file/medium-dc0cb575dad859936bb4786c5b05c03e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5801/file/large-42bd8bc3f54d9229dab0d7299dd5e4b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5801/file/medium-dc0cb575dad859936bb4786c5b05c03e.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">Allos</p>
          <a href="/fr/products/boisson-naturelle-d-epeautre-sans-sucres-ajoutes-bio-1-l-11323">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson naturelle d&#39;épeautre sans sucres ajoutés Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ztkz0gwiiRK_JQhtDVCMrC15j2ILhJBKsI9mvAuIPuz_EiI2FL9YTEwyazn2nMFN7sOVqaxPJf21_JQKqTcUVw" />
    <input value="11323" 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/boisson-a-la-noix-de-coco-0-sucre-bio-1-l-11324">
          <img alt="Boisson à la noix de coco 0% sucre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5802/file/small-4cf01beebea90de82bb82d94c198ee42.webp 600w, https://assets.fabulous.ch/public/variant_asset/5802/file/medium-4ce6293840c8d66c8116e8dfef0dc6d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/5802/file/large-c34b83da1d7808de27aef37e95f1ca06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5802/file/medium-4ce6293840c8d66c8116e8dfef0dc6d2.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">Allos</p>
          <a href="/fr/products/boisson-a-la-noix-de-coco-0-sucre-bio-1-l-11324">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson à la noix de coco 0% sucre Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qMFmc-1-Irg3kOdv4hDIeFww-ZYsUfTRlb59FDsfxugxCneX9ePz5sSHhDsZ3IWZn4rjXYuaQWaQzY-imaDsUw" />
    <input value="11324" 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">
      1&#39;780 sur 3&#39;166 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/if-you-care?format=turbo_stream&amp;page=90">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>