<turbo-stream action="append" target="products_grid"><template>
    

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/galaxy-confection-solar-macadamias-au-yuzu-110-g-17127">
          <img alt="Galaxy Confection Solar macadamias au yuzu" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7968/file/small-6a1689aca6162730e1c45b82e440a364.webp 600w, https://assets.fabulous.ch/public/variant_asset/7968/file/medium-38c1cc06c26bb1e14c7397241b621cc1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7968/file/large-cf3affd1492df696265408e58a1c8fb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7968/file/medium-38c1cc06c26bb1e14c7397241b621cc1.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">Löw delights GmbH</p>
          <a href="/fr/products/galaxy-confection-solar-macadamias-au-yuzu-110-g-17127">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Galaxy Confection Solar macadamias au yuzu, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gwnaD5DEur9Jdc0gmjg0sZVmu0l8Os_9zIsicXxdMFtAbFElRRVoitKLY9uufCkX2ErGAXeVkjaiuuDoe6X11A" />
    <input value="17127" 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/galaxy-confection-eclipse-macadamias-au-framboise-hibiscus-110-g-17129">
          <img alt="Galaxy Confection Eclipse macadamias au framboise-hibiscus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7972/file/small-181a8f901c0451f4bf80190f44c654fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/7972/file/medium-2192eca9a5ee718295773091ec3b49cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7972/file/large-140de93efc045572acf50da46fcd5f18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7972/file/medium-2192eca9a5ee718295773091ec3b49cd.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">Löw delights GmbH</p>
          <a href="/fr/products/galaxy-confection-eclipse-macadamias-au-framboise-hibiscus-110-g-17129">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Galaxy Confection Eclipse macadamias au framboise-hibiscus, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/boisson-energisante-bio-250-ml-17134">
          <img alt="Boisson Énergisante Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7975/file/small-4357da517ecead9094a5fb667f2fd946.webp 600w, https://assets.fabulous.ch/public/variant_asset/7975/file/medium-1e6a70cbbd40affa199ef0ada3847ebd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7975/file/large-ef6143ec86892b627a81763299fa2664.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7975/file/medium-1e6a70cbbd40affa199ef0ada3847ebd.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">Biotta</p>
          <a href="/fr/products/boisson-energisante-bio-250-ml-17134">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson Énergisante Bio, 250 ml</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.16 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3xS_fg4Ef58JvPg30XiyxNwmIwZyxPkbwr1fh-V7MPgccTRU29WtqpJCVszlPK9ikQpeTnlrpNCsjJ0e4oP1dw" />
    <input value="17134" 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/jus-d-aloe-vera-bio-700-ml-17135">
          <img alt="Jus d’Aloe Vera Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7978/file/small-7d2725937c1a6e5aef66ff64ba354b34.webp 600w, https://assets.fabulous.ch/public/variant_asset/7978/file/medium-269015ff95ade7abb51b6f85f48f83d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7978/file/large-f9f892992043d15376b1fe679458fa26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7978/file/medium-269015ff95ade7abb51b6f85f48f83d7.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">NaturKraftWerke</p>
          <a href="/fr/products/jus-d-aloe-vera-bio-700-ml-17135">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jus d’Aloe Vera Bio, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GV4iBczWyBlu4ULHagl1QkMFlreLc7zxFzBANVs2IaPaO6kvGQcaLPUf7DxeTWjkDinr_4Dc4Tp5AYKsXM7kLA" />
    <input value="17135" 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/noix-d-arbres-entieres-suisse-bio-1-kg-17136">
          <img alt="Noix d&#39;arbres entières Suisse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7982/file/small-431980fbbe6c0d5af381924cf77557ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/7982/file/medium-e1ca0da36665d9d9fb53beb897031d1c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7982/file/large-3cd120ba4e8d6bc113af89af3ee4d0d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7982/file/medium-e1ca0da36665d9d9fb53beb897031d1c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/fr/products/noix-d-arbres-entieres-suisse-bio-1-kg-17136">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Noix d&#39;arbres entières Suisse Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hyi2s93peoWzpE25zSnV873Q63Aa4mkNqoVLy6jE2DDcTT2ZCDiosCha40L5bchV8PyWOBFNNMbEtIlSrzwdvw" />
    <input value="17136" 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/lotion-solaire-eco-spf-30-nourrissante-100-ml-17138">
          <img alt="Lotion Solaire Eco SPF 30 Nourrissante" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7989/file/small-1e18a67983661c17b083bd756b5ad846.webp 600w, https://assets.fabulous.ch/public/variant_asset/7989/file/medium-1200333e52abca2a418cdf65774607f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7989/file/large-2b7c2f30439421ca9bb82b90e9da53cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7989/file/medium-1200333e52abca2a418cdf65774607f9.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">eco-naturkosmetik</p>
          <a href="/fr/products/lotion-solaire-eco-spf-30-nourrissante-100-ml-17138">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lotion Solaire Eco SPF 30 Nourrissante, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GMMm8c5s_IJbZuy3OQb0AGJd1qiL1r4O_pieTmnfOCfbpq3bG70ut8CYQkwNQummL3Gr4IB548WQqVzXbif9qA" />
    <input value="17138" 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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/condimento-balsamique-blanc-superiore-bio-500-ml-17139">
          <img alt="Condimento Balsamique Blanc &quot;Superiore&quot; Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7987/file/small-5b42868b22355a313fe2d5bad218b191.webp 600w, https://assets.fabulous.ch/public/variant_asset/7987/file/medium-168c65c625767585f2f80d655a916e66.webp 900w, https://assets.fabulous.ch/public/variant_asset/7987/file/large-8331bc33048b1084fefaccce4965e2a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7987/file/medium-168c65c625767585f2f80d655a916e66.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">Terra Verde</p>
          <a href="/fr/products/condimento-balsamique-blanc-superiore-bio-500-ml-17139">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Condimento Balsamique Blanc &quot;Superiore&quot; Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="68bdc_y23xRwO9ar91yljqW9JRVonRUG8xuswdD8FUgoo1ZZKWcNIevFeFDDGLgo6JFYXWMySM2dKm5Y1wTQxw" />
    <input value="17139" 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/saucisse-de-lupin-fondante-bio-200-g-17141">
          <img alt="Saucisse de Lupin Fondante Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7990/file/small-aa0d7793aa488eb9309a0384bd621d13.webp 600w, https://assets.fabulous.ch/public/variant_asset/7990/file/medium-c0bca9f088a704569662f140b24f10b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7990/file/large-acdd5cf71080ce569dc3e6790116844d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7990/file/medium-c0bca9f088a704569662f140b24f10b2.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">Alberts</p>
          <a href="/fr/products/saucisse-de-lupin-fondante-bio-200-g-17141">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Saucisse de Lupin Fondante Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </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 2.85 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YBS3ca2a6EYUx84uXjTO0ev_xBsV7nROmRUWT01qzbGjcTxbeEs6c485YNVqcNN3ptO5Ux5BKYX3JNTWSpIIPg" />
    <input value="17141" 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/mouchoirs-recycles-extra-doux-100-feuilles-100-piece-17154">
          <img alt="Mouchoirs Recyclés Extra Doux, 100 feuilles" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7991/file/small-0467a714de81d5ae2647f255da8da8c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7991/file/medium-96c8ad54a31fb444c9d4ae309f09a04d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7991/file/large-9c12b8d9f30193b6a93a28deda998007.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7991/file/medium-96c8ad54a31fb444c9d4ae309f09a04d.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">memo</p>
          <a href="/fr/products/mouchoirs-recycles-extra-doux-100-feuilles-100-piece-17154">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mouchoirs Recyclés Extra Doux, 100 feuilles, 100 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2QYVuP6aPmeN-bfoVVNjig-3Qgb1VjCrEzcWOGz1394aY56SK0vsUhYHGRNhF34sQps_Tv75bWB9BtShaw0aUQ" />
    <input value="17154" 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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/fettuccine-mungo-et-edamames-bio-250-g-17162">
          <img alt="Fettuccine Mungo et Edamames Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7994/file/small-53e854fbee1e36688ab8da5fd3980633.webp 600w, https://assets.fabulous.ch/public/variant_asset/7994/file/medium-56e7ffbae517dc676e3bb86ea449ccc8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7994/file/large-f446f48c1d837ce22279849e894dbe67.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7994/file/medium-56e7ffbae517dc676e3bb86ea449ccc8.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">Just Taste</p>
          <a href="/fr/products/fettuccine-mungo-et-edamames-bio-250-g-17162">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fettuccine Mungo et Edamames Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4R42K-slDlTrBFHemIy2Q_HDvaMJSlzwNm2XiU_TIuAie70BPvTcYXD6_yWsyKvlvO_A6wLlATtYXFUQSCvnbw" />
    <input value="17162" 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/spaghetti-de-soja-et-azuki-bio-250-g-17163">
          <img alt="Spaghetti de Soja et Azuki Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7993/file/small-eb288346b1e782d18ae0a8913d4a2765.webp 600w, https://assets.fabulous.ch/public/variant_asset/7993/file/medium-db5ac6b2cd26a29b7eaec1772b5001b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7993/file/large-007b984c5588a60aec300bf1a981241d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7993/file/medium-db5ac6b2cd26a29b7eaec1772b5001b5.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">Just Taste</p>
          <a href="/fr/products/spaghetti-de-soja-et-azuki-bio-250-g-17163">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spaghetti de Soja et Azuki Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HqU6Mb-Bi5kPO7mOb6piOZp_fMY7QxEhxLH9gGszR2HdwLEbalBZrJTFF3Vb7n-f11MBjjDsTOqqgD8ZbMuC7g" />
    <input value="17163" 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/spaghetti-aux-haricots-noirs-bio-250-g-17164">
          <img alt="Spaghetti aux Haricots Noirs Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7995/file/small-16078e5fd04fc61b26bdaac82cc6c86d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7995/file/medium-8de401327d78331f0f68146595eb7c73.webp 900w, https://assets.fabulous.ch/public/variant_asset/7995/file/large-aa0089f78f35fd5f587e221b878d4f36.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7995/file/medium-8de401327d78331f0f68146595eb7c73.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">Just Taste</p>
          <a href="/fr/products/spaghetti-aux-haricots-noirs-bio-250-g-17164">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spaghetti aux Haricots Noirs Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TEv9HV9ImpllkVQ2PHNhCFvF_y1oFEo-k6UOemdPJY6PLnY3iplIrP5v-s0IN3yuFumCZWO7F_X9lMzjYLfgAQ" />
    <input value="17164" 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/fettuccine-aux-pois-chiches-et-au-soja-bio-250-g-17165">
          <img alt="Fettuccine aux Pois Chiches et au Soja Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7996/file/small-c2b18bd666ff3a6dc48b54c4afeabac0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7996/file/medium-9267bc061ecde0b7c4dc6a1745100dd7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7996/file/large-a60f912de0ec58a491b345531c36a461.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7996/file/medium-9267bc061ecde0b7c4dc6a1745100dd7.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">Just Taste</p>
          <a href="/fr/products/fettuccine-aux-pois-chiches-et-au-soja-bio-250-g-17165">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fettuccine aux Pois Chiches et au Soja Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zlKMfHCetPox8_vIB5_JXsWRKU5qeTi1eWJ6Cy5_EtsNNwdWpU9mz6oNVTMz29T4iL1UBmHWZX4XU7iSKYfXVA" />
    <input value="17165" 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/essuie-tout-recycle-2-rouleaux-2-rouleau-17180">
          <img alt="Essuie-tout recyclé, 2 rouleaux" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8006/file/small-c42569de590859ebd5517eb25bddf59b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8006/file/medium-2e23531af73b852a730d49404d81544e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8006/file/large-fb2d7cdfb2cf3f1e1f245cbe3db7c38a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8006/file/medium-2e23531af73b852a730d49404d81544e.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">memo</p>
          <a href="/fr/products/essuie-tout-recycle-2-rouleaux-2-rouleau-17180">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Essuie-tout recyclé, 2 rouleaux, 2 rouleau</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RZh51pVELwDBQu12OMG-U7Bdky7sSiYJBL7reJWk25eG_fL8QJX9NVq8Q40MhaP1_XHuZufle8JqjynhklweGA" />
    <input value="17180" 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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sauce-king-spicy-315-ml-17181">
          <img alt="Sauce King Spicy" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8008/file/small-149d8a847f06099cf8f5e35d257ce266.webp 600w, https://assets.fabulous.ch/public/variant_asset/8008/file/medium-e60a40b9fad02362696672864467d089.webp 900w, https://assets.fabulous.ch/public/variant_asset/8008/file/large-d648f1b3ea6ea92e3564f31e7513f98c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8008/file/medium-e60a40b9fad02362696672864467d089.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">BUFIS</p>
          <a href="/fr/products/sauce-king-spicy-315-ml-17181">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce King Spicy, 315 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </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.87 / 100 ml
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </div>
    </div>
  </div>


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/biobis-biscuit-double-au-chocolat-sans-huile-de-palme-bio-320-g-17182">
          <img alt="Biobis Biscuit Double au Chocolat 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/8009/file/small-a8b033971c6873c458c19fc2ed8a81d3.webp 600w, https://assets.fabulous.ch/public/variant_asset/8009/file/medium-e9034d2a2c628d3d1b02a81adcf45e70.webp 900w, https://assets.fabulous.ch/public/variant_asset/8009/file/large-59c9c029028a7d49e2ed21e48f9f5a1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8009/file/medium-e9034d2a2c628d3d1b02a81adcf45e70.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/biobis-biscuit-double-au-chocolat-sans-huile-de-palme-bio-320-g-17182">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biobis Biscuit Double au Chocolat sans huile de palme Bio, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NsXyF5fZfSQeyOCcIFt8A1rLbzj1Sib05O0vGV6l9m71oHk9QgivEYU2TmcUH2GlF-cScP7lez-K3O2AWV0z4Q" />
    <input value="17182" 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/biobis-biscuits-doubles-a-l-epeautre-choco-sans-huile-de-palme-bio-320-g-17183">
          <img alt="Biobis Biscuits doubles à l&#39;épeautre Choco 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/8010/file/small-97f4175dadb87691609754dd521b42ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/8010/file/medium-71704e7abbcfd99e4f93bc4956ea317c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8010/file/large-ef339119a40176988a5880354cf1d42c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8010/file/medium-71704e7abbcfd99e4f93bc4956ea317c.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/biobis-biscuits-doubles-a-l-epeautre-choco-sans-huile-de-palme-bio-320-g-17183">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biobis Biscuits doubles à l&#39;épeautre Choco sans huile de palme Bio, 320 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.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7-ur0nYdkygAyq22f1jADCpELr3gK_RXOCVxSDF0gpEsjiD4o8xBHZs0A01LHN2qZ2hT9euEqZxWFLPRNoxHHg" />
    <input value="17183" 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/biobis-biscuit-double-a-l-epeautre-argousier-orange-sans-huile-de-palme-bio-320-g-17184">
          <img alt="Biobis Biscuit Double à l’épeautre Argousier-Orange 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/8011/file/small-12cf9fbb7703369f2e7f53f40fec2b5e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8011/file/medium-0ef833571ea4d904fa021d86892c139c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8011/file/large-b18463744c0d78d8933b8de9a6d2ee12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8011/file/medium-0ef833571ea4d904fa021d86892c139c.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/biobis-biscuit-double-a-l-epeautre-argousier-orange-sans-huile-de-palme-bio-320-g-17184">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biobis Biscuit Double à l’épeautre Argousier-Orange sans huile de palme Bio, 320 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.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nGtbx-oZqbg9F1-SRkulHPZhtD5pyQKQqn_UXfoR19RfDtDtP8h7jabp8WlyD7i6u03JdmJmX1vEThbE_ekSWw" />
    <input value="17184" 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/biobis-biscuit-double-choco-vanille-sans-huile-de-palme-bio-320-g-17185">
          <img alt="Biobis Biscuit Double Choco-Vanille 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/8013/file/small-249d6bc5ff430fa231ade7d1a3b23642.webp 600w, https://assets.fabulous.ch/public/variant_asset/8013/file/medium-c6ecb8d9fc16efcefe602149ddf1581c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8013/file/large-98dc5957fa10c3b1e7bdf8304705fc53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8013/file/medium-c6ecb8d9fc16efcefe602149ddf1581c.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/biobis-biscuit-double-choco-vanille-sans-huile-de-palme-bio-320-g-17185">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biobis Biscuit Double Choco-Vanille sans huile de palme Bio, 320 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 1.72 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iEwCPLAIi4VOEXqiOiiF-mSB3jF_fAsOJQf4PrmXKKBLKYkWZdlZsNXv1FkObJhcKa2jeXTTVsVLNjqnvm_tLw" />
    <input value="17185" 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/tablette-de-chocolat-noir-sucre-aux-dattes-60-bio-80-g-17186">
          <img alt="Tablette de chocolat noir sucré aux dattes 60 % Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8012/file/small-c3ae8f7dd79cd1000b51e04a5641f25b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8012/file/medium-31fb538d2f836273580b92ad8775c6e1.webp 900w, https://assets.fabulous.ch/public/variant_asset/8012/file/large-a43dca4cbdc1df03bfffa829fdf186fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8012/file/medium-31fb538d2f836273580b92ad8775c6e1.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/tablette-de-chocolat-noir-sucre-aux-dattes-60-bio-80-g-17186">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tablette de chocolat noir sucré aux dattes 60 % Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nCxkp2zsPbsn8_HJf--WBM8AaTf3sOkAhUr_Mjc76OhfSe-NuT3vjrwNXzJLq4uigiwUf_wftMvrez2rMMMtZw" />
    <input value="17186" 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">
      2&#39;980 sur 3&#39;171 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/eigenbrotler-backwerke-gmbh?format=turbo_stream&amp;page=150">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>