<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/olives-noires-avec-noyaux-en-saumure-salee-bio-310-g-4265">
          <img alt="Olives noires AVEC NOYAUX en saumure salée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2671/file/small-fa7db4e2aaf2ab121c93f56cf7e9f825.webp 600w, https://assets.fabulous.ch/public/variant_asset/2671/file/medium-c3f98843fcea6b14ecf36164ec0aca05.webp 900w, https://assets.fabulous.ch/public/variant_asset/2671/file/large-462e8068732baf5a1f576766452d1b2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2671/file/medium-c3f98843fcea6b14ecf36164ec0aca05.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">LaSelva</p>
          <a href="/fr/products/olives-noires-avec-noyaux-en-saumure-salee-bio-310-g-4265">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Olives noires AVEC NOYAUX en saumure salée Bio, 310 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.87 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UH9Ftfs18qfRk1-L22eWiYspbRcMiJmCptvv1Z6GenlA5xt8eqJ8BpAahJh0wPPFRrYul0gd5Ud7LkkgXkpd0w" />
    <input value="4265" 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/sojade-so-soya-nature-bio-100-g-4290">
          <img alt="Sojade So Soya! Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2687/file/small-96beabd8b52521d582d9ec93e1605bdd.webp 600w, https://assets.fabulous.ch/public/variant_asset/2687/file/medium-5e3f4fbc94b5d6287cbd5849220cdff4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2687/file/large-4ef32e568a62b94501fc552c8b36dc35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2687/file/medium-5e3f4fbc94b5d6287cbd5849220cdff4.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">Sojade</p>
          <a href="/fr/products/sojade-so-soya-nature-bio-100-g-4290">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sojade So Soya! Nature Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6HUT-NxmC-YP3f89CXH7BxqO4m7-A4Q8ZjMP077_uw347U0xXfGFR05UJC6m1p5L1xGh7rqW-Pm7xqkmfjOcpw" />
    <input value="4290" type="hidden" name="variant_id" id="variant_id" />
    <input value="3" 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/sojade-so-soya-vanille-bio-400-g-4291">
          <img alt="Sojade So Soya! Vanille, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2689/file/small-0513a4af1b16c10f2216a3f35a23b467.webp 600w, https://assets.fabulous.ch/public/variant_asset/2689/file/medium-e816d24c2120273a1f234cf9cbb2e085.webp 900w, https://assets.fabulous.ch/public/variant_asset/2689/file/large-7eeef290b7ff8160c655567beba589eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2689/file/medium-e816d24c2120273a1f234cf9cbb2e085.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">Sojade</p>
          <a href="/fr/products/sojade-so-soya-vanille-bio-400-g-4291">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sojade So Soya! Vanille, Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </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.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UzJdmkqL4qedx95LArk7E6BYzx8wdmEUiGNjt6OXO6ZDqgNTyxxsBtxOBVitHl5fbceMn3TjHdFVlsVCY1scDA" />
    <input value="4291" 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-liquide-30-95-c-lavande-en-gros-10-l-4316">
          <img alt="Lessive liquide 30–95 °C Lavande en gros" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2695/file/small-7579adb9875c60c8c398856c0361082a.webp 600w, https://assets.fabulous.ch/public/variant_asset/2695/file/medium-c6e5a2ed6d26d5980285337237ee443f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2695/file/large-4cfa11df506f211833ec7e67319459ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2695/file/medium-c6e5a2ed6d26d5980285337237ee443f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/fr/products/lessive-liquide-30-95-c-lavande-en-gros-10-l-4316">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lessive liquide 30–95 °C Lavande en gros, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 63.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MOyExUPOWiCjOzxlbBBa7nFN4lrMIklTOmKpB0VgB8MgdNoMwlnUgeKy53bDtz-ivNKh2oi3NZbnlw_yhawgaQ" />
    <input value="4316" 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/riz-long-parboiled-blanc-bio-500-g-4317">
          <img alt="Riz Long Parboiled Blanc Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2697/file/small-0b6947492c40814e94ef7ada1ea8f05d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2697/file/medium-2834a07d2874d8be675bba77d75ab09d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2697/file/large-e82b2c70136067fee1a08fad31bb9d42.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2697/file/medium-2834a07d2874d8be675bba77d75ab09d.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">Davert</p>
          <a href="/fr/products/riz-long-parboiled-blanc-bio-500-g-4317">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riz Long Parboiled Blanc Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gf8nudREjtCjwR3Qh41tKF1EfAHMJR0SwhoMhhGUnAuRZ3lwVdMAceJIxsMoKghkkNs_gYiwYdcf76pz0Vi7oQ" />
    <input value="4317" 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/riz-rond-a-grains-entiers-de-riz-brun-bio-1-kg-4318">
          <img alt="Riz rond à grains entiers de riz brun bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2698/file/small-8cadf2505b01d89cce842a726542df27.webp 600w, https://assets.fabulous.ch/public/variant_asset/2698/file/medium-8c7aa0eef43d3d5e4e00c0477dcf8496.webp 900w, https://assets.fabulous.ch/public/variant_asset/2698/file/large-ee5059aacbc2dcb8f9fc2d4da76c2423.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2698/file/medium-8c7aa0eef43d3d5e4e00c0477dcf8496.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">Davert</p>
          <a href="/fr/products/riz-rond-a-grains-entiers-de-riz-brun-bio-1-kg-4318">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riz rond à grains entiers de riz brun bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RVJYdun7xD6h79xSWGKz90-DpCKXztm_qyk7MiETZ_ZVyga_aGxKn-BmB0H3xda7ghznotNbpXp23J3H4d9AXA" />
    <input value="4318" 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/cuisine-creme-avoine-bio-200-ml-4319">
          <img alt="Cuisine Creme Avoine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2699/file/small-045af4a06e30e0794f85ee926b6ba532.webp 600w, https://assets.fabulous.ch/public/variant_asset/2699/file/medium-16c6328e51c191e7bfb4d5ff4438b97d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2699/file/large-cf9ec07d7b188fc88692d8eade54efce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2699/file/medium-16c6328e51c191e7bfb4d5ff4438b97d.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">Lima</p>
          <a href="/fr/products/cuisine-creme-avoine-bio-200-ml-4319">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Creme Avoine Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lHZ8PrO0N1JEZJF3Hpnj9T65BtjjBp9rNy5vXFTB1YmE7iL3MiO58wXtSmSxPoa58yZFWKeT467q28mplA3yIw" />
    <input value="4319" 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/ami-v-love-red-every-day-patee-vege-pour-chiens-400-g-4339">
          <img alt="Ami V-Love RED Every Day Pâtée Végé pour chiens" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2706/file/small-973b23125c516845500ded5d441dfeb1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2706/file/medium-bbacb5fc113750b0972ca431eaf4c825.webp 900w, https://assets.fabulous.ch/public/variant_asset/2706/file/large-3dfe8e265c4691f9dd4679471cee7661.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2706/file/medium-bbacb5fc113750b0972ca431eaf4c825.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">AMI</p>
          <a href="/fr/products/ami-v-love-red-every-day-patee-vege-pour-chiens-400-g-4339">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ami V-Love RED Every Day Pâtée Végé pour chiens, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iQQaKJzmSOEefMpG8KXFLHh4PCeYLQXiiACZ-XfRMoKZnEThHXHGQF_1EVVfAqBgted_p9y4eSdV9T8Mtx0VKA" />
    <input value="4339" 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/pates-cornettes-soja-et-ble-complet-bio-paquet-bio-500-g-4344">
          <img alt="Pâtes Cornettes soja et blé complet bio paquet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2707/file/small-50fd2d6560da8730888713c516c3dc48.webp 600w, https://assets.fabulous.ch/public/variant_asset/2707/file/medium-8f360b6f402b4c44bac51402211501b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2707/file/large-d1be76201264fb8ddc6e1c483163342c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2707/file/medium-8f360b6f402b4c44bac51402211501b6.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">MORGA</p>
          <a href="/fr/products/pates-cornettes-soja-et-ble-complet-bio-paquet-bio-500-g-4344">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâtes Cornettes soja et blé complet bio paquet Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SLLu3nnXT7HAohfUMOl9oNv1Vh-rqARKXidHeSDmoMFYKrAX-EDBEIErzMefThjsFmoVn-89eI-D0uGM4CqHaw" />
    <input value="4344" 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/pates-torsades-soja-et-ble-complet-paquet-bio-500-g-4345">
          <img alt="Pâtes Torsades soja et blé complet paquet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2708/file/small-a305575f49c112de5f993ac3fc4348d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2708/file/medium-29ac7cda0d555f48c8eb2f755a4bad16.webp 900w, https://assets.fabulous.ch/public/variant_asset/2708/file/large-aba1096071d3f247026ac57c7e33bb3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2708/file/medium-29ac7cda0d555f48c8eb2f755a4bad16.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">MORGA</p>
          <a href="/fr/products/pates-torsades-soja-et-ble-complet-paquet-bio-500-g-4345">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâtes Torsades soja et blé complet paquet Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hh2la0tWe6UTnQArbMbUCSz4aSpa4YUl-vOivDZvowoOhfuiysH1BFIU2zjDYbFF4Wcqqh50-eAnBgRJ9qOEoA" />
    <input value="4345" 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/pates-nouilles-frisees-soja-et-ble-complet-bio-500-g-4346">
          <img alt="Pâtes Nouilles frisées soja et blé complet bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2710/file/small-1a290b030417b3a05785a34bbc4582e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2710/file/medium-374bc7fc6a328c7fd7c31f97e582fecd.webp 900w, https://assets.fabulous.ch/public/variant_asset/2710/file/large-9ed56d40ac9d9e72a27c8dc8b95f44b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2710/file/medium-374bc7fc6a328c7fd7c31f97e582fecd.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">MORGA</p>
          <a href="/fr/products/pates-nouilles-frisees-soja-et-ble-complet-bio-500-g-4346">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâtes Nouilles frisées soja et blé complet bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lx3GDFdhht88a7Bzv_s9cYlu-OkIdsLON_7wMgJchyI_hZjF1vYIfn3ia2AQXFg9RPG7aUzjvgvqC1bHwpCgiA" />
    <input value="4346" 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/pates-spaghetti-soja-et-ble-complet-bio-paquet-500-g-4347">
          <img alt="Pâtes Spaghetti soja et blé complet bio paquet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2711/file/small-8f6d1ea4141d517c29425eab0e7e76b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/2711/file/medium-66b2d13966db6352ae7b3a42198dfed5.webp 900w, https://assets.fabulous.ch/public/variant_asset/2711/file/large-e0c40b2005cbd40aa63046684c373df0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2711/file/medium-66b2d13966db6352ae7b3a42198dfed5.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">MORGA</p>
          <a href="/fr/products/pates-spaghetti-soja-et-ble-complet-bio-paquet-500-g-4347">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâtes Spaghetti soja et blé complet bio paquet, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DhIkRO0KdDAyR41mGLr_763lwHdtBzlgq6C32sm5r1IeinqNbJ36kXPOVnW3HZqjYHqD9ymSRaV2VREvCXWI-A" />
    <input value="4347" 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">
      732 sur 3&#39;186 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/hownd?format=turbo_stream&amp;page=62">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>