<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/peanut-butter-crunchy-with-salt-organic-250-g-15200">
          <img alt="Peanut Butter Crunchy with Salt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6965/file/small-35a25566f432ee804b9adf283d23934a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6965/file/medium-d19aad35e397dffc71eb905b1cf4bda0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6965/file/large-52b83aae33b9efc4a6321567803a5831.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6965/file/medium-d19aad35e397dffc71eb905b1cf4bda0.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/peanut-butter-crunchy-with-salt-organic-250-g-15200">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Butter Crunchy with Salt Organic, 250 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 1.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZXfqAVqUA7B8JtZBXEr9ryzoS09ujijeHCI6ptLi4CeEMkcwJJz-jvgVcrWs9u6X5t1cBMuea_b40_3oydQ3fQ" />
    <input value="15200" 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/peanut-butter-crunchy-with-salt-organic-500-g-15201">
          <img alt="Peanut Butter Crunchy With Salt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6966/file/small-5e3b2214cbdb7bcff5fb868561a3b6f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6966/file/medium-c1e6f76f5d44310ef723d65b8d9c2bb0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6966/file/large-75ae5e20ac5f1c6a3ea2db9d779f2072.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6966/file/medium-c1e6f76f5d44310ef723d65b8d9c2bb0.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/peanut-butter-crunchy-with-salt-organic-500-g-15201">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Butter Crunchy With Salt Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tSjNKLtUPinrPp0yUT5o5Wb9jOyd1MTws6GDaqVRqo5UbWAZxVzDF28NOcahgnvdrMibpzjEh9hXUEQkvmd91A" />
    <input value="15201" 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/peanut-butter-fine-organic-250-g-15202">
          <img alt="Peanut Butter fine Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6969/file/small-1658b6d3d887ea03e74bf6eb73d4272f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6969/file/medium-64197d889f797b553e1e0870aa9172af.webp 900w, https://assets.fabulous.ch/public/variant_asset/6969/file/large-163cf52b65a48eb38c7f264cab738360.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6969/file/medium-64197d889f797b553e1e0870aa9172af.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/peanut-butter-fine-organic-250-g-15202">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Butter fine Organic, 250 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 1.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q3RxywqD8UKm9gEYb7wJUQEOfIQpwlgQeMNFfxbzwayiMdz6dIsMfCLFpeyfABppyztrz4zSGzicMoIxDcUW9g" />
    <input value="15202" 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/peanut-butter-fine-organic-500-g-15203">
          <img alt="Peanut Butter fine Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6972/file/small-9e0fd36c8b87a8486625e3f67a0bdb1f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6972/file/medium-ea296d2e74b83c2a76c32981f1a52099.webp 900w, https://assets.fabulous.ch/public/variant_asset/6972/file/large-e04f5de17712e30eb55429b6a333687f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6972/file/medium-ea296d2e74b83c2a76c32981f1a52099.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/peanut-butter-fine-organic-500-g-15203">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Butter fine Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fskOHfDo3Mu-5JLJmzQpnE_N0xAUdktizJnPqNvC0fyfjKMsjuAh9TrXNj1riDqkhfjEW7FmCEooaAjmwPQGpg" />
    <input value="15203" 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/oil-sunflower-oil-high-oleic-organic-750-ml-15220">
          <img alt="Oil Sunflower oil High-Oleic Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6978/file/small-503e0b4755a943858a4a9ff77e8e3196.webp 600w, https://assets.fabulous.ch/public/variant_asset/6978/file/medium-177bd259bb007017cdf8f77398e4825d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6978/file/large-6ee42f6448918c3db77a3699d0f1d1e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6978/file/medium-177bd259bb007017cdf8f77398e4825d.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/oil-sunflower-oil-high-oleic-organic-750-ml-15220">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oil Sunflower oil High-Oleic Organic, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7pa6mbay6A6rOccMRd5U9sd8HZKq45iuod6m5qCgP2QP0xeoyLoVMC8KY_i1YkfODUkK2Q_z24ZFL2Gou5boPg" />
    <input value="15220" 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/tamari-soy-sauce-organic-350-ml-15222">
          <img alt="Tamari Soy Sauce Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6980/file/small-0da5bce420ae07d14531a62434e70928.webp 600w, https://assets.fabulous.ch/public/variant_asset/6980/file/medium-1d5ccd71fd5ffffa8a635f2b5355866f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6980/file/large-0205dee84a5540579d59ba89aa572f30.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6980/file/medium-1d5ccd71fd5ffffa8a635f2b5355866f.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/tamari-soy-sauce-organic-350-ml-15222">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tamari Soy Sauce Organic, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SBmxiCzQshnNJHOWBr4KYbkN5F8jvYVyWh5vQvdSWfapXBy5UthPJ0kX12L2AhlZczjzFIatxlq-76gM7GSOrA" />
    <input value="15222" 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/arrowroot-starch-gluten-free-organic-125-g-15281">
          <img alt="Arrowroot Starch 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/6987/file/small-d705b2b415fa47db33c4d6acfb0d06a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6987/file/medium-e30e606c6af000ec50566d50127f1560.webp 900w, https://assets.fabulous.ch/public/variant_asset/6987/file/large-9af931240564bc970b122d21cd313686.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6987/file/medium-e30e606c6af000ec50566d50127f1560.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="/en/products/arrowroot-starch-gluten-free-organic-125-g-15281">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Arrowroot Starch Gluten-Free Organic, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FFwKcaNty785FLgvDCvjtlQG3EpFV7JwZd3A-9APaTL1GadA3WU2gb0nHNv8l_COnjPLAeBH8ViBLAe1yzm-aA" />
    <input value="15281" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/sir-garlic-sauce-315-ml-15416">
          <img alt="Sir Garlic Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7043/file/small-12c36c2ffb56841875b1ba5301b03074.webp 600w, https://assets.fabulous.ch/public/variant_asset/7043/file/medium-a0c61d545d3f2fa07c72d204a3e34db7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7043/file/large-74b8cf4f8340323bb2c443904e6e774d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7043/file/medium-a0c61d545d3f2fa07c72d204a3e34db7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">BUFIS</p>
          <a href="/en/products/sir-garlic-sauce-315-ml-15416">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sir Garlic Sauce, 315 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/lady-cocktail-sauce-315-ml-15417">
          <img alt="Lady Cocktail Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7045/file/small-5e15340e97c09c0404e538b281e6db2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7045/file/medium-7ebe4cc03dc19a1426f46ee55a828b01.webp 900w, https://assets.fabulous.ch/public/variant_asset/7045/file/large-f0cc942222ae7bbfcdd11f20c1e6f77e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7045/file/medium-7ebe4cc03dc19a1426f46ee55a828b01.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">BUFIS</p>
          <a href="/en/products/lady-cocktail-sauce-315-ml-15417">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lady Cocktail Sauce, 315 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/master-tartar-sauce-315-ml-15418">
          <img alt="Master Tartar Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7046/file/small-863d2dcad6bd8520cb6347136c11a08c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7046/file/medium-922c000c949224f8f8cc584b85f05a83.webp 900w, https://assets.fabulous.ch/public/variant_asset/7046/file/large-cafd670d32e84dfdbfca33e2503cd0f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7046/file/medium-922c000c949224f8f8cc584b85f05a83.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">BUFIS</p>
          <a href="/en/products/master-tartar-sauce-315-ml-15418">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Master Tartar Sauce, 315 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/prince-curry-sauce-315-ml-15419">
          <img alt="Prince Curry Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7048/file/small-2551bb752b1964f4eb87dde96f067509.webp 600w, https://assets.fabulous.ch/public/variant_asset/7048/file/medium-765e23eaa624c94788632e781f868838.webp 900w, https://assets.fabulous.ch/public/variant_asset/7048/file/large-47223453ba41a1c6c061155cd4244b8a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7048/file/medium-765e23eaa624c94788632e781f868838.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">BUFIS</p>
          <a href="/en/products/prince-curry-sauce-315-ml-15419">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Prince Curry Sauce, 315 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/miss-chili-sauce-315-ml-15420">
          <img alt="Miss Chili Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7049/file/small-ad4572fb2ea69546ca904c4c68af8185.webp 600w, https://assets.fabulous.ch/public/variant_asset/7049/file/medium-042211cc3b8374708edca6c1c0c528a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7049/file/large-18cfc08d78ff829bfda4197259b10dbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7049/file/medium-042211cc3b8374708edca6c1c0c528a2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">BUFIS</p>
          <a href="/en/products/miss-chili-sauce-315-ml-15420">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Miss Chili Sauce, 315 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/sheriff-grill-sauce-315-ml-15421">
          <img alt="Sheriff Grill Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7050/file/small-458108b40a4ea23d5fa57791b95ead26.webp 600w, https://assets.fabulous.ch/public/variant_asset/7050/file/medium-7f166b8d64032e1dd2bc6f3171ee4ad8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7050/file/large-b9cad9b3f3534034e1941d91881f9d95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7050/file/medium-7f166b8d64032e1dd2bc6f3171ee4ad8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">BUFIS</p>
          <a href="/en/products/sheriff-grill-sauce-315-ml-15421">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sheriff Grill Sauce, 315 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/grill-set-barbecue-dips-110-g-15422">
          <img alt="Grill Set Barbecue Dips" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7051/file/small-6651f58ae2d3658b1c35fc5490372526.webp 600w, https://assets.fabulous.ch/public/variant_asset/7051/file/medium-6db9c9ebd0312882b02dd34a8c8fe3cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7051/file/large-1e642e396b9d93e59a68f8129f90adae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7051/file/medium-6db9c9ebd0312882b02dd34a8c8fe3cd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">BUFIS</p>
          <a href="/en/products/grill-set-barbecue-dips-110-g-15422">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Grill Set Barbecue Dips, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </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 12.27 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </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/biofarm-white-basmati-rice-bulk-pack-organic-5-kg-15494">
          <img alt="Biofarm White Basmati Rice Bulk Pack, Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7066/file/small-5875f96301a8a1b323105d2f28bae045.webp 600w, https://assets.fabulous.ch/public/variant_asset/7066/file/medium-429440f5312e38cd819ffb0cc17195e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7066/file/large-3803e973c4a2945dba4cdd3fffba6aec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7066/file/medium-429440f5312e38cd819ffb0cc17195e4.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/biofarm-white-basmati-rice-bulk-pack-organic-5-kg-15494">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biofarm White Basmati Rice Bulk Pack, Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 47.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="My1GsBJDtq7yKMxTiNUzyRszgU6QRoeZ2lcJx42jg4DSaOuBbEtLkHYbaKd4aSDx0QaWBTVWxLE-ps6JlpVU2g" />
    <input value="15494" 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/jasmin-rice-bulk-buy-organic-10-kg-15499">
          <img alt="Jasmin Rice 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/7068/file/small-38273b85967b0b65e875f0b83bfd623c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7068/file/medium-9719110600f2d0af94689a1075bd7867.webp 900w, https://assets.fabulous.ch/public/variant_asset/7068/file/large-afcdc940a05262efb8083f78874398ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7068/file/medium-9719110600f2d0af94689a1075bd7867.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">Bio Grosshandel</p>
          <a href="/en/products/jasmin-rice-bulk-buy-organic-10-kg-15499">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jasmin Rice Bulk Buy Organic, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 56.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3EbWqtUixe6_EtMOc-bVtwMmgoAODuT-iCvzpotedsM9A3ubqyo40Dshd_qDWsaPyROVy6sep9Zs2jTokGihmQ" />
    <input value="15499" 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/garam-masala-indian-cuisine-organic-40-g-15521">
          <img alt="Garam Masala - Indian Cuisine Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7079/file/small-cff83c4f3b31f9455151d36447120f14.webp 600w, https://assets.fabulous.ch/public/variant_asset/7079/file/medium-64f306f40e010ef86d128de5ad18841a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7079/file/large-a945f46b6e435c72be4e80db2b8fb0ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7079/file/medium-64f306f40e010ef86d128de5ad18841a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lebensbaum</p>
          <a href="/en/products/garam-masala-indian-cuisine-organic-40-g-15521">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Garam Masala - Indian Cuisine Organic, 40 g</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 10.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f7VDqsGpSBvpiACVgu9fL9iiLsyJf7NPj0rXqKhgpSWe8O6bv6G1JW27pGFyU0wXEpc5hyxv8GdruxDms1Zyfw" />
    <input value="15521" 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/garam-masala-spice-organic-55-g-15522">
          <img alt="Garam Masala Spice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7078/file/small-53bb91b48a6911c038bc2bf8f3cbeb0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7078/file/medium-6661f2ab8394c153255d92e6017873a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7078/file/large-5e6b76724d6fa4fb4b4057799c14104c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7078/file/medium-6661f2ab8394c153255d92e6017873a5.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">Sonnentor</p>
          <a href="/en/products/garam-masala-spice-organic-55-g-15522">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Garam Masala Spice Organic, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J4Hwlc_0XFmuWLqfHsgAXgKCaKHAEcLSYWGALR3PozLGxF2ksfyhZyprHmvudBNmyLd_6mUBgfqFkEdjBvl0aA" />
    <input value="15522" 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/pesto-verde-organic-120-g-15544">
          <img alt="Pesto Verde Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7096/file/small-77ee89e046babd78c863e7a5d557d5e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7096/file/medium-0b33c0cbf713ebafd1b29a5ee9b067fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7096/file/large-392ab8582870175e2f0797d3dbe1fb95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7096/file/medium-0b33c0cbf713ebafd1b29a5ee9b067fd.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/pesto-verde-organic-120-g-15544">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto Verde Organic, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-Uj4IGP9GfqjyIqQ3XGAcjgflpOTCrigo1NkrT3HIOEYDVURHfXkxCf7LmQtzZNK8iqB2DYa-4hHoqPjJvH3uw" />
    <input value="15544" 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/porcini-pesto-organic-120-g-15545">
          <img alt="Porcini Pesto Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7095/file/small-e6c4d4e2c6c9d179ec02848e267ba5ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/7095/file/medium-776d94f82a09560cb25b8ec90dfbeb75.webp 900w, https://assets.fabulous.ch/public/variant_asset/7095/file/large-7894a8fcbfe799775d5c6ae154e7bc02.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7095/file/medium-776d94f82a09560cb25b8ec90dfbeb75.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/porcini-pesto-organic-120-g-15545">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Porcini Pesto Organic, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3G7-r-G4Jxe8hwT-LRj6iR9vYDM6lGTR7q1Wx8q3cLw9K1Oen7DaKTi0oArdpOmx1Vp3eJ-EJ_kKXJGJ0YGn5g" />
    <input value="15545" 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">
      480 of 581 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/food/cooking-ingredients?format=turbo_stream&amp;page=25">Show more</a>
  </div>
</div>

</template></turbo-stream>