<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/violife-le-rond-alternative-au-camembert-150-g-15245">
          <img alt="Violife Le Rond Alternative au Camembert" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6982/file/small-0e8c1fd0f720a4cf6444b7f92f538ca9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6982/file/medium-97945d064a37bf48dde4568bf4e68778.webp 900w, https://assets.fabulous.ch/public/variant_asset/6982/file/large-1e65df83523f64a4b4594834c40d37a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6982/file/medium-97945d064a37bf48dde4568bf4e68778.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">Violife</p>
          <a href="/fr/products/violife-le-rond-alternative-au-camembert-150-g-15245">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Violife Le Rond Alternative au Camembert, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aYtaoMbXunq6SU5BZ-zkq8H0GmVeFj3ZWE2vvR2eK71oLTd2yizzEzzPeFHkiNQi0lyYHKncI1yJDs1AEE11xg" />
    <input value="15245" 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/filets-de-tofu-a-la-japonaise-bio-80-g-348">
          <img alt="Filets de Tofu à la Japonaise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/311/file/small-e4d1d540636711afa63a6d5a746307e2.webp 600w, https://assets.fabulous.ch/public/variant_asset/311/file/medium-e6c4780d34431b49a447365e286db3b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/311/file/large-258e8823c563e13b57ee4ed6afaf4dd1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/311/file/medium-e6c4780d34431b49a447365e286db3b8.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">Taifun</p>
          <a href="/fr/products/filets-de-tofu-a-la-japonaise-bio-80-g-348">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Filets de Tofu à la Japonaise Bio, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </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.66 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9m8CBfoez91dtkaama_QhGEdUPeLXyvXP4_X2fLwiXP3yW_T9uWGtNswcIoay-ANcrXSjnyVNVLuzLUk_yPXCA" />
    <input value="348" 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/saucisse-vegetalien-knaxxies-bio-150-g-680">
          <img alt="Saucisse Végétalien Knaxxies Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/624/file/small-8a4ff09a7b7032693b42a03de32cd23d.webp 600w, https://assets.fabulous.ch/public/variant_asset/624/file/medium-41cd30e5ae1e896637165fb7286265bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/624/file/large-0d1b06cf37797a3fed84e19dbe685f35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/624/file/medium-41cd30e5ae1e896637165fb7286265bf.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">Wheaty</p>
          <a href="/fr/products/saucisse-vegetalien-knaxxies-bio-150-g-680">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Saucisse Végétalien Knaxxies Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sWxnASkg5vHCLPl8-Ee6YZMmjoXJAOtW1Cs3SUS8ZL6wygrXJduvmESqz2x7I4rogI4M_D7K9dMFaFW0SW86xQ" />
    <input value="680" 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/proteine-de-pois-facon-lyoner-bio-200-g-16134">
          <img alt="Protéine de Pois Façon Lyoner Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7436/file/small-9f66b17cbf46c456a6a092a9855cba4e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7436/file/medium-a2854bd7e052c150d0f3ff0a5dc2c1db.webp 900w, https://assets.fabulous.ch/public/variant_asset/7436/file/large-4abef3748ba1b1a94901739ce390a82c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7436/file/medium-a2854bd7e052c150d0f3ff0a5dc2c1db.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">Wheaty</p>
          <a href="/fr/products/proteine-de-pois-facon-lyoner-bio-200-g-16134">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protéine de Pois Façon Lyoner Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </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.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8QQWrqxavF85CEOwSd0-gi26Ht3_gQISNOTdUo6APjnwont4oKH1Nr-OdaDKuQ4LPhKcpAhLHJflp7-vg1NgQg" />
    <input value="16134" 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/tofu-basilico-bio-200-g-2738">
          <img alt="Tofu Basilico Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1954/file/small-f944000126f55832b54251c2a57aab87.webp 600w, https://assets.fabulous.ch/public/variant_asset/1954/file/medium-117dcd30d161d6852007aa45271a5436.webp 900w, https://assets.fabulous.ch/public/variant_asset/1954/file/large-d0b845a99dc7b6d313d5568b100dcfe4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1954/file/medium-117dcd30d161d6852007aa45271a5436.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">Taifun</p>
          <a href="/fr/products/tofu-basilico-bio-200-g-2738">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Basilico Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </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.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SqWpspK_-YpUmounGlLzYCNCcjKi62klJbGJA2Y4JZZLA8RknkSw49IcvbeZNsPpMOrwS1Uhd6D08uv-a-t77Q" />
    <input value="2738" 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/copy-of-brosse-a-vaisselle-1-piece-18067">
          <img alt="Brosse de toilette en bois avec poils naturels, FSC" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9031/file/small-4b845ad9369e80671b6d5127e0ec8d77.webp 600w, https://assets.fabulous.ch/public/variant_asset/9031/file/medium-5bfc61c8065ff71a211e3b63a860bfa4.webp 900w, https://assets.fabulous.ch/public/variant_asset/9031/file/large-6c62380733e302fb231886dec7887900.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9031/file/medium-5bfc61c8065ff71a211e3b63a860bfa4.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/copy-of-brosse-a-vaisselle-1-piece-18067">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brosse de toilette en bois avec poils naturels, FSC, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_fNGWd-GCTOw0x7OcrS07tvpFC56XIFYK6yOU7HmMG78VSuP031AWjZVKN7x0IRnyEGWV42Wn9367-yuvDVuFQ" />
    <input value="18067" 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/bloc-de-notes-autocollantes-75-x-75-mm-couleurs-assorties-sous-etui-en-carton-recycle-400-feuilles-18068">
          <img alt="Bloc de notes autocollantes 75 x 75 mm, couleurs assorties sous étui en carton recyclé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9032/file/small-ee2afc6c1013f7ffdfff4ecb979aa476.webp 600w, https://assets.fabulous.ch/public/variant_asset/9032/file/medium-4c83718bd5f63ceb8f7da6a323d229fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/9032/file/large-4377be066016b594e3cd63438470ae22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9032/file/medium-4c83718bd5f63ceb8f7da6a323d229fa.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/bloc-de-notes-autocollantes-75-x-75-mm-couleurs-assorties-sous-etui-en-carton-recycle-400-feuilles-18068">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bloc de notes autocollantes 75 x 75 mm, couleurs assorties sous étui en carton recyclé, 400 feuilles</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x0pnVUIhZN9p4z-g2AdLyrsu8HaNvQTBcUPeLxIQMqjG7AqDTtottu9lCbBbY3tDqIZyD3p3GkSgALzSH8Ns0w" />
    <input value="18068" 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/sac-a-cordon-en-coton-bio-1-sachet-18069">
          <img alt="Sac à cordon en coton bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9035/file/small-da70cd17e90ca08fbabbc6731af4cfbf.webp 600w, https://assets.fabulous.ch/public/variant_asset/9035/file/medium-ecbd6699a970fef27d10b9e6de4c3247.webp 900w, https://assets.fabulous.ch/public/variant_asset/9035/file/large-aec439a0e8b7880e580c5133f5437a33.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9035/file/medium-ecbd6699a970fef27d10b9e6de4c3247.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/sac-a-cordon-en-coton-bio-1-sachet-18069">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sac à cordon en coton bio, 1 sachet</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zggLr_dYjXKj6FG-BWo76xUtR5deywLPBcEB7IuDnADPrmZ5-6PEGyVuZ66GDgtiBoXF7qkBHErUgmMRhlDCew" />
    <input value="18069" 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/sac-cabas-memo-wir-handeln-fur-eine-nachhaltige-erde-en-coton-recycle-fairtrade-1-piece-18070">
          <img alt="Sac cabas memo &quot;Wir handeln für eine nachhaltige Erde&quot; en coton recyclé, Fairtrade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9038/file/small-d3581ed6540c4a166216708f9f3f2b88.webp 600w, https://assets.fabulous.ch/public/variant_asset/9038/file/medium-3eef5be382d6b7448774e40226f25b3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9038/file/large-854f2382c811c4f53c984ac4003eb362.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9038/file/medium-3eef5be382d6b7448774e40226f25b3e.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/sac-cabas-memo-wir-handeln-fur-eine-nachhaltige-erde-en-coton-recycle-fairtrade-1-piece-18070">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sac cabas memo &quot;Wir handeln für eine nachhaltige Erde&quot; en coton recyclé, Fairtrade, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rw7r30SawXOvA6O8XU3bgQGZ4WpPhw71PhaDMthpMMquqIYJSGGIGimFlazeKesIEjFjE7hNEHDvVeHP1bpusQ" />
    <input value="18070" 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/sac-cabas-en-coton-bio-fairtrade-1-piece-18071">
          <img alt="Sac cabas en coton bio Fairtrade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9039/file/small-475f847b49bd559518a034d6502897ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/9039/file/medium-83d67e3bd93161ff058521d19c48169c.webp 900w, https://assets.fabulous.ch/public/variant_asset/9039/file/large-9612249eb0ff25d8adca13d7b8c30bff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9039/file/medium-83d67e3bd93161ff058521d19c48169c.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/sac-cabas-en-coton-bio-fairtrade-1-piece-18071">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sac cabas en coton bio Fairtrade, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GBHIfu5k6d_CmP6HA8gIACqcfBV3LKEiUDdjW39Q8-sZt6Wo4p-gtkQeyJeArDiJOTT-bIDmv6eBdAGmcoOtkA" />
    <input value="18071" 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/trousse-necessaire-de-toilette-bio-1-piece-18072">
          <img alt="Trousse/Nécessaire de toilette bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9040/file/small-71e8ef3ad4dbcedaf8e3dd8a6067023a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9040/file/medium-6b700fa2ca7528b34d3db1f2168eccc3.webp 900w, https://assets.fabulous.ch/public/variant_asset/9040/file/large-84dcb8da20a524b015d72661116c4f63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9040/file/medium-6b700fa2ca7528b34d3db1f2168eccc3.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/trousse-necessaire-de-toilette-bio-1-piece-18072">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Trousse/Nécessaire de toilette bio, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-Z17QxnL_zd9osDvsNNrN1pwvH_VdR3RX4kw0FsSViH4OxaVFTC2Xvsk9v8zt1u-Sdg-BiK_A1SOylItVsEIWg" />
    <input value="18072" 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/feuilles-de-papier-cuisson-fsc-30-feuilles-30-piece-16588">
          <img alt="Feuilles de papier cuisson FSC" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7645/file/small-27d5061c116f77372340459d4b326eb6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7645/file/medium-cd7b4c71a86c6704f8c05709ad72b0b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/7645/file/large-c04eb95e1c68f1ffb7f35b7dcd47bd33.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7645/file/medium-cd7b4c71a86c6704f8c05709ad72b0b3.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/feuilles-de-papier-cuisson-fsc-30-feuilles-30-piece-16588">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Feuilles de papier cuisson FSC, 30 feuilles</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VlU7fsh-srv9MIVsPWckbK4kSK3WznkQ0u8jJYgiRcJX81aoxIX70nu2s3y-AxTlvYzK1CEEZ5UDrEHYhfEbuQ" />
    <input value="16588" 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/pois-chiches-rotis-sweet-sesame-100-g-16395">
          <img alt="Pois chiches rôtis Sweet Sesame" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7543/file/small-bcd371a237d7b4f243bdfc5ef5281898.webp 600w, https://assets.fabulous.ch/public/variant_asset/7543/file/medium-f98389d51434d786955f236cdca140b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7543/file/large-2160cf763ca751550f4fd915d197b494.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7543/file/medium-f98389d51434d786955f236cdca140b8.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">Chichery</p>
          <a href="/fr/products/pois-chiches-rotis-sweet-sesame-100-g-16395">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pois chiches rôtis Sweet Sesame, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GkIJZOQAUK7wMglO0PGF8XTapXCW5H6sQMAuyu8RUzMb5GSy6PsZx3a0P15TlbV4Z3InCWEuYCmRg0w34sINSA" />
    <input value="16395" 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/pois-chiches-rotis-dark-chocolate-100-g-16396">
          <img alt="Pois chiches rôtis Dark Chocolate" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7544/file/small-dffdac2bae3f2aa2ede467b60a42fd52.webp 600w, https://assets.fabulous.ch/public/variant_asset/7544/file/medium-32626d4d913f7232a12c9b26edf09292.webp 900w, https://assets.fabulous.ch/public/variant_asset/7544/file/large-f73c9dc3d5612d5a02a3b7b81485997e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7544/file/medium-32626d4d913f7232a12c9b26edf09292.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">Chichery</p>
          <a href="/fr/products/pois-chiches-rotis-dark-chocolate-100-g-16396">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pois chiches rôtis Dark Chocolate, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x6CuYDNWmadELz7go4qrNw6KVR5jU_SAzkpHANO9wEfGBsO2P63QzsKpCPAg7pu-HSLXZ5SZ6gUfCSX93m6ePA" />
    <input value="16396" 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/pois-chiches-rotis-choco-snack-35-g-16397">
          <img alt="Pois chiches rôtis Choco Snack" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7545/file/small-6462df2ac0d5f3b980187d9b4785547e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7545/file/medium-b4cc6a8c12d40676d54b8091f6abe1fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/7545/file/large-5402e14ce5d3e7742851564d58e56621.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7545/file/medium-b4cc6a8c12d40676d54b8091f6abe1fa.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">Chichery</p>
          <a href="/fr/products/pois-chiches-rotis-choco-snack-35-g-16397">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pois chiches rôtis Choco Snack, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PnOvMJga0SpLb1ni4V5aLXqb1FgNRuK4iAJRM-cyE_U_1cLmlOGYQ83pb_JiOmqkaTNWIfqM_D1ZQTPO6uFNjg" />
    <input value="16397" 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/pois-chiches-rotis-dark-chocolate-35-g-16410">
          <img alt="Pois chiches rôtis Dark Chocolate" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7549/file/small-e2948d85514aeeeb32bc8ed52fbc5bc7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7549/file/medium-7c1e5e663a12b2a0000bdc1bf6b25805.webp 900w, https://assets.fabulous.ch/public/variant_asset/7549/file/large-fd98c901bdff8ed8378a7d6238c50b54.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7549/file/medium-7c1e5e663a12b2a0000bdc1bf6b25805.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">Chichery</p>
          <a href="/fr/products/pois-chiches-rotis-dark-chocolate-35-g-16410">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pois chiches rôtis Dark Chocolate, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1E1CeV-vlvmURXeytAZAA5aGo2H-r2MXyRdMoqGul9DV6y-vU1TfkBLDQaI3YnCKhS4hGAllfZIYVC5frH3Jqw" />
    <input value="16410" 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/pois-chiches-rotis-sweet-sesame-35-g-16409">
          <img alt="Pois chiches rôtis Sweet Sesame" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7548/file/small-adbb0daa727447ca28854a5585b4db2e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7548/file/medium-111f7b2b70e18639f7f740b30f329332.webp 900w, https://assets.fabulous.ch/public/variant_asset/7548/file/large-7a6d9a7177f51c011b7a53a24c7e7dad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7548/file/medium-111f7b2b70e18639f7f740b30f329332.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">Chichery</p>
          <a href="/fr/products/pois-chiches-rotis-sweet-sesame-35-g-16409">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pois chiches rôtis Sweet Sesame, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W9MhJgeqMjWXgM39Ii-wJkLkrrR-L4mi6eZ1FsbuPlNadUzwC1F7XBEG--2hS4CvUUwszYnllyc4pRfryz1gKA" />
    <input value="16409" 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/liquid-smoke-hickory-fumee-liquide-1-89-l-16245">
          <img alt="LIQUID SMOKE Hickory Fumée Liquide" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7484/file/small-0ab85794886b4256c9ba50aefebf1c45.webp 600w, https://assets.fabulous.ch/public/variant_asset/7484/file/medium-f7981a70be164c6f261fc45923bbc4b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/7484/file/large-5065e28485fc226ddade127f1f856130.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7484/file/medium-f7981a70be164c6f261fc45923bbc4b3.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">Mex-AL</p>
          <a href="/fr/products/liquid-smoke-hickory-fumee-liquide-1-89-l-16245">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LIQUID SMOKE Hickory Fumée Liquide, 1.89 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KVSL8ceIO3v3NfHbTmGzQFaUQXX4UQqUeQ8haQfu9DQo8uYny3NyEnGzx8vNBYPJRTzDDA-bFBGoTEOUCj2qTw" />
    <input value="16245" 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/tartelettes-framboise-sans-gluten-bio-130-g-6751">
          <img alt="Tartelettes Framboise 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/3907/file/small-5415d517289cea16b3e532c631ffcde2.webp 600w, https://assets.fabulous.ch/public/variant_asset/3907/file/medium-dddcc5cfe921f74b48c9ac87a12e6bfd.webp 900w, https://assets.fabulous.ch/public/variant_asset/3907/file/large-18fb6cc52334e54bb857cf1a99f678ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3907/file/medium-dddcc5cfe921f74b48c9ac87a12e6bfd.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">Céliane</p>
          <a href="/fr/products/tartelettes-framboise-sans-gluten-bio-130-g-6751">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tartelettes Framboise Sans Gluten Bio, 130 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 4.23 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wEy1YZ72bIwr4WzUahJxYS0RogCRi0udlpH0v5x3WtrB6ti3kg0l5a1nWsTpdkHoPrkgeWZBVRhH0pZCkaQEoQ" />
    <input value="6751" 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/chips-mais-paprika-sans-gluten-bio-125-g-572">
          <img alt="Chips Mais Paprika 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/529/file/small-83e49cd87138b65f05ff4a50b2a20caa.webp 600w, https://assets.fabulous.ch/public/variant_asset/529/file/medium-6281905db9fc1b93ff9f15a9f2d24026.webp 900w, https://assets.fabulous.ch/public/variant_asset/529/file/large-47db889adde9479ef9fb997ba0bb1e43.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/529/file/medium-6281905db9fc1b93ff9f15a9f2d24026.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/chips-mais-paprika-sans-gluten-bio-125-g-572">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Mais Paprika Sans Gluten Bio, 125 g</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 2.16 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w2yuBcN07rVcdnbQu7pmo8gXC6c7ynYS40RUYLz-v2_CysPTz4-n3NrwQMA43lYq27-J3swAaJcyBzadsS3hFA" />
    <input value="572" 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">
      180 sur 3&#39;201 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/marigold-health-foods?format=turbo_stream&amp;page=10">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>