<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="/en/products/dattello-date-chococream-organic-400-g-15810">
          <img alt="Dattello Date ChocoCream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7219/file/small-7cdfebc9ff6eb5edd51664337b5af1a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7219/file/medium-f2979ae5d8338bc2ba9e4f1336323e97.webp 900w, https://assets.fabulous.ch/public/variant_asset/7219/file/large-878d697de2e0db0f1646a06f8f756ab5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7219/file/medium-f2979ae5d8338bc2ba9e4f1336323e97.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">MAKRi</p>
          <a href="/en/products/dattello-date-chococream-organic-400-g-15810">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattello Date ChocoCream Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vtf0HMtdOTqiToKGOo_Yf9CY2Bu0MIQJciA4gwl4dooweGlZQD8V6crpxK6UN1Koerl1Znv9LsJavpMKv93-NA" />
    <input value="15810" 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>
          Add to cart
</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="/en/products/tomato-concentrate-double-concentrated-28-30-organic-145-g-7988">
          <img alt="Tomato concentrate, double concentrated 28-30% Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4676/file/small-a188e6d9b83b49c95072dd93d95e7870.webp 600w, https://assets.fabulous.ch/public/variant_asset/4676/file/medium-2feaee0a189f881e594e11f9bb4ee2fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4676/file/large-dfe8957b2ca39c0c9c896b0b75e4a027.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4676/file/medium-2feaee0a189f881e594e11f9bb4ee2fd.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">LaSelva</p>
          <a href="/en/products/tomato-concentrate-double-concentrated-28-30-organic-145-g-7988">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomato concentrate, double concentrated 28-30% Organic, 145 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.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g1B9nuE1XcLM6YM40VRNNoCAO6BU5g-gzDGBS5G55wcN_-DbaldxEaROxRB_7MfhKqGW3ZsrpWvkryrCJxxvuQ" />
    <input value="7988" 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>
          Add to cart
</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="/en/products/crispy-nuggets-organic-180-g-13874">
          <img alt="Crispy Nuggets Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6598/file/small-0c8f68067b60ee685063630904d5875b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6598/file/medium-2c86e3c86b733c78eb2feb418057a287.webp 900w, https://assets.fabulous.ch/public/variant_asset/6598/file/large-2978a604574d6e9bcf1adce3eebc79b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6598/file/medium-2c86e3c86b733c78eb2feb418057a287.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">the vegan cow</p>
          <a href="/en/products/crispy-nuggets-organic-180-g-13874">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crispy Nuggets Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q1wnhq-ygmu7ax3FJXvoZHSujdHGXcycM8OYQspwRnLN87rDJNCuuNPMW-2Lw2Kz3o8grAmQZlcbXTPLfNXOzA" />
    <input value="13874" 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>
          Add to cart
</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="/en/products/pasta-simona-tagliatelle-wheat-pasta-bulk-buy-organic-5-kg-6207">
          <img alt="Pasta Simona Tagliatelle Wheat Pasta Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3566/file/small-2643f8a6f16b7ecdedeff40204ef3174.webp 600w, https://assets.fabulous.ch/public/variant_asset/3566/file/medium-2937dc273cc311fbd853d3c37039187e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3566/file/large-e9e67170a91bba9a9351bbe68b4e2253.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3566/file/medium-2937dc273cc311fbd853d3c37039187e.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">Pasta Simona</p>
          <a href="/en/products/pasta-simona-tagliatelle-wheat-pasta-bulk-buy-organic-5-kg-6207">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Simona Tagliatelle Wheat Pasta Bulk Buy Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.50
            </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-6207-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RB7guJ3ajCSJ_WpjrIbmhZSYobkmxZIEft2dFuRK2ubKsX39Frig9-FaLEsCPmxSPrkMxOkIOM9WQzafUu9SWA" />
    <input value="6207" 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>
          Add to cart
</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="/en/products/rapunzel-caramel-salt-bar-organic-100-g-15459">
          <img alt="Rapunzel Caramel &amp; Salt Bar, Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7057/file/small-3b9068160f73c9752eb1381790ac4faa.webp 600w, https://assets.fabulous.ch/public/variant_asset/7057/file/medium-aac5e04f8b9e683e09d252dbb26427e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7057/file/large-777b96df47f3e41f757b5c9f492115da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7057/file/medium-aac5e04f8b9e683e09d252dbb26427e7.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="/en/products/rapunzel-caramel-salt-bar-organic-100-g-15459">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rapunzel Caramel &amp; Salt Bar, Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ocGWzIovCFeidYw_PaiCHxJewWWQIx-Sq0eR4YRFPLAvbguJAU0khMrSyheTEAjIuH9sGF_utVmD2TpoMuC0Dg" />
    <input value="15459" 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>
          Add to cart
