<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/preparation-pour-alternative-vege-au-cheesecake-bio-485-g-1439">
          <img alt="Préparation pour alternative végé au CheeseCake Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1192/file/small-c0fe049a487d174d2bb978756dfd70a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/1192/file/medium-2209eaf6b9539caf41d5cd36a29dd3a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/1192/file/large-d3f88d1f082420df6a748fd3aad2361e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1192/file/medium-2209eaf6b9539caf41d5cd36a29dd3a9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/preparation-pour-alternative-vege-au-cheesecake-bio-485-g-1439">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Préparation pour alternative végé au CheeseCake Bio, 485 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.05 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4ujuq5tE2gy3IqZEAYtj8tky_uCF_HcVitzW2K-wnjzSoV0wgvO1bXUNruljaLYsdhaGkfB3BkqkwGDrwCqqTw" />
    <input value="1439" 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-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="hWZu9zy_ic9iujxFaY3g3dJ_vUtdErMOkvRIuIVBND61L91sJQjmrqCVNOgLbjUDfVvFOiiZwlG86P6L6tsATQ" />
    <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 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/creme-hydratante-basis-sensitiv-50-ml-5768">
          <img alt="Crème Hydratante basis sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3328/file/small-0200ac44c4d7919c69679a2f16c6db06.webp 600w, https://assets.fabulous.ch/public/variant_asset/3328/file/medium-42c042875927b3a38df78b04d1a36350.webp 900w, https://assets.fabulous.ch/public/variant_asset/3328/file/large-c1bef5c11b9d47e497f83c4c30a1fac2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3328/file/medium-42c042875927b3a38df78b04d1a36350.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/fr/products/creme-hydratante-basis-sensitiv-50-ml-5768">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crème Hydratante basis sensitiv, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GNrQV_u36MFnQfoZjqyN1GvMMUt_kofjf_GLO14wxmgok2PM4gCHoKVu8rTsT1gKxOhJOgoZ9rxR7T0IMaryGw" />
    <input value="5768" 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-au-lait-fruite-bio-150-g-15857">
          <img alt="Riz au Lait Fruité Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7252/file/small-bcd9ca54251dc5dfa46f863339abcc0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7252/file/medium-82cd39a8aa83a207c574ef385a0ca4b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/7252/file/large-f1a850c3d837ddee68776ab09c1c2ad6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7252/file/medium-82cd39a8aa83a207c574ef385a0ca4b3.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">Antersdorfer</p>
          <a href="/fr/products/riz-au-lait-fruite-bio-150-g-15857">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riz au Lait Fruité Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EVHWB6Mo9HjeIBRGABZBGJoTLdX7YD1VG3UIEhVpyu4hGGWcup-bGRwPHOti9ZTGNTdVpI7rTAo1ab4hevP-nQ" />
    <input value="15857" 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-vinaigre-genmai-su-bio-250-ml-f366400d-e3e9-470b-8828-250ca6af8010-8374">
          <img alt="Riz Vinaigre Genmai Su Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4941/file/small-73ae1e278b378838d5d162e127705257.webp 600w, https://assets.fabulous.ch/public/variant_asset/4941/file/medium-d854a68326fb0da352311eff8afec45d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4941/file/large-8bf3785cefdc8c77e7f151e75a98230b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4941/file/medium-d854a68326fb0da352311eff8afec45d.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/riz-vinaigre-genmai-su-bio-250-ml-f366400d-e3e9-470b-8828-250ca6af8010-8374">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riz Vinaigre Genmai Su Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-1_wwCHcieBS9Rv8cdvhg3ZvRHvVwsc7alaFaYGcrP_LFkNbOGvmgZDaE1ETODRd2Us8CqBJtmRESjNa7gaYjA" />
    <input value="8374" 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/nettoyant-huile-d-orange-pour-eliminer-tout-genre-de-taches-0-5-l-78">
          <img alt="Nettoyant huile d&#39;orange pour éliminer tout genre de taches" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/88/file/small-7c87c70aed8dff8514807cf1b17e3839.webp 600w, https://assets.fabulous.ch/public/variant_asset/88/file/medium-a667ca5f6c9771e598934b3ec182be6d.webp 900w, https://assets.fabulous.ch/public/variant_asset/88/file/large-16c28b1f94786b4d850d74ad5a1d3289.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/88/file/medium-a667ca5f6c9771e598934b3ec182be6d.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">Almawin</p>
          <a href="/fr/products/nettoyant-huile-d-orange-pour-eliminer-tout-genre-de-taches-0-5-l-78">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nettoyant huile d&#39;orange pour éliminer tout genre de taches, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sZoAsztOvbsXpHWmbQVItb8OOJmPC5rbGTRDTu9AFfuB07MoIvnS2tWLfQsP5p1rECpA6PqA64Q3KPV9gNohiA" />
    <input value="78" 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/sauce-de-soja-shoyu-28-moins-de-sel-bio-250-ml-1023">
          <img alt="Sauce de Soja Shoyu 28% moins de sel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/896/file/small-372e60d9ab6a56e30b6277b0ec586186.webp 600w, https://assets.fabulous.ch/public/variant_asset/896/file/medium-bdab273367219c25352b005b30b76446.webp 900w, https://assets.fabulous.ch/public/variant_asset/896/file/large-706a2dc44a5d68b64c7cb6f1b521c710.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/896/file/medium-bdab273367219c25352b005b30b76446.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/sauce-de-soja-shoyu-28-moins-de-sel-bio-250-ml-1023">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce de Soja Shoyu 28% moins de sel Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A_CUcRQFHz-s3SFrSk2cutqc9a_Fb15pOKC20yu4HtYzuSfqDbJwXm7yKcYorklkdbiN3rDkLzYWvADgRCIqpQ" />
    <input value="1023" 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/burger-epeautre-vert-seche-bio-160-g-751">
          <img alt="Burger Epeautre vert séché Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/698/file/small-4b4d6a8c4cc21d20d4889848eaf1e1a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/698/file/medium-590a6ea3b43857922bf49eeae274063a.webp 900w, https://assets.fabulous.ch/public/variant_asset/698/file/large-ce216c9e572e2b128479f5072691079b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/698/file/medium-590a6ea3b43857922bf49eeae274063a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/burger-epeautre-vert-seche-bio-160-g-751">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Burger Epeautre vert séché Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-K7_vhWES_2tV3OSfKLNecYC-Vv-G6j51Rb8pz72nG7I50wlDDMknG94ez8eQRinaSaBKouQ2ab7CkqUUWyoHQ" />
    <input value="751" 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/biscuist-bio-bis-choco-coco-sans-huile-de-palme-bio-300-g-8690">
          <img alt="Biscuist Bio Bis Choco-Coco sans huile de palme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5058/file/small-0cdfaff47cde4eee9850033a5b6cae78.webp 600w, https://assets.fabulous.ch/public/variant_asset/5058/file/medium-885523cdb2c5eb86b9f7b8ae36906bb7.webp 900w, https://assets.fabulous.ch/public/variant_asset/5058/file/large-27921b3016b3749d595cad8e0752b232.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5058/file/medium-885523cdb2c5eb86b9f7b8ae36906bb7.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">Pural</p>
          <a href="/fr/products/biscuist-bio-bis-choco-coco-sans-huile-de-palme-bio-300-g-8690">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuist Bio Bis Choco-Coco sans huile de palme Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dq60pd6lxegUJFD5oQRWDMLjcJUMk40BWwCBlrACSbo-5wc-xxKqidYLWFTD54PSbccI5HkY_F51HDel35h9yQ" />
    <input value="8690" 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/bouillon-d-algues-bio-150-g-2819">
          <img alt="Bouillon d&#39;algues Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1992/file/small-264417001986affb4a0e7249c22e82e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/1992/file/medium-e3e52fab4322136fcbd78e080b5bb522.webp 900w, https://assets.fabulous.ch/public/variant_asset/1992/file/large-b88a07feaaaead5120aae515f489e6dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1992/file/medium-e3e52fab4322136fcbd78e080b5bb522.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">Kulau</p>
          <a href="/fr/products/bouillon-d-algues-bio-150-g-2819">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouillon d&#39;algues Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d8DB0uLkyR9vwNSmvdarsUV8C7RiJOHBtkfRCBh5FhxHiXJJ-1Omfq3v3AvfNX5v6lhzxRevkJ6YW2c7d-Mibw" />
    <input value="2819" 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/alternative-vegetalien-au-mayonnaise-sans-oeuf-demeter-190-ml-99">
          <img alt="Alternative Végétalien au Mayonnaise Sans œuf Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/109/file/small-55948bbffee759cc41092305bbd6de09.webp 600w, https://assets.fabulous.ch/public/variant_asset/109/file/medium-3e33aafcf0cfa418e0a5e42fd55211db.webp 900w, https://assets.fabulous.ch/public/variant_asset/109/file/large-5758a0c9ba16fcd12cb90ddfdaaa2205.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/109/file/medium-3e33aafcf0cfa418e0a5e42fd55211db.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/alternative-vegetalien-au-mayonnaise-sans-oeuf-demeter-190-ml-99">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative Végétalien au Mayonnaise Sans œuf Demeter, 190 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bneYb-BS9Of7oYqbKHwxfl06rxAJRkGRIG9ia0vw9XlePiv0-eWbhjmOgjZKn-Sg8h7XYXzNMM4Oc9RYJGrBCg" />
    <input value="99" 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/protege-slips-curved-galbes-30-pcs-30-piece-1683">
          <img alt="Protège-Slips Curved Galbés, 30 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1340/file/small-1bd0c82f84f9b08c8d52a5794b6613a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/1340/file/medium-9c9d3d240927f229944abf39bec45a44.webp 900w, https://assets.fabulous.ch/public/variant_asset/1340/file/large-508a15dbeb38e9b3cbee0500e96b930b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1340/file/medium-9c9d3d240927f229944abf39bec45a44.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">Natracare</p>
          <a href="/fr/products/protege-slips-curved-galbes-30-pcs-30-piece-1683">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protège-Slips Curved Galbés, 30 pcs, 30 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YQoRcDwUDlds4TEsxlXuUjyHgGKtVBuWKQP4M1IvBzdRQ6LrJaNhNq7OOYGktjuMk6P4E9jfaskHH04APbUzRA" />
    <input value="1683" 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/lifebar-barres-energetiques-cru-inchoco-prune-bio-40-g-7268">
          <img alt="Lifebar Barres énergétiques Cru InChoco prune Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4118/file/small-8a5e33dd8c3e0e212854a28e520649d4.webp 600w, https://assets.fabulous.ch/public/variant_asset/4118/file/medium-bd8e4dee435a91402feecfddc82a82d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4118/file/large-b8bb06a0414d4bfbdcc0d99b22ab60e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4118/file/medium-bd8e4dee435a91402feecfddc82a82d0.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">Lifefood</p>
          <a href="/fr/products/lifebar-barres-energetiques-cru-inchoco-prune-bio-40-g-7268">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lifebar Barres énergétiques Cru InChoco prune Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TXH0Ixh1tOju28th_gDB6ksGOvlyfd6BJfOW_6Kutqh9OEe4AcLbiSz0w8yc4xQ05CJCiAf2r94L7yDMzTSC2w" />
    <input value="7268" 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/crunchy-fruity-mangue-croquants-qualite-crue-bio-18-g-7501">
          <img alt="Crunchy Fruity Mangue Croquants Qualité Crue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4310/file/small-e8b1db66afae6ac8a5086ff876d923a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4310/file/medium-16f3c5cdf1f3ad7418956720c2cba108.webp 900w, https://assets.fabulous.ch/public/variant_asset/4310/file/large-160acf300a673404fcc9dd0024f02a04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4310/file/medium-16f3c5cdf1f3ad7418956720c2cba108.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">Organica</p>
          <a href="/fr/products/crunchy-fruity-mangue-croquants-qualite-crue-bio-18-g-7501">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Fruity Mangue Croquants Qualité Crue Bio, 18 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UNqxWiIMJinIHrr_6Q1Nmq_B1pwI8_ZwZJWsFYjliv1gkwLBO7tJSAoxslKL7phEAOWu7X14hy9KiRom53--jg" />
    <input value="7501" 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/nussarella-alternative-vegetale-au-fromage-chopf-nuss-bio-90-g-15708">
          <img alt="Nussarella – Alternative végétale au fromage Chopf-Nuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7156/file/small-ac430527742f6027b049743da82784ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/7156/file/medium-a852ebe73da048f5c7744d03e5689ee8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7156/file/large-6756b5c981d38c00d310da4a79645490.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7156/file/medium-a852ebe73da048f5c7744d03e5689ee8.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">Chopf-Nuss</p>
          <a href="/fr/products/nussarella-alternative-vegetale-au-fromage-chopf-nuss-bio-90-g-15708">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nussarella – Alternative végétale au fromage Chopf-Nuss Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </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 9.11 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S1c_iKcZdm3_XHhwC_PlTK7QzOZOA-um2cBLkj9XYv57HowTvq4ZDD1zcN1pEDCSAfS0lzuImvn33P2hUM1WjQ" />
    <input value="15708" 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/sauce-a-salade-a-l-italienne-vegetalien-bio-500-ml-3614">
          <img alt="Sauce à salade à l&#39;italienne Végétalien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2367/file/small-32f469b779dad03b9fbaeb6d828a5ad3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2367/file/medium-4bead41becbf3840d4679f0ce4f55e3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2367/file/large-4aeba05af9b3750cd17270d749c5a136.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2367/file/medium-4bead41becbf3840d4679f0ce4f55e3e.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">huusgmacht</p>
          <a href="/fr/products/sauce-a-salade-a-l-italienne-vegetalien-bio-500-ml-3614">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce à salade à l&#39;italienne Végétalien Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </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.49 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pdMwVuD8Qln6Vzlxray1SXqEspY_dhfFHkWiUAiREzqVmoPN-UstODh4MdzPT2CX1aDK50r9ZpowWRRjZwsnSQ" />
    <input value="3614" 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/charcuterie-tranches-dinki-affumato-100-g-2716">
          <img alt="Charcuterie Tranches Dinki Affumato" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1952/file/small-c24ab4e84c550d941445be420f3e0a1c.webp 600w, https://assets.fabulous.ch/public/variant_asset/1952/file/medium-9a99c1ea60d070af71027ef419b3a16b.webp 900w, https://assets.fabulous.ch/public/variant_asset/1952/file/large-820668e330044b0f9f6fc0a64eb8c1b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1952/file/medium-9a99c1ea60d070af71027ef419b3a16b.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">Soyana</p>
          <a href="/fr/products/charcuterie-tranches-dinki-affumato-100-g-2716">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Charcuterie Tranches Dinki Affumato, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 4.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zb718QsHAboha5QPJ7P2B9kYFcaVY2GaU3G8zuDMcE3990ZqErBu2-NEnKJFUCPZdjxtt-DoEMV9bQr9j1ZEPg" />
    <input value="2716" 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/boules-choco-delight-leger-bio-120-g-1864">
          <img alt="Boules Choco Delight - Léger Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8614/file/small-aa819a896208ad7f3db14029747a834e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8614/file/medium-23caca4746416b7ca779a3d43e44d199.webp 900w, https://assets.fabulous.ch/public/variant_asset/8614/file/large-786fade69b63667b6548144d8dde7dd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8614/file/medium-23caca4746416b7ca779a3d43e44d199.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">Govinda</p>
          <a href="/fr/products/boules-choco-delight-leger-bio-120-g-1864">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boules Choco Delight - Léger Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W2CrFAkxuo8-YkOPeyM-0BrLYs2TTropF8-kba2M5h1rKRiPEIbV7vxNSyIZwOsOte8avObFy3Y50xJewhbSbg" />
    <input value="1864" 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/huile-d-avocat-vierge-bio-250-ml-2861">
          <img alt="Huile d&#39;avocat vierge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2017/file/small-2305e70d50081c40b01ade26ee5f78ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/2017/file/medium-153532e9a8ddd74a36fa722a0c88ebc8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2017/file/large-54b04996a8e7a12e34878d8420762a76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2017/file/medium-153532e9a8ddd74a36fa722a0c88ebc8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Planète</p>
          <a href="/fr/products/huile-d-avocat-vierge-bio-250-ml-2861">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile d&#39;avocat vierge Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ty65-7PwX4ex5b1OQVfXNoDhaFAiLAbclDaJU1n2A3yHZwpgqkcw5nPKteMjtALoL8UQIVend4O6Kj9gNmw3Dw" />
    <input value="2861" 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/colorant-alimentaire-sans-gluten-bio-8-g-650">
          <img alt="Colorant Alimentaire Sans Gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/599/file/small-2502c9943eb2f571f6d726a7a7e73d61.webp 600w, https://assets.fabulous.ch/public/variant_asset/599/file/medium-457ea55fa40101e73b2bc1ffb425c053.webp 900w, https://assets.fabulous.ch/public/variant_asset/599/file/large-c24e03388cce01f93338a0913ea0211d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/599/file/medium-457ea55fa40101e73b2bc1ffb425c053.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">Biovegan</p>
          <a href="/fr/products/colorant-alimentaire-sans-gluten-bio-8-g-650">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Colorant Alimentaire Sans Gluten Bio, 6 x 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u_QUbILnUxwjnFfh8LnBGummeBgz_w-WHMNEtGBhKnSLvaf3m1A8feGzX0ySWhTERoIAaUZ0fsky3_KHD_seBw" />
    <input value="650" 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;100 sur 3&#39;189 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/loma-linda?format=turbo_stream&amp;page=56">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>