<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/riz-vinaigre-genmai-su-4-3-bio-250-ml-6923">
          <img alt="Riz Vinaigre Genmai Su 4,3° Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4004/file/small-80737a9d63bef6725da48f6d652746cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/4004/file/medium-46dbfbe06e38d8dea98f219dfe8259e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/4004/file/large-9ec64be120a22a940713138cd190b2de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4004/file/medium-46dbfbe06e38d8dea98f219dfe8259e8.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/riz-vinaigre-genmai-su-4-3-bio-250-ml-6923">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riz Vinaigre Genmai Su 4,3° Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MsNdSna1R7XWWllpPUV6yuJmzYRFvqRGVRzr3KFYuUsMeoqgxvWJIlnxeMEKdhn0GXsa5-mamNIJGHjKPTUoqw" />
    <input value="6923" 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/mini-bretzel-a-l-avoine-sans-gluten-bio-80-g-11911">
          <img alt="Mini-Bretzel à l&#39;Avoine 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/6070/file/small-db79c0b0b3c460e17b2e5280f6631c2e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6070/file/medium-8510d16fe316d174fdd8cbd40113ee8a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6070/file/large-5d02d349d855c1e5c05542384a916326.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6070/file/medium-8510d16fe316d174fdd8cbd40113ee8a.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">Hammermühle Organic</p>
          <a href="/fr/products/mini-bretzel-a-l-avoine-sans-gluten-bio-80-g-11911">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini-Bretzel à l&#39;Avoine sans Gluten Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GgsO2VqayetEfumRf0z9pVt6nDjOJYTSbfFGfVsthyYkstkz6toHfMvVyDlIf56boGdLW2IBuEYx9dVrx0AWxg" />
    <input value="11911" 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/farine-d-amandes-natur-non-deshuiles-bio-250-g-2568">
          <img alt="Farine D&#39;Amandes Natur non déshuilés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1863/file/small-ac376f425291341047f3bc867750b35f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1863/file/medium-3c5b344302f008c205a8fa56c7e997f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1863/file/large-2508a68c549a36dc738b8e36b2516278.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1863/file/medium-3c5b344302f008c205a8fa56c7e997f7.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">Erdschwalbe</p>
          <a href="/fr/products/farine-d-amandes-natur-non-deshuiles-bio-250-g-2568">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine D&#39;Amandes Natur non déshuilés Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a9kBtfV0q1RiiXwms4i3ac1fgI2JBpU_7mcGtehAEExVYNZfRTRlw-0iXY6Eu9RXNkJX7iUiqauyY5WjdC2BrA" />
    <input value="2568" 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/vivani-chocolat-noir-bio-92-de-cacao-bio-80-g-16647">
          <img alt="Vivani Chocolat noir bio 92% de cacao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7706/file/small-4b33009d9e9609c74b4c4b8e28494e78.webp 600w, https://assets.fabulous.ch/public/variant_asset/7706/file/medium-3e6eeaf308182b7fdadb4cd02e7f0956.webp 900w, https://assets.fabulous.ch/public/variant_asset/7706/file/large-155077587e9800984cb9d5260b23a0e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7706/file/medium-3e6eeaf308182b7fdadb4cd02e7f0956.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">Vivani / Ichoc</p>
          <a href="/fr/products/vivani-chocolat-noir-bio-92-de-cacao-bio-80-g-16647">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivani Chocolat noir bio 92% de cacao Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O8zPQzCxKNzc7qfHOiz4WHoMoa5ihAvQvDfqXskG9OsFdRipgPHmS1NFhm8NH5tmgRF2zc6gN0TgM3lIVWtlCw" />
    <input value="16647" 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-rond-a-grains-entiers-de-riz-brun-bio-1-kg-4318">
          <img alt="Riz rond à grains entiers de riz brun bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2698/file/small-8cadf2505b01d89cce842a726542df27.webp 600w, https://assets.fabulous.ch/public/variant_asset/2698/file/medium-8c7aa0eef43d3d5e4e00c0477dcf8496.webp 900w, https://assets.fabulous.ch/public/variant_asset/2698/file/large-ee5059aacbc2dcb8f9fc2d4da76c2423.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2698/file/medium-8c7aa0eef43d3d5e4e00c0477dcf8496.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Davert</p>
          <a href="/fr/products/riz-rond-a-grains-entiers-de-riz-brun-bio-1-kg-4318">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riz rond à grains entiers de riz brun bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6m5eQsGdUXsUO7Fu6IhtNAL9Ehg4_gJXrrnlkw29r-rU14mocd2f7JuQkMbfuw4K-eDFe5TaPsPyvXaFkdA-Cg" />
    <input value="4318" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200  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/moutarde-sucree-bavaroise-bio-160-ml-103">
          <img alt="Moutarde sucrée bavaroise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/114/file/small-19c239194aa8c599b6f6101df6a558c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/114/file/medium-9b03c5cf177d53088772add76addd87a.webp 900w, https://assets.fabulous.ch/public/variant_asset/114/file/large-ec01a4b380b867e651f70f296c51f3ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/114/file/medium-9b03c5cf177d53088772add76addd87a.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">Zwergenwiese</p>
          <a href="/fr/products/moutarde-sucree-bavaroise-bio-160-ml-103">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Moutarde sucrée bavaroise Bio, 160 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DOLJDDXCB2EkCDoZ5F6bdKsVP9ekyZLtiJZtECuZnbwyWx7mhYLJ9qujG7HTbfhKUAjotAjtrnnUkv4Gt_QMXA" />
    <input value="103" 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-barbecue-bio-220-ml-427">
          <img alt="Sauce Barbecue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/382/file/small-1122efbc29aea4cd575ab88cd68d157a.webp 600w, https://assets.fabulous.ch/public/variant_asset/382/file/medium-2d501925f2aa91d80adfc3ed76c715b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/382/file/large-e479b9943ff7f0ebb4624b7e61a83374.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/382/file/medium-2d501925f2aa91d80adfc3ed76c715b1.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">Sanchon</p>
          <a href="/fr/products/sauce-barbecue-bio-220-ml-427">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Barbecue Bio, 220 ml</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 2.05 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1q_Kd8bXvRf1romZZGlZxc5k2FeoIRk8taC8DbKdG_noFh2ddpdzgHoFqDFTWjr7NXkPNAQFJajppC8bLvCKGQ" />
    <input value="427" 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/gingembre-en-chocolat-noir-bio-70-g-17289">
          <img alt="Gingembre en chocolat noir Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8067/file/small-36aa61b85982987a9946c4bcfd6aba7e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8067/file/medium-3a6394a26a9b04d8c5c87801aebae068.webp 900w, https://assets.fabulous.ch/public/variant_asset/8067/file/large-fe4838db02cd0be6a41b4a723da3e933.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8067/file/medium-3a6394a26a9b04d8c5c87801aebae068.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">Landgarten</p>
          <a href="/fr/products/gingembre-en-chocolat-noir-bio-70-g-17289">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gingembre en chocolat noir Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OSDdbyhRV_CJ-YpEBO1nUhJR7kVYP55Qc8mxWvDuGOkHmQqFmBGZZwZSq-wz3gRs6Uw5JvQbosQvzSJMbIOJCQ" />
    <input value="17289" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/lessive-liquide-textiles-fonces-et-noirs-750-ml-1614">
          <img alt="Lessive liquide textiles foncés et noirs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1278/file/small-62ad596917bd82b2422d72d5af0d0910.webp 600w, https://assets.fabulous.ch/public/variant_asset/1278/file/medium-ec6e67d8d1e1074fc3cafeebaf26f38d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1278/file/large-5b52c3101363cac64ef142e657317e29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1278/file/medium-ec6e67d8d1e1074fc3cafeebaf26f38d.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/lessive-liquide-textiles-fonces-et-noirs-750-ml-1614">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lessive liquide textiles foncés et noirs, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="doMiZMkKlq9Rn_DoDs7TyDntLhKR2jzosUFalVEiGjxIOvWOeUpYON400UA5_bD2wvD5cT3-AHztRcmDzU-L3A" />
    <input value="1614" 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/cafe-instantane-aux-cereales-decafeine-recharges-demeter-200-g-14927">
          <img alt="Café instantané aux céréales décaféiné Recharges Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8851/file/small-39426c04f2e868b92ead862a8b8900c0.webp 600w, https://assets.fabulous.ch/public/variant_asset/8851/file/medium-5d8f58264db5884b48317d94e1a4bba9.webp 900w, https://assets.fabulous.ch/public/variant_asset/8851/file/large-ddbe249e359c40b805c3aa7708d93345.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8851/file/medium-5d8f58264db5884b48317d94e1a4bba9.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/cafe-instantane-aux-cereales-decafeine-recharges-demeter-200-g-14927">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Café instantané aux céréales décaféiné Recharges Demeter, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PfvaHPpeGgIIsIYkhmU_IUb1069nJPsIB-XDw3P081UDQg32Sh7UlYcbp4yxVlwfvegEzMsAx5xb4VDV75litQ" />
    <input value="14927" 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/cafe-de-chicoree-instantane-bio-220-g-16627">
          <img alt="Café de chicorée instantané Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8855/file/small-dcc839487c72dcac6eb5221367d8798c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8855/file/medium-5d5c340312c2c226c136555ed7d10197.webp 900w, https://assets.fabulous.ch/public/variant_asset/8855/file/large-92c06665a300e1072375152a5219af00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8855/file/medium-5d5c340312c2c226c136555ed7d10197.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/cafe-de-chicoree-instantane-bio-220-g-16627">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Café de chicorée instantané Bio, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I3LX_wNajuXfC2EXDRD3qrCzc3sp25HwTktBHYm3fT4dywAVsxpAclCgQL86I5SUS66kGIX_rWQST9ILFdrs3g" />
    <input value="16627" 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-de-legumes-a-la-levure-bio-pot-bio-200-g-14920">
          <img alt="Bouillon de légumes à la levure bio Pot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6840/file/small-3f99b186a4420e371c9c80ce7de76555.webp 600w, https://assets.fabulous.ch/public/variant_asset/6840/file/medium-5c99fb350c30aa2a42e9ca0d0f52eb20.webp 900w, https://assets.fabulous.ch/public/variant_asset/6840/file/large-aab54e5f98bf008ddfc50e4d9d46c64a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6840/file/medium-5c99fb350c30aa2a42e9ca0d0f52eb20.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/bouillon-de-legumes-a-la-levure-bio-pot-bio-200-g-14920">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouillon de légumes à la levure bio Pot Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-6bCd_04Ln4Kalf8jM50sEbGRqGrLx4ZFrvdvjcT_4TFHxWdTXjg6YXBdlS7_ReOvduRwgcLIo1Kv06oq35uZA" />
    <input value="14920" 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-vegetalienne-thon-poisson-a-la-sauce-tomate-bio-180-g-16175">
          <img alt="Alternative végétalienne Thon-poisson à la sauce tomate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7448/file/small-c12bf2b3063ac568c7a9d494191a6938.webp 600w, https://assets.fabulous.ch/public/variant_asset/7448/file/medium-35b7c628165e5914c5dcaa73d2c858a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7448/file/large-931e41623e48202ba9f827de1a17f55b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7448/file/medium-35b7c628165e5914c5dcaa73d2c858a8.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">followfood</p>
          <a href="/fr/products/alternative-vegetalienne-thon-poisson-a-la-sauce-tomate-bio-180-g-16175">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative végétalienne Thon-poisson à la sauce tomate Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oZJOGRRU6FNKrTMBzRyelp4qpp33PANr6kQXsbhDTOefK5nzpBQmxMUGEqn6L_2oZTdx_lsYP_-2QISnJC7dBw" />
    <input value="16175" 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/chocolat-noir-100-cacao-eclats-de-feves-bio-80-g-16535">
          <img alt="Chocolat Noir 100% Cacao + Éclats de Fèves Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7626/file/small-3638fd8cfd53fbd820153c69f51c9597.webp 600w, https://assets.fabulous.ch/public/variant_asset/7626/file/medium-fa723465af78057f8194aebc2fd727ce.webp 900w, https://assets.fabulous.ch/public/variant_asset/7626/file/large-969fbde455750cee55602f6ad7ed9d1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7626/file/medium-fa723465af78057f8194aebc2fd727ce.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">Vivani / Ichoc</p>
          <a href="/fr/products/chocolat-noir-100-cacao-eclats-de-feves-bio-80-g-16535">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chocolat Noir 100% Cacao + Éclats de Fèves Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eN6JE22ayoav5jSeSb3J8Wcu4o6creaQCENGDuG32KdGZ1753doEESBNFTZ-jqrPnDM17TCJ2gRUR9UYfdpJRw" />
    <input value="16535" 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/son-d-avoine-sans-gluten-demeter-300-g-6193">
          <img alt="Son d&#39;avoine Sans gluten Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3558/file/small-6acd7ac6b003389e3036a24763629602.webp 600w, https://assets.fabulous.ch/public/variant_asset/3558/file/medium-db96ade2337c46235169f89933d9d8c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3558/file/large-114e9c4fc51e2ee0d2d1664720151490.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3558/file/medium-db96ade2337c46235169f89933d9d8c8.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/son-d-avoine-sans-gluten-demeter-300-g-6193">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Son d&#39;avoine Sans gluten Demeter, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WzIxIeaH_dFVTaR32YgrR_H0g2l0maea21KVq0TwVchli-bLVsczRtrmhd_uu0h5CulUCti9mw6HVga92J3EKA" />
    <input value="6193" 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/curcuma-moulu-bio-50-g-465">
          <img alt="Curcuma moulu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/419/file/small-862f288775aa9626414cb554e18ea50b.webp 600w, https://assets.fabulous.ch/public/variant_asset/419/file/medium-cc496783551eed34a8baeb7334395462.webp 900w, https://assets.fabulous.ch/public/variant_asset/419/file/large-c07d834e9eebb7d9583ddd633ee891ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/419/file/medium-cc496783551eed34a8baeb7334395462.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">Lebensbaum</p>
          <a href="/fr/products/curcuma-moulu-bio-50-g-465">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Curcuma moulu Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JSxGed3DMYw0sRQf_bnGOMqYEN4yK78RpyWEjHYfErQblZGTbYP_G7saNbfKiqUGMYXHvZ4Pg4X7IRea6nKDVA" />
    <input value="465" 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/proteine-de-pois-bio-400-g-3198">
          <img alt="Protéine de pois Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2186/file/small-5cf57ba78d6270ae74c255231b70ac84.webp 600w, https://assets.fabulous.ch/public/variant_asset/2186/file/medium-0e2ba14e645bf333fc9736ca7b0c8162.webp 900w, https://assets.fabulous.ch/public/variant_asset/2186/file/large-9e671df106fe2cfcff2d207a9161f64b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2186/file/medium-0e2ba14e645bf333fc9736ca7b0c8162.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">Raab</p>
          <a href="/fr/products/proteine-de-pois-bio-400-g-3198">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protéine de pois Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pUF_XsruKlRh23jeA1yXOk9nCjVNFv2xW2749mHZYFeb-Ki0eq7kw-5wWXY0b_QEtHrdVuEywSUHamvg_bTxtw" />
    <input value="3198" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/chips-de-tofu-fupi-sichuan-mala-75-g-17753">
          <img alt="Chips de tofu Fupi Sichuan Mala" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8704/file/small-0718afebcfe0f53de16ad1f6b899ca3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8704/file/medium-3cefa384b90e77574d62e6ebb08a044a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8704/file/large-aa296ad4d468976fff3461221f57bfd6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8704/file/medium-3cefa384b90e77574d62e6ebb08a044a.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">Fupi</p>
          <a href="/fr/products/chips-de-tofu-fupi-sichuan-mala-75-g-17753">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips de tofu Fupi Sichuan Mala, 75 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 6.27 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z8CLokQlzCEV-LyBrWpN32h1Db9IEFhhbUISY6FYjFhZeVxI9GUCtppTnSmaWS7hk2ja3OQ0ZPUxRoF1PTUduA" />
    <input value="17753" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/chips-de-tofu-fupi-algues-et-wasabi-75-g-17754">
          <img alt="Chips de tofu Fupi Algues et Wasabi" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8706/file/small-d9eda4f4e1669a71f14c58aad2914532.webp 600w, https://assets.fabulous.ch/public/variant_asset/8706/file/medium-411d501dde79c251aa10afe88dd2a4a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/8706/file/large-1842948a374f3e7a8c4bdf17c8c983b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8706/file/medium-411d501dde79c251aa10afe88dd2a4a7.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">Fupi</p>
          <a href="/fr/products/chips-de-tofu-fupi-algues-et-wasabi-75-g-17754">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips de tofu Fupi Algues et Wasabi, 75 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 6.27 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="crQRtBsV9OWw1tiVTWPbrd0LFwVIhO1vl21YopssXaRMDcZeq1U6cj99-T16ULiTJhbAZuSg0fvLacu0B0HMRA" />
    <input value="17754" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/chips-de-tofu-fupi-hot-pot-tomate-75-g-17752">
          <img alt="Chips de Tofu Fupi Hot Pot Tomate" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8713/file/small-b564245d241bac07115891d90de5fea2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8713/file/medium-7218fd4d9729dcf355cec8e5d0445216.webp 900w, https://assets.fabulous.ch/public/variant_asset/8713/file/large-16c680b7124df7b5ad8404a8354ad66f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8713/file/medium-7218fd4d9729dcf355cec8e5d0445216.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">Fupi</p>
          <a href="/fr/products/chips-de-tofu-fupi-hot-pot-tomate-75-g-17752">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips de Tofu Fupi Hot Pot Tomate, 75 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 6.27 / 100 g
            </p>
        </div>
      </div>

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

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

</template></turbo-stream>