</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="/en/products/fruity-ice-sticks-organic-400-ml-15600">
          <img alt="Fruity Ice Sticks Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7124/file/small-389bdf36bde47b067b99a246c51cb44a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7124/file/medium-1aea2c2d9a0d5a0434becf64a1d0d3f8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7124/file/large-c4b409df7ff991dba966674499e40f9c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7124/file/medium-1aea2c2d9a0d5a0434becf64a1d0d3f8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biotta</p>
          <a href="/en/products/fruity-ice-sticks-organic-400-ml-15600">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruity Ice Sticks Organic, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L-xcanBwHztdrCtftM9jY-ThxD18v0Vgqg4L7rwdmPehQ8Ev-xIz6DULbXcad-m0TsBpQLNy76uCkKBnCrgQSQ" />
    <input value="15600" 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>
          Add to cart
</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="/en/products/recycled-aluminum-foil-10mx29cm-1-piece-1988">
          <img alt="Recycled Aluminum Foil 10mx29cm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1575/file/small-1181a9a4884af9548bd184c5238804f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/1575/file/medium-2445692a96763da3503ff13731dc75c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1575/file/large-8c3a054d8ba35de09241413ba9a5d470.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1575/file/medium-2445692a96763da3503ff13731dc75c7.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">If you care</p>
          <a href="/en/products/recycled-aluminum-foil-10mx29cm-1-piece-1988">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Recycled Aluminum Foil 10mx29cm, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T4CWtAYRPLU5irZYtsBNNIQfTiNEe_FFeE-HvEhSBu_BLwvxjXMQZlEt8HAYeMfjLj7jXou2W45Q0Sw1_veOUQ" />
    <input value="1988" 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>
          Add to cart
</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="/en/products/peas-yellow-peas-bulk-buy-biosuisse-5-kg-10343">
          <img alt="Peas Yellow Peas Bulk Buy BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5559/file/small-54789dc50d91a31ccff36094d225eea7.webp 600w, https://assets.fabulous.ch/public/variant_asset/5559/file/medium-dea0baf3fe18d71033de4ddb84634fb6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5559/file/large-3411c336244873c52fa35ad706482efd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5559/file/medium-dea0baf3fe18d71033de4ddb84634fb6.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="/en/products/peas-yellow-peas-bulk-buy-biosuisse-5-kg-10343">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peas Yellow Peas Bulk Buy BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wGWX2DcPBLegRCeIMxwatJCPo2QIy39HM_1pdoMjyHpOygqdvG0oZMjjYaCdpJBjOq4OGccG1YwbY8L_NYZAxA" />
    <input value="10343" 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>
          Add to cart
</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="/en/products/rice-drink-choco-organic-500-ml-11327">
          <img alt="Rice Drink Choco Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5804/file/small-d2a539d052bd95018f2d376e7ef8c4b3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5804/file/medium-620d84fe5d35fbd17e111efba84039c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5804/file/large-017599ad370d175092720a3b085a5a72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5804/file/medium-620d84fe5d35fbd17e111efba84039c5.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="/en/products/rice-drink-choco-organic-500-ml-11327">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rice Drink Choco Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="prQ5pFzH4SyzW5TIpy8RVHKsckJsk_lct1iPiQys0tEoG6Th16XN_9v80uAJl5uD2I3fP6NeU5efxiQAuglabw" />
    <input value="11327" 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>
          Add to cart
</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="/en/products/pistachios-roasted-and-salted-organic-175-g-6714">
          <img alt="Pistachios Roasted and Salted Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3875/file/small-efc56d38a5dd1c78dd222da35bdb33d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3875/file/medium-1594b504741af72fe61ed092dade554b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3875/file/large-3dc919a0fe8897c6a7f4c6265177f2f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3875/file/medium-1594b504741af72fe61ed092dade554b.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="/en/products/pistachios-roasted-and-salted-organic-175-g-6714">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pistachios Roasted and Salted Organic, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K6y5jULSuMvn9H1nl-5YgoxKk8W0KTCCtD5rq__HX6elAyTIybCUGI9TO085VtJVJms-uHvkmkmcoMAiSWLXGQ" />
    <input value="6714" 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>
          Add to cart
