<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/boisson-cereal-avoine-drink-barista-bio-1-l-9288">
          <img alt="Boisson Cereal Avoine Drink Barista Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5281/file/small-65a79b19c8145d2bde3a0cc53ab46e2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5281/file/medium-7ed187dbc9d0981ba124208191b4e6ff.webp 900w, https://assets.fabulous.ch/public/variant_asset/5281/file/large-e9aeb39bfa1652fd3c283ea23744d2c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5281/file/medium-7ed187dbc9d0981ba124208191b4e6ff.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/fr/products/boisson-cereal-avoine-drink-barista-bio-1-l-9288">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson Cereal Avoine Drink Barista Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dL4WOTKOo5anlO4DeNxS35is2D_j7c3Di_6I5eJwwW1IpQz2_07UrrEEcBXxo20Jbm2mfRGdLxaw8QHQEBPMWg" />
    <input value="9288" 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/poudre-de-boisson-a-l-avoine-avec-b12-bio-775-g-775-g-15847">
          <img alt="Poudre de boisson à l’avoine avec B12 Bio, 775 g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7232/file/small-a8502a8bc7ea625f308c7fc8dc702507.webp 600w, https://assets.fabulous.ch/public/variant_asset/7232/file/medium-720af05f5531ae9c3cd5b5d456228d33.webp 900w, https://assets.fabulous.ch/public/variant_asset/7232/file/large-515c853e8b30263c2c0a8d5790337a86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7232/file/medium-720af05f5531ae9c3cd5b5d456228d33.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/poudre-de-boisson-a-l-avoine-avec-b12-bio-775-g-775-g-15847">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre de boisson à l’avoine avec B12 Bio, 775 g, 775 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q8ZDERRcPHFLY0ALDV0XlvKagQtiJnk-j_BFRQTmyZCX3Vne2ZxLSV3z3h2EIihABFv_SZBWm-u0_8xw9oXEpw" />
    <input value="15847" 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/gomme-de-xanthane-sans-gluten-60-g-3395">
          <img alt="Gomme de xanthane Sans Gluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2256/file/small-78ee1d3361cc085c61826892de4e6f42.webp 600w, https://assets.fabulous.ch/public/variant_asset/2256/file/medium-289a5bf789e673eb4ca041d1772c63cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/2256/file/large-d850690da0e3d39df1217e35cdaef316.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2256/file/medium-289a5bf789e673eb4ca041d1772c63cc.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">Natur Compagnie</p>
          <a href="/fr/products/gomme-de-xanthane-sans-gluten-60-g-3395">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gomme de xanthane Sans Gluten, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t_cL0cZh6VM6nozGyCGH4luP4OTuCjNgRN6ESNiBGuWL7BEeC6GeaywOEtBBXrg0rU6ephx60bV_0Q19KuIX0g" />
    <input value="3395" 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/lackerli-aux-noix-s-bio-75-g-16771">
          <img alt="Läckerli aux Noix S Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7787/file/small-696fcf73a23b6b502096ed158faa5867.webp 600w, https://assets.fabulous.ch/public/variant_asset/7787/file/medium-20924e283aab0c4812d2aebce721e4e1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7787/file/large-5b596dcfbae5b50325a22d1eaca348d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7787/file/medium-20924e283aab0c4812d2aebce721e4e1.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">Leibacher Biber-Manufaktur</p>
          <a href="/fr/products/lackerli-aux-noix-s-bio-75-g-16771">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Läckerli aux Noix S Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HLSuWS_Hx-VrokCAqa_-lXweGF-c0zMszVP7XWDoPRYgr7SW4gew3X0y3pYg0MFDit9mHW6j0fn2XHJokoswIQ" />
    <input value="16771" 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/amaretti-vegan-bio-32-g-9198">
          <img alt="Amaretti Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5226/file/small-6fbe5511ea7c29c2b138999364675d98.webp 600w, https://assets.fabulous.ch/public/variant_asset/5226/file/medium-6d298feadcd7616e9a84380a35cdaf03.webp 900w, https://assets.fabulous.ch/public/variant_asset/5226/file/large-b00676c8b6d52ad15e21cd8005661b91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5226/file/medium-6d298feadcd7616e9a84380a35cdaf03.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">Leibacher Biber-Manufaktur</p>
          <a href="/fr/products/amaretti-vegan-bio-32-g-9198">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amaretti Vegan Bio, 2 x 32 g</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 7.66 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1aDqdFlF09QVwX7T0L7bLSn28oNUpk9-2WCKJcdrb4zpu_C7lIWk7ANR4MVZweT73zeMwabWravibwMQNQhiuw" />
    <input value="9198" 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/semoule-de-mais-moyenne-en-gros-biosuisse-5-kg-9235">
          <img alt="Semoule de maïs moyenne en gros BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5263/file/small-f3f3e72112f907081ec2fa4e17ef8567.webp 600w, https://assets.fabulous.ch/public/variant_asset/5263/file/medium-79cdbe9715ce87e14b15815ee4d1b0a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5263/file/large-f32a2efbc8f4ed466c821f6bc045350d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5263/file/medium-79cdbe9715ce87e14b15815ee4d1b0a1.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/semoule-de-mais-moyenne-en-gros-biosuisse-5-kg-9235">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Semoule de maïs moyenne en gros BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eG_DXYk2k5EZ34l2JMZ3e1NPuBZLBgWIjkiQwnTcoW1EdNmSRPbkqQ9PF2CtuUitpY7GVLl25121Rxn3hr-sWg" />
    <input value="9235" 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/sel-himalaya-moulu-400-g-1020">
          <img alt="Sel Himalaya moulu" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/894/file/small-46e8caf42d68c043679fd1a836f6765a.webp 600w, https://assets.fabulous.ch/public/variant_asset/894/file/medium-f20d4ec9c3d79717ac5b37086e6c77ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/894/file/large-24f3105531facd9613ddc874d29898f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/894/file/medium-f20d4ec9c3d79717ac5b37086e6c77ac.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">VitaSal</p>
          <a href="/fr/products/sel-himalaya-moulu-400-g-1020">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sel Himalaya moulu, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wxkI6BPeTnxWLwavpDbc1zeEzdoEfuuytE6Up22vHSv_AhIn3h45REC_mLktSeMBwUWzmPYOCWePQR2Sn8wQHA" />
    <input value="1020" 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-chiche-boite-bio-400-g-623">
          <img alt="Pois Chiche Boîte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/568/file/small-e94a248af3899e3e596324ec8a74d41c.webp 600w, https://assets.fabulous.ch/public/variant_asset/568/file/medium-7c4971470b5eee648c6a10392ab2a797.webp 900w, https://assets.fabulous.ch/public/variant_asset/568/file/large-0785d1ae1dd1e0dfda69060384c2d288.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/568/file/medium-7c4971470b5eee648c6a10392ab2a797.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">Rapunzel</p>
          <a href="/fr/products/pois-chiche-boite-bio-400-g-623">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pois Chiche Boîte Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LnMMc5IOW80tGus-0QFC2c3odbvLW2w6mGEBs56yE9YSaBa8X84s9TuKdShYfn0POykL-Tkrju-jboiGbNEe4Q" />
    <input value="623" 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/tomates-pelees-au-jus-de-tomate-demeter-660-g-14925">
          <img alt="Tomates pelées au jus de tomate Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6845/file/small-82dd849b4823986db28f927833a58abe.webp 600w, https://assets.fabulous.ch/public/variant_asset/6845/file/medium-caafd9c1429b84256a434095644a05f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6845/file/large-6538e0be33c827257fa52453c4184f81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6845/file/medium-caafd9c1429b84256a434095644a05f7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/fr/products/tomates-pelees-au-jus-de-tomate-demeter-660-g-14925">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomates pelées au jus de tomate Demeter, 660 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NaXo4w7Hm8SswjFknD0DME4SfkCeO6R8MT9cV2B_ctwJvvIswwfs_LpSr3IVQjzmuNMAAmxLRqkKMNVikhx_6w" />
    <input value="14925" type="hidden" name="variant_id" id="variant_id" />
    <input value="6" 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/sucre-de-datte-bio-400-g-16876">
          <img alt="Sucre de Datte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7873/file/small-6a1caf58b430e67cbe975d62e5d98259.webp 600w, https://assets.fabulous.ch/public/variant_asset/7873/file/medium-c0ad6c7bcc1fd28cc0a22016225624c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7873/file/large-978296e814ef078d7df0eb58709cfdb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7873/file/medium-c0ad6c7bcc1fd28cc0a22016225624c9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Govinda</p>
          <a href="/fr/products/sucre-de-datte-bio-400-g-16876">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sucre de Datte Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.40
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/farine-de-riz-sans-gluten-demeter-500-g-767">
          <img alt="Farine de riz sans gluten Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8868/file/small-4d6873aeafb1f0f4394ee851272ff4cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/8868/file/medium-bde55863daf7949c15b2ac0fd43b0c67.webp 900w, https://assets.fabulous.ch/public/variant_asset/8868/file/large-f5b80da44600a65fbe6667e2b18cee6c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8868/file/medium-bde55863daf7949c15b2ac0fd43b0c67.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/farine-de-riz-sans-gluten-demeter-500-g-767">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine de riz sans gluten Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q9BV6wRLPUzI5BFMHGUg6uPLiXoAIa0U8o3wRXUqgAp_y08kyYtKdN50j1qVGh88FQr3OPJRT8HJgnlwh0mNPQ" />
    <input value="767" 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/haricots-blanc-verre-demeter-350-g-7373">
          <img alt="Haricots Blanc Verre Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4231/file/small-8f03e14db05e74164d731b88a7391230.webp 600w, https://assets.fabulous.ch/public/variant_asset/4231/file/medium-93c073422dd2a4c3bf1279ad8ea19dfd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4231/file/large-7a42548b1c821609c6b7eec852369780.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4231/file/medium-93c073422dd2a4c3bf1279ad8ea19dfd.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">Nur Puur</p>
          <a href="/fr/products/haricots-blanc-verre-demeter-350-g-7373">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haricots Blanc Verre Demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZYoW5b2nQJsMCBV3AjD15uf_4i7ozJeNHEjQn68a571ZkQwqcGc3oxqYi2GLT8owET6cbBq8dVgnR1mqXXnqig" />
    <input value="7373" 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/biscuits-cookies-tout-choco-bio-175-g-5260">
          <img alt="Biscuits Cookies Tout Choco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3066/file/small-58c44f5dff775aa36a8eec49ee7a0de3.webp 600w, https://assets.fabulous.ch/public/variant_asset/3066/file/medium-3ce39f4cb771ba671db4f53a53d9cd27.webp 900w, https://assets.fabulous.ch/public/variant_asset/3066/file/large-eeec3326576a41244437d94121b1d8e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3066/file/medium-3ce39f4cb771ba671db4f53a53d9cd27.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">Moulin du Piver</p>
          <a href="/fr/products/biscuits-cookies-tout-choco-bio-175-g-5260">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuits Cookies Tout Choco Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FJiEK38-5uHraUOtKPAXU7iye70Gg7R6vxxKBPUVNbEog57ksv6R2f353buhjyiFTnMF__TzVq-EE8MxB3Y4hg" />
    <input value="5260" 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/vegegg-substitut-oeuf-bio-175-g-1135">
          <img alt="VegEgg Substitut oeuf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1013/file/small-29c4c7aa69ed333ed739132f1deb781f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1013/file/medium-da92b5b1e5863ac4d6a7bc1a49ae9e5c.webp 900w, https://assets.fabulous.ch/public/variant_asset/1013/file/large-85bc098d90e2f17b3cf339c48e93e3fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1013/file/medium-da92b5b1e5863ac4d6a7bc1a49ae9e5c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/fr/products/vegegg-substitut-oeuf-bio-175-g-1135">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VegEgg Substitut oeuf Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vURjlKmskwTAedFWdQzYtoARNiJkMoraz8j_ds5icYOBX3lbZGzkPNbpT0D8c-dgdtBIYJZCaA_0x3ZDPAF8tA" />
    <input value="1135" 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/substitut-d-oeuf-sans-gluten-250-g-16910">
          <img alt="Substitut d’œuf sans gluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7883/file/small-63ef0c23def2297565b0b61d2ad99153.webp 600w, https://assets.fabulous.ch/public/variant_asset/7883/file/medium-580bde1c218b2a537c01a5e896022815.webp 900w, https://assets.fabulous.ch/public/variant_asset/7883/file/large-ed925d401c490c865fcd0156fd8a2d29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7883/file/medium-580bde1c218b2a537c01a5e896022815.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hammermühle Organic</p>
          <a href="/fr/products/substitut-d-oeuf-sans-gluten-250-g-16910">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Substitut d’œuf sans gluten, 250 g</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 3.16 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Kf03SyYFMmSdxQYyCIiYUgt2RxZsFc-VnUw9TTlZ48cV5i2E68VFXItVmCSB96eE_bc5VJ5lLUCmQ7R4yzru8A" />
    <input value="16910" 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/cuisine-amande-bio-500-ml-6842">
          <img alt="Cuisine Amande Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3965/file/small-d84c2a6bd82442762f57e403365b5569.webp 600w, https://assets.fabulous.ch/public/variant_asset/3965/file/medium-71bdfca6cbb2babb7fae6c501d600f49.webp 900w, https://assets.fabulous.ch/public/variant_asset/3965/file/large-8d0636fc8abd5ee6abd8a0abd391d137.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3965/file/medium-71bdfca6cbb2babb7fae6c501d600f49.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">Ecomil</p>
          <a href="/fr/products/cuisine-amande-bio-500-ml-6842">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Amande Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qnrZc6NjZrMpYxsuOjy2NUlRYVjyAmfeOhPQM06xnzmWYcO8bqMRiz_zhTizQ4njv5AfGgByhQsBHFkGvNKSDg" />
    <input value="6842" 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/voelkel-kombucha-citron-vert-gingembre-bio-330-ml-16575">
          <img alt="Voelkel Kombucha Citron Vert Gingembre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7640/file/small-8dabb88d251b9447705d1c24277b5c3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7640/file/medium-8c32410c7b55acfa9b91e608a75cecac.webp 900w, https://assets.fabulous.ch/public/variant_asset/7640/file/large-c80d76589027742df58b33fbeb217e22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7640/file/medium-8c32410c7b55acfa9b91e608a75cecac.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">Voelkel</p>
          <a href="/fr/products/voelkel-kombucha-citron-vert-gingembre-bio-330-ml-16575">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Voelkel Kombucha Citron Vert Gingembre Bio, 330 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 0.88 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9MUkh_iUgNelzryqhol5GxI0TqtkaIIuLvnYsjfNumDI3j5INVT377NeIrwP9kbN5PUw6ZYYYPsV9lGHxa63Vw" />
    <input value="16575" type="hidden" name="variant_id" id="variant_id" />
    <input value="10" 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/veggiemix-kottbullar-bio-180-g-9470">
          <img alt="VeggieMix Köttbullar Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5334/file/small-a853ea7d1f6967bdaefde7b6a90b6c87.webp 600w, https://assets.fabulous.ch/public/variant_asset/5334/file/medium-906c9543aacb368df14d76904cb265b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/5334/file/large-d9c53d8463f50b64eb5736cc885ccf3e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5334/file/medium-906c9543aacb368df14d76904cb265b9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/veggiemix-kottbullar-bio-180-g-9470">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VeggieMix Köttbullar Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2tD9Gd_Ez0wmFwxFZscVSsmFoNj_F8dwbNxDfS0IXoXmy-fWEgS4dDCHklPvuCqcP0Temg1nJaVX08pI32tTsg" />
    <input value="9470" 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/semoule-de-mais-sans-gluten-demeter-500-g-5310">
          <img alt="Semoule de maïs 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/8778/file/small-bec6edb8a5105a06f3639e2231bb7d51.webp 600w, https://assets.fabulous.ch/public/variant_asset/8778/file/medium-c08bffb3190886855a8cfe4a0ecaf1ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/8778/file/large-cac1350639f70af03d2d8af6928f699b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8778/file/medium-c08bffb3190886855a8cfe4a0ecaf1ca.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Davert</p>
          <a href="/fr/products/semoule-de-mais-sans-gluten-demeter-500-g-5310">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Semoule de maïs Sans Gluten Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kqrBlModGfglDy5z-1uhdHyNsRk6Kg6CGzEZJWvTeDWusdtbB91uwDOfsGVyJJ6iikzPW8ha7FcgPpAQmbB1Ag" />
    <input value="5310" 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/pralines-vegolino-nougat-sans-gluten-bio-180-g-1944">
          <img alt="Pralinés Vegolino Nougat 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/1553/file/small-ee73f273a9a4b0e222fc0a8ccc144b23.webp 600w, https://assets.fabulous.ch/public/variant_asset/1553/file/medium-c3780f1e49743043f761bd41c0cda83d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1553/file/large-b6a340af54505b532b236f7dc4a4327d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1553/file/medium-c3780f1e49743043f761bd41c0cda83d.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">Vego Chocolate</p>
          <a href="/fr/products/pralines-vegolino-nougat-sans-gluten-bio-180-g-1944">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinés Vegolino Nougat Sans Gluten Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z_5jx90gd9Vyb9a5m3one9MKwAB96OhezmumnNIOJsTz5XkIEOAA7WT_SK8SBRitJcu-Qo-YCov1ZC-pIG0r8w" />
    <input value="1944" 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">
      940 sur 3&#39;212 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/zielonka?format=turbo_stream&amp;page=48">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>