<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftartex%3Fformat%3Dturbo_stream%26page%3D37">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/schaf-frischkase-50-fett-bio-100-g-18265">
          <img alt="Schaf Frischkäse 50% Fett Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9663/file/small-5faa831868e8718d9762f7289da465e2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9663/file/medium-3111f04b1ee0eea7db6884e69a7524bb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9663/file/large-e2181e2cfc44568e6c2b7f5fe0ab9115.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9663/file/medium-3111f04b1ee0eea7db6884e69a7524bb.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">Bergerie</p>
          <a href="/fr/products/schaf-frischkase-50-fett-bio-100-g-18265">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schaf Frischkäse 50% Fett Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BC22UO2Yt8eMprUOiyXrLFSlg2WkGvEn0b312KywCslrLo2R-y_kc_oGy_MjRC-ftVcWEAe1FRQ_KTjMKmwroQ" />
    <input value="18265" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftartex%3Fformat%3Dturbo_stream%26page%3D37">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/traubensaft-weiss-demeter-700-ml-18266">
          <img alt="Traubensaft weiss Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9665/file/small-2420ed15156bdb1f63560e6e7a987a33.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9665/file/medium-919b63a4c9bcc51ff692886d9b7a97a0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9665/file/large-e379503e878291e374c9e3fcd5939e8f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9665/file/medium-919b63a4c9bcc51ff692886d9b7a97a0.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">Beutelsbacher</p>
          <a href="/fr/products/traubensaft-weiss-demeter-700-ml-18266">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Traubensaft weiss Demeter, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xScLvW-jX5utgF97lxQe71X3YD7-3WkzFFs2v3zeuTiqJDB8eRQML9sgIYY_ddpctAX1S11yjQD6z_ur-gKYUA" />
    <input value="18266" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftartex%3Fformat%3Dturbo_stream%26page%3D37">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/butter-unpasteurisiert-bio-200-g-18267">
          <img alt="Butter unpasteurisiert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10435/file/small-73c3f5bc443092789c4e565579926ff1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10435/file/medium-6758dfd033c3e5398aae50e9c7d240fa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10435/file/large-d7601199acce627780651c45f19e09dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10435/file/medium-6758dfd033c3e5398aae50e9c7d240fa.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">Biedermann</p>
          <a href="/fr/products/butter-unpasteurisiert-bio-200-g-18267">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Butter unpasteurisiert Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="80fIbnuZaJTDmFWiddJtkGr-FOYcdk4BZNngzc-JjS6cRPOvbS47ILU4K1_ds6kjiwyBk7_ZqjKKTS3ZSVWsRg" />
    <input value="18267" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftartex%3Fformat%3Dturbo_stream%26page%3D37">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/caffe-latte-cappuccino-bio-230-ml-18268">
          <img alt="Caffè Latte Cappuccino Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10775/file/small-94078438fcbabd6d39b1954cddd7459b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10775/file/medium-9292006a2593a6fcdf9ac4de51111cb3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10775/file/large-382c376f83c64a8ba648b4c8e3caa6a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10775/file/medium-9292006a2593a6fcdf9ac4de51111cb3.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">Biedermann</p>
          <a href="/fr/products/caffe-latte-cappuccino-bio-230-ml-18268">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Caffè Latte Cappuccino Bio, 230 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GlPSC2NXIoSr-UUif_E9-OwH8ZBWqwZr6u-T1jeatnN1UOnKdeBxMN1ZO9_XkPlLDfVk5fUE4lgEe17CsUaXGw" />
    <input value="18268" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftartex%3Fformat%3Dturbo_stream%26page%3D37">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/joghurtalternative-kokos-heidelbeere-bio-150-g-18269">
          <img alt="Joghurtalternative Kokos Heidelbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9545/file/small-ef01684914541bebf77d2d34b6f5bd95.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9545/file/medium-a1618b411a840fa574c8008c59a5052f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9545/file/large-602f7fc52a3e8769492d238853539b1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9545/file/medium-a1618b411a840fa574c8008c59a5052f.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">Biedermann</p>
          <a href="/fr/products/joghurtalternative-kokos-heidelbeere-bio-150-g-18269">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurtalternative Kokos Heidelbeere Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hMyvzCLGCALL69ZaQPpZTNx9oFeFD1f4y_qAWQKxHqzrz5QNNHFbtr1LqKfom53_PY81Iiags8slbk1NhG0_xA" />
    <input value="18269" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftartex%3Fformat%3Dturbo_stream%26page%3D37">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/joghurtalternative-kokos-mango-bio-150-g-18270">
          <img alt="Joghurtalternative Kokos Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9547/file/small-c60c20b5492591cef156332c912106c5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9547/file/medium-7bba613e979a29ea64c5f1e84f9506aa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9547/file/large-8f8addabc756082429c3b5d92242b550.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9547/file/medium-7bba613e979a29ea64c5f1e84f9506aa.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">Biedermann</p>
          <a href="/fr/products/joghurtalternative-kokos-mango-bio-150-g-18270">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurtalternative Kokos Mango Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IrsIc1j7xCPDdImDC2aWVskxi4aiehlIkB_ivB7JrcFNuDOyTkyXl7XU936jB1LlKMMe8wHV_Xt-iy-omBWMqQ" />
    <input value="18270" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftartex%3Fformat%3Dturbo_stream%26page%3D37">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/dinkel-risotto-bio-500-g-18271">
          <img alt="Dinkel Risotto Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9873/file/small-a6e9c8b016aea02050cd30cdd5cb3187.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9873/file/medium-cda47e9634b20d72b19ec21479be0efb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9873/file/large-93db2654ffb764b3109ecccb05d0a849.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9873/file/medium-cda47e9634b20d72b19ec21479be0efb.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/dinkel-risotto-bio-500-g-18271">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkel Risotto Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ruoZx7a5vRkikhryBHvD1r9t8aK24E0PpCUeB9mVXGvB6SIGoA7urVQyZA-sGgdlXp9k1xVPqTxKsdMTX0l9Aw" />
    <input value="18271" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftartex%3Fformat%3Dturbo_stream%26page%3D37">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/golden-light-zucker-bio-1-kg-18272">
          <img alt="Golden Light Zucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9874/file/small-e7685df20def7467bf0c030616049208.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9874/file/medium-93ea830fb40a42cca336bc14a0dcdf13.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9874/file/large-6f1cd934136a5e2aa6f811620fe978f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9874/file/medium-93ea830fb40a42cca336bc14a0dcdf13.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/golden-light-zucker-bio-1-kg-18272">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Golden Light Zucker Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3DGo9WpeBU6059wLfxufm09MIgd9wOg1R_c7cfBYrZOzMpM0fOlW-sJHovbXelsorr63ct5vDAapY_ZldoSM-w" />
    <input value="18272" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftartex%3Fformat%3Dturbo_stream%26page%3D37">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/haferflocken-fein-bio-500-g-18273">
          <img alt="Haferflocken fein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10418/file/small-d34e1bf82ae9163f2a44fddd37bea696.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10418/file/medium-851443a3588fb73a7669f0e1b54161c9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10418/file/large-cc24a0c5223ee081b3e97301bd117203.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10418/file/medium-851443a3588fb73a7669f0e1b54161c9.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/haferflocken-fein-bio-500-g-18273">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferflocken fein Bio, 500 g</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 0.92 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6DyzwYLk4CiWzfjYGvOVVm0atwiglcWQ3BOy1A1lOVWHP4gAlFOznOBthiWyklHljOgifQM6IaMyh3_Ai7kYPQ" />
    <input value="18273" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftartex%3Fformat%3Dturbo_stream%26page%3D37">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/knuspermuesli-aus-urgetreiden-bio-500-g-18274">
          <img alt="Knuspermüesli aus Urgetreiden Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9875/file/small-38108fb7e2c982d264217738a1a9d235.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9875/file/medium-e4e4d5615577aebcc747be05fcf3e81e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9875/file/large-58a299aa386c57415f7f4c01044de71b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9875/file/medium-e4e4d5615577aebcc747be05fcf3e81e.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/knuspermuesli-aus-urgetreiden-bio-500-g-18274">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Knuspermüesli aus Urgetreiden Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5GufroxM2x6CLFgE2-D_mC65m89lpBnSuNdnYJaNmWyLaKRvmvuIqvSMJvlzgTsrz0sOusYL_eFWQ6p0EFG4BA" />
    <input value="18274" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftartex%3Fformat%3Dturbo_stream%26page%3D37">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/knuspermuesli-choco-amaranth-bio-500-g-18275">
          <img alt="Knuspermüesli Choco Amaranth Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9876/file/small-bda300268166aed60a18663337439a39.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9876/file/medium-6156706d16f4cca84fc0e65791bd39b7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9876/file/large-2247e432524f6274e8bfb60ba93f0224.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9876/file/medium-6156706d16f4cca84fc0e65791bd39b7.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/knuspermuesli-choco-amaranth-bio-500-g-18275">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Knuspermüesli Choco Amaranth Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PHRZsj1X5NUTnOOD54FR9l2Szpg3qDfjmkFSqAuclARTd2JzK-C3YWU8nX5P4JVFvGBb7ZQH09B01Z-8jUC1bA" />
    <input value="18275" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftartex%3Fformat%3Dturbo_stream%26page%3D37">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/knuspermuesli-classic-bio-500-g-18276">
          <img alt="Knuspermüesli Classic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9877/file/small-a62bf20f5179c96d371d74794928907d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9877/file/medium-8077a4af75fdb68cd1f35cf4220d3540.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9877/file/large-9dbd9318d9ad031962fb4b8cbedcb850.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9877/file/medium-8077a4af75fdb68cd1f35cf4220d3540.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/knuspermuesli-classic-bio-500-g-18276">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Knuspermüesli Classic Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nnCGRRZLPHcLQJaEB3mjyiRFvrUJo_R8tEiBuWU_M3bxc72EAPxvw33g6HmvGGd5xbcrwKoMEE9a3Eyt4-MSHg" />
    <input value="18276" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftartex%3Fformat%3Dturbo_stream%26page%3D37">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/schweizer-dorrbohnen-bio-100-g-18277">
          <img alt="Schweizer Dörrbohnen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10635/file/small-b4d52d48d87704b21f4bcb727cc2a42b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10635/file/medium-81579a3797cadb61d99c25b3bea4786f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10635/file/large-814733843d5e6669b053b722a6f09c46.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10635/file/medium-81579a3797cadb61d99c25b3bea4786f.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/schweizer-dorrbohnen-bio-100-g-18277">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schweizer Dörrbohnen Bio, 100 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 15.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BVQNz481UjCm3OoaD9MUlonjgn-tIVeSfk6uTs4ErJ1qVzYOmYIBhNB8lOenstAlaBEXCg6Os6GQ2mNaSNiN9Q" />
    <input value="18277" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftartex%3Fformat%3Dturbo_stream%26page%3D37">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/schweizer-leinol-bio-500-ml-18278">
          <img alt="Schweizer Leinöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11050/file/small-2a50e25b564b985eccdbb119695524f1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11050/file/medium-704ef21d1691f30093f95cf18fb4c7b3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11050/file/large-5d60974e8b53b76ef07996b7a13b51cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11050/file/medium-704ef21d1691f30093f95cf18fb4c7b3.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/schweizer-leinol-bio-500-ml-18278">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schweizer Leinöl Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xRQEDTcMWOOWqlM_7GR_otfhakccrTzNFkDv36rdUP2qFz_MIbsLV-AKLcJEBbsRNhP_Mr8C2P741CLLLAFxlQ" />
    <input value="18278" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftartex%3Fformat%3Dturbo_stream%26page%3D37">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/schweizer-maisgriess-bramata-bio-500-g-18279">
          <img alt="Schweizer Maisgriess Bramata Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9878/file/small-f7040986a214963192c10df284f8621a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9878/file/medium-da63f8d61a76146f72c969c97589deec.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9878/file/large-d81a22ef5e0c49c6542c435ce89ec604.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9878/file/medium-da63f8d61a76146f72c969c97589deec.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/schweizer-maisgriess-bramata-bio-500-g-18279">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schweizer Maisgriess Bramata Bio, 500 g</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.94 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5-crjkS_MlfkebpMq8tK96_04AhOdy21iMtE3EYWoSKI5BBPUghh45LZxLEDqo5ETgZ1fe3YyYZmX4nIwMqASg" />
    <input value="18279" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftartex%3Fformat%3Dturbo_stream%26page%3D37">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/schweizer-sonnenblumen-bratol-bio-500-ml-18280">
          <img alt="Schweizer Sonnenblumen Bratöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10959/file/small-a574a8cccec7695a1a5914de3a738bdc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10959/file/medium-eef4ee60f09f536afa34b9313381eb81.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10959/file/large-8d36eb59c10817242b4653c3a3ec5db1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10959/file/medium-eef4ee60f09f536afa34b9313381eb81.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/schweizer-sonnenblumen-bratol-bio-500-ml-18280">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schweizer Sonnenblumen Bratöl Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XGcLuEVswd6kqJ-6dojdAUws3kRtAESydGROJBhwx_ozZDB5U9uSatII4Ufe6Rmyrd5LMc6voIGa8IMwnqzmkg" />
    <input value="18280" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftartex%3Fformat%3Dturbo_stream%26page%3D37">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tomaten-getrocknet-bio-100-g-18281">
          <img alt="Tomaten getrocknet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11051/file/small-f33fef8b54337b3519f7796da7e34ae9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11051/file/medium-ecd1c02fdce3c1545e5430820d58a273.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11051/file/large-9e5d4bbfa3e0379c0c56aa6acab2aee8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11051/file/medium-ecd1c02fdce3c1545e5430820d58a273.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/tomaten-getrocknet-bio-100-g-18281">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tomaten getrocknet Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9a18KVO4ErTpcOaUKUieFoh9MTN-wnzWm8VcnRD7HyiarkfoRQ9BAJ_QmGmBKVqlaY-kRt1tmOV1UZGJlic-QA" />
    <input value="18281" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftartex%3Fformat%3Dturbo_stream%26page%3D37">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/unigel-geliermittel-konv-500-g-18282">
          <img alt="Unigel Geliermittel konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9879/file/small-047a2f7692d0fd3daf0f85700e2472d5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9879/file/medium-478b4bcbcc030950e247451927da52eb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9879/file/large-1de535e5bed05ebd5523300c659ec4dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9879/file/medium-478b4bcbcc030950e247451927da52eb.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/unigel-geliermittel-konv-500-g-18282">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Unigel Geliermittel konv, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Vq-_F7jg6OIHtnLS3bYlF3hFcK6pJMSzA2egz-AJRis5rITWrle7VnEWDC911-Gkmbfl2wqLIIDt823bZtVnQw" />
    <input value="18282" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftartex%3Fformat%3Dturbo_stream%26page%3D37">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/unigel-geliermittel-bio-500-g-18283">
          <img alt="Unigel Geliermittel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9161/file/small-c85ae79ad0b2fd370caf548302d089cd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9161/file/medium-07570729b1676eca57f74b7ffff3350d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9161/file/large-32f8e4a6a8569129a29a513b59801b93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9161/file/medium-07570729b1676eca57f74b7ffff3350d.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/unigel-geliermittel-bio-500-g-18283">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Unigel Geliermittel Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IvcR5_yI-xj1Chow7WNuRsFELgeq32zYX1PdfdD5X4dN9Com6j-orIOqZM1FAqr1ILa7cglwiOuxxxBpViV-7w" />
    <input value="18283" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftartex%3Fformat%3Dturbo_stream%26page%3D37">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/unigel-geliermittel-bio-50-g-18284">
          <img alt="Unigel Geliermittel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9162/file/small-11424e811ae8fb50af955668dc2bbbe6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9162/file/medium-718c9e241770ab7d136ed9845940a155.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9162/file/large-f73c23939e75c863ab7f346490f20750.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9162/file/medium-718c9e241770ab7d136ed9845940a155.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/unigel-geliermittel-bio-50-g-18284">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Unigel Geliermittel Bio, 50 g</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 6.40 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1vA15VEY6RJ4RGw6FG1odHftYVk2k5FIStdFyg4b99e58w4kR6-6pg7kEse8DKzHlh_0LJU8dXukQ4jeiMfWvw" />
    <input value="18284" 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">
      740 sur 3&#39;030 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/tartex?format=turbo_stream&amp;page=38">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>