</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="/en/products/shampoo-beer-unisex-organic-500-ml-14886">
          <img alt="Shampoo Beer Unisex Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6823/file/small-c23262afa2100293cd8d9fa02a830c1a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6823/file/medium-6336e69e4a5e03e5e1c76646fb38b6fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6823/file/large-fa748fa81d5247316c14acdc8d525839.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6823/file/medium-6336e69e4a5e03e5e1c76646fb38b6fb.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">benecos</p>
          <a href="/en/products/shampoo-beer-unisex-organic-500-ml-14886">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Beer Unisex Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8x69FPhx0DZvkkp1QGzBG1ymhLBz7KtqsMElRSW0Ssd9sSBRcxP85Qc1DF3u1EvM9ocpzbwhAaGYX47MkxHCeQ" />
    <input value="14886" 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>
          Add to cart
</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="/en/products/pasta-simona-spaghetti-whole-wheat-bulk-buy-organic-5-kg-6176">
          <img alt="Pasta Simona Spaghetti Whole Wheat Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3549/file/small-cf0a35592ba29ba6ba5e718d4f6aa3b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/3549/file/medium-0bb0e45405588b112b613e9f65b7aa28.webp 900w, https://assets.fabulous.ch/public/variant_asset/3549/file/large-2123a1f8462f85f788f19f7a09471a70.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3549/file/medium-0bb0e45405588b112b613e9f65b7aa28.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">Pasta Simona</p>
          <a href="/en/products/pasta-simona-spaghetti-whole-wheat-bulk-buy-organic-5-kg-6176">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Simona Spaghetti Whole Wheat Bulk Buy Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.50
            </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-6176-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WCeXCY8rz6TKyQnOVW6KOA1F_mcJPAML8bzZRMTb7jfWiApMBEnjd6JuT-b71gDvp2RTGsbxqcDZInLNcn5miQ" />
    <input value="6176" 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>
          Add to cart
</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="/en/products/vegan-alternative-to-creme-fraiche-organic-180-g-8722">
          <img alt="Vegan Alternative to Crème Fraîche Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5061/file/small-4a7b7b62955303481ace66e273c5a981.webp 600w, https://assets.fabulous.ch/public/variant_asset/5061/file/medium-c01f1410dfcee9a10907e9513c0890c3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5061/file/large-2948162239c400340cb89adaaed22858.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5061/file/medium-c01f1410dfcee9a10907e9513c0890c3.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">New Roots</p>
          <a href="/en/products/vegan-alternative-to-creme-fraiche-organic-180-g-8722">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Alternative to Crème Fraîche Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.28 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nif1LpVDXaPdFSZcQp8aTijtJjG4ZeyAKHf0kD1_Kc8QiGhrHiFxcLWyYHTsJ5CZgsyLTHeoRksA6V8Zi9qhcQ" />
    <input value="8722" 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>
          Add to cart
</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="/en/products/flour-chickpeas-gluten-free-organic-500-g-404">
          <img alt="Flour Chickpeas Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/360/file/small-2be24f5ad1b93336b14dfa74602f1bc1.webp 600w, https://assets.fabulous.ch/public/variant_asset/360/file/medium-039996db40cc9a125870549693a63ccf.webp 900w, https://assets.fabulous.ch/public/variant_asset/360/file/large-9a8634854236a5e2ae357dbcb2acd9b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/360/file/medium-039996db40cc9a125870549693a63ccf.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="/en/products/flour-chickpeas-gluten-free-organic-500-g-404">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flour Chickpeas Gluten Free Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YicCCv_9YvvVZUeHSKdC-K4JnALOYORqjyyQGdjT7w3siJ9PdJ9OKL3CAa_mH8gvBCgxfwGtTqGnsjuQbnZnsw" />
    <input value="404" 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>
          Add to cart
</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="/en/products/flour-oat-wholegrain-gluten-free-demeter-350-g-5600">
          <img alt="Flour Oat Wholegrain Gluten Free Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3242/file/small-a4e126ba8920b80faee3149a7000435c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3242/file/medium-68010d187b7ae583fe5ffeeee206c74a.webp 900w, https://assets.fabulous.ch/public/variant_asset/3242/file/large-c7b59fb773cee2957654d5139d3eb94f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3242/file/medium-68010d187b7ae583fe5ffeeee206c74a.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="/en/products/flour-oat-wholegrain-gluten-free-demeter-350-g-5600">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flour Oat Wholegrain Gluten Free Demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qljnweSo96rcEikz8R1F35tzxCFt5h6H-tnoySmSUR8k93qEb8rbebS1bxtfpc8IMVJpXKIrtEzSR0NAnzfZoQ" />
    <input value="5600" 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>
          Add to cart
</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="/en/products/biobis-spelt-double-biscuit-choco-palmoil-free-organic-320-g-17183">
          <img alt="Biobis Spelt Double Biscuit Choco palmoil-free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8010/file/small-97f4175dadb87691609754dd521b42ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/8010/file/medium-71704e7abbcfd99e4f93bc4956ea317c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8010/file/large-ef339119a40176988a5880354cf1d42c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8010/file/medium-71704e7abbcfd99e4f93bc4956ea317c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/en/products/biobis-spelt-double-biscuit-choco-palmoil-free-organic-320-g-17183">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biobis Spelt Double Biscuit Choco palmoil-free Organic, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UjTQNz1K3pTJCdmCcQJ9-nPyPkyKEotiDQfXjOzOqvrcm01ytijyR6Gun6rfuvct2dOTMUXfIaklmXwFWmsiRA" />
    <input value="17183" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</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="/en/products/dattel-dark-chocolate-bar-80-organic-85-g-15627">
          <img alt="Dattel Dark Chocolate Bar 80% Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7134/file/small-bc2027f111b91052cddff8f18dc42d9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7134/file/medium-788d193e1e4a45c3a3048295f29fd058.webp 900w, https://assets.fabulous.ch/public/variant_asset/7134/file/large-e0c9b9ab772617174db9bad0f9136a9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7134/file/medium-788d193e1e4a45c3a3048295f29fd058.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">MAKRi</p>
          <a href="/en/products/dattel-dark-chocolate-bar-80-organic-85-g-15627">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattel Dark Chocolate Bar 80% Organic, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="76Fcj7s9ak7Y-AvMultzpZxkXC5RgDfGWPgi1Of9IpNhDsHKMF9GnbBfTeQU4_lyNkXxU55NnQ1wZoldUViqLQ" />
    <input value="15627" 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>
          Add to cart
</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="/en/products/fine-wheat-flour-demeter-1-kg-4596">
          <img alt="Fine Wheat Flour Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2815/file/small-b144eaa554a9e7b41dc23d126068d7b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2815/file/medium-b10aeeb0d1d50a7e68af45d1dbab9b56.webp 900w, https://assets.fabulous.ch/public/variant_asset/2815/file/large-e6eaa12d7d9614d0defb61d2d4dde08d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2815/file/medium-b10aeeb0d1d50a7e68af45d1dbab9b56.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="/en/products/fine-wheat-flour-demeter-1-kg-4596">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fine Wheat Flour Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2ZKcqC1LNSaF_Z4Cj2OBpwYxAO-w53na6POjZbpH6JJXPQHtpikZ9e1a2Coh2wtwrBCtkn8q0xHAbQjsDOJgLA" />
    <input value="4596" 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>
          Add to cart
</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="/en/products/pralinis-lini-s-bites-salted-pistachio-organic-46-g-15860">
          <img alt="Pralinis Lini&#39;s Bites Salted Pistachio Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8750/file/small-3cfcf27ca8d4438f5898adce4991fcbe.webp 600w, https://assets.fabulous.ch/public/variant_asset/8750/file/medium-e20b8a7feb080c16d6dc8fcff5d591cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/8750/file/large-c5c813669f14e6316d208fb6470a030d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8750/file/medium-e20b8a7feb080c16d6dc8fcff5d591cd.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">Lini&#39;s Bites</p>
          <a href="/en/products/pralinis-lini-s-bites-salted-pistachio-organic-46-g-15860">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinis Lini&#39;s Bites Salted Pistachio Organic, 46 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 8.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="odesDsSZ6lhewY6gXGBOu3PyIkuYuQsur8uMP2DenfkveDFLT_vGizZmyIjy2MRs2dOPNld0oeWHVSe21nsVRw" />
    <input value="15860" 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>
          Add to cart
</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="/en/products/lini-s-bites-coconut-mylk-chocolate-bar-organic-40-g-16762">
          <img alt="Lini’s Bites Coconut Mylk Chocolate Bar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7775/file/small-4a129625acaeaf13cca3c47a96e358b3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7775/file/medium-b8413ae2460c1224964ac78fac8ab88c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7775/file/large-5fa4b02d9b64989047dc5ae7c5a677b6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7775/file/medium-b8413ae2460c1224964ac78fac8ab88c.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">Lini&#39;s Bites</p>
          <a href="/en/products/lini-s-bites-coconut-mylk-chocolate-bar-organic-40-g-16762">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lini’s Bites Coconut Mylk Chocolate Bar Organic, 40 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 9.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qsatENzxKQOuFqDJvAjKMKs3am24IxtBtdo53MkAT40kaTBVV5MF0Max5uESsEDnARbHEHfusYqdRJJVf6XHMw" />
    <input value="16762" 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>
          Add to cart
</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">
      680 of 3&#39;201 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/pasta-simona?format=turbo_stream&amp;page=35">Show more</a>
  </div>
</div>

</template></turbo-stream>