<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/drink-rice-coco-unsweetened-organic-1-l-2e8fa511-700d-4897-b78e-57c003c897b2-16379">
          <img alt="Drink Rice Coco Unsweetened Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7533/file/small-2735714a182be7ee494df94c825466bd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7533/file/medium-c24ef250d71d773ecc1f67a73bcf72c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7533/file/large-b98e785f86ead804c6209aed944fcce5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7533/file/medium-c24ef250d71d773ecc1f67a73bcf72c6.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">Allos</p>
          <a href="/en/products/drink-rice-coco-unsweetened-organic-1-l-2e8fa511-700d-4897-b78e-57c003c897b2-16379">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Drink Rice Coco Unsweetened Organic, 1 l</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 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fhi7ADqfHXZrlISgdDP-WQWD-XYoFO4Nz3QgN__KySKrINiQ8gfWYzzq36TpjqiJTuKb8nRl1cs5bU98JqslaA" />
    <input value="16379" 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-drink-organic-1-l-16388">
          <img alt="Peanut Drink Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7534/file/small-e2e7c4b0c51b2d91ee2a9cd24de7b53b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7534/file/medium-baa8482556094212b36392ae47121d74.webp 900w, https://assets.fabulous.ch/public/variant_asset/7534/file/large-eced059f4641795515681e119c980186.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7534/file/medium-baa8482556094212b36392ae47121d74.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">Allos</p>
          <a href="/en/products/peanut-drink-organic-1-l-16388">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Drink Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ESnnrzQio9xLagpJqmm9hQ2liSM2V-n7qAcg7o5PrSDEEYQ__LpoyRwUUU031OtVRsTrp2om0j1eHk-lVy5Bag" />
    <input value="16388" 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/pasta-emmer-volanti-organic-500-g-16391">
          <img alt="Pasta Emmer Volanti Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7539/file/small-e71de956c42f43f9164603f27d02827d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7539/file/medium-819ecff5adab8f378757b4734262ec69.webp 900w, https://assets.fabulous.ch/public/variant_asset/7539/file/large-46ace9088fa3860b40d85b7cbf8516bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7539/file/medium-819ecff5adab8f378757b4734262ec69.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">Byodo</p>
          <a href="/en/products/pasta-emmer-volanti-organic-500-g-16391">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Emmer Volanti Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G7uzhHlJg0v--QBybbBX5c5uw-hpZTREXeWYVJyAV8XOg9AUsdFIXqmHW3bwDQE1hQ-hbDUUD4Kr_PcfReG7jw" />
    <input value="16391" 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-cellentani-green-pea-gluten-free-organic-250-g-16392">
          <img alt="Pasta Cellentani Green Pea 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/7541/file/small-a7d690b3e5d295d259268132fa5dcf27.webp 600w, https://assets.fabulous.ch/public/variant_asset/7541/file/medium-2d05937b783dae4e78d272f97313aaf8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7541/file/large-e17d25eb77a60c5c555c3050d5bbb16f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7541/file/medium-2d05937b783dae4e78d272f97313aaf8.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">Byodo</p>
          <a href="/en/products/pasta-cellentani-green-pea-gluten-free-organic-250-g-16392">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Cellentani Green Pea gluten-free Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iKj4plwMqBxIFBOSrDh4RpSHtOiJNslvi69SjHjziFZdkJs2lJRjCR9qSJYxhS6W3-bWbNVH8ql9tj3HoZJkHA" />
    <input value="16392" 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/roasted-chickpeas-sea-salt-100-g-16393">
          <img alt="Roasted Chickpeas Sea Salt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7540/file/small-967372feff2fd969091b585a21604592.webp 600w, https://assets.fabulous.ch/public/variant_asset/7540/file/medium-a9aba96ff15eb1e8aa8b3edb687bdecd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7540/file/large-24d310a98a11fadda11bcd9d858ec8a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7540/file/medium-a9aba96ff15eb1e8aa8b3edb687bdecd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chichery</p>
          <a href="/en/products/roasted-chickpeas-sea-salt-100-g-16393">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Roasted Chickpeas Sea Salt, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/roasted-chickpeas-sweet-chili-100-g-16394">
          <img alt="Roasted Chickpeas Sweet Chili" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7542/file/small-4604be7452ff6dc22373262255d6381c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7542/file/medium-761b41192da96c80a1e634d3a8747384.webp 900w, https://assets.fabulous.ch/public/variant_asset/7542/file/large-4bf75e9c6994a2c40b85cf7d6621664d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7542/file/medium-761b41192da96c80a1e634d3a8747384.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chichery</p>
          <a href="/en/products/roasted-chickpeas-sweet-chili-100-g-16394">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Roasted Chickpeas Sweet Chili, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2-oJ-LmVU0xtB_r2ktXHQPbX2yWEO3VvZztqWaGvtbkO0mpocQ2YWTp5ofIPaJGQvba5odhKTqmRIgUSeM5Z8w" />
    <input value="16394" 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/roasted-chickpeas-sea-salt-35-g-16407">
          <img alt="Roasted Chickpeas Sea Salt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7547/file/small-7c0c14811e1b471820a3577363bede17.webp 600w, https://assets.fabulous.ch/public/variant_asset/7547/file/medium-9ab48d33e9c880abe27f56a3838aee87.webp 900w, https://assets.fabulous.ch/public/variant_asset/7547/file/large-4e0b91fe24703251cdee6f2bae84652a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7547/file/medium-9ab48d33e9c880abe27f56a3838aee87.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chichery</p>
          <a href="/en/products/roasted-chickpeas-sea-salt-35-g-16407">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Roasted Chickpeas Sea Salt, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-69AD_v5RBOOL-xvBVxWBP00O-6cG6t41lvSHg8BHiQulyOfM2GPBtlRt2uY4QDUtlVZasBqkL4gQr1V1mDybg" />
    <input value="16407" 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/roasted-chickpeas-sweet-chili-35-g-16408">
          <img alt="Roasted Chickpeas Sweet Chili" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7550/file/small-7d428ced9381ca7b9fbbc3b0e3a0b0fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7550/file/medium-ce249f473f70d3b17b85c116b53bd6f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7550/file/large-1869ce0c35c6e09bfa97c935c486c3d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7550/file/medium-ce249f473f70d3b17b85c116b53bd6f7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chichery</p>
          <a href="/en/products/roasted-chickpeas-sweet-chili-35-g-16408">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Roasted Chickpeas Sweet Chili, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16408-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/aleppo-pure-olive-soap-200-g-16432">
          <img alt="Aleppo Pure Olive Soap" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7556/file/small-ec6699a97e3e2b45b7cbc3641775c058.webp 600w, https://assets.fabulous.ch/public/variant_asset/7556/file/medium-94588201a601a7026e3e0b0f9c1de24a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7556/file/large-daaefc5b9d3e5437bfc69a43897a7c2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7556/file/medium-94588201a601a7026e3e0b0f9c1de24a.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">FINigrana</p>
          <a href="/en/products/aleppo-pure-olive-soap-200-g-16432">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aleppo Pure Olive Soap, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ci_LD46tvAflMthEMQeWeiFMKan_Fk6gqDI63ocQlKynF6ifRjV3ErJMg0CsusCqai1LLaNndWZeK1WVXnF45g" />
    <input value="16432" 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/sunflower-burger-mix-organic-90-g-16433">
          <img alt="Sunflower Burger Mix Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7557/file/small-fb38d9efa866f00fa275f67492bc90ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/7557/file/medium-b72aff31ae01d32d17d6391c81b67221.webp 900w, https://assets.fabulous.ch/public/variant_asset/7557/file/large-4a5067f72f8d1afa5c3d1d7f4f3ba5db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7557/file/medium-b72aff31ae01d32d17d6391c81b67221.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">Sunflower Family</p>
          <a href="/en/products/sunflower-burger-mix-organic-90-g-16433">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sunflower Burger Mix Organic, 90 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 6.22 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iWfzu9i3i9qgkxcpp0J1dwGid3f3BEYAUw_4OFkJiNdcX5ArEC9Az_ftTC06_yOnSsMV86t1fcalFpdzgGhknQ" />
    <input value="16433" 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/voelkel-kombucha-sour-cherry-mint-organic-330-ml-16443">
          <img alt="Voelkel Kombucha Sour Cherry Mint Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7563/file/small-1c8f802b348b4dfa673bcd0b5eb2d428.webp 600w, https://assets.fabulous.ch/public/variant_asset/7563/file/medium-7ab2cbe9901f7a979b0700d7f5bc0036.webp 900w, https://assets.fabulous.ch/public/variant_asset/7563/file/large-13f14ae02580457111fda7f55e2ac94c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7563/file/medium-7ab2cbe9901f7a979b0700d7f5bc0036.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Voelkel</p>
          <a href="/en/products/voelkel-kombucha-sour-cherry-mint-organic-330-ml-16443">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Voelkel Kombucha Sour Cherry Mint Organic, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RN7nTL05jJmQf7J5mKOR1jkJ4tR2E1p5c9nMBeiTS9aR5oTcdaFHjMcB6X0FHscGcmiAUCpiYb-FwKNOMfKnnA" />
    <input value="16443" 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/naked-oats-avena-nuda-organic-1-kg-16445">
          <img alt="Naked Oats Avena Nuda Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7565/file/small-feb561e7f9a89b54e12b846a2b1c2b24.webp 600w, https://assets.fabulous.ch/public/variant_asset/7565/file/medium-e5e966965cabef1dd16064fbda57cd0f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7565/file/large-c213649047aef3a6560094adb7063193.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7565/file/medium-e5e966965cabef1dd16064fbda57cd0f.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">Spielberger Mühle</p>
          <a href="/en/products/naked-oats-avena-nuda-organic-1-kg-16445">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Naked Oats Avena Nuda Organic, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6LJYy0cc30ZhV4woeM-VHCQhM7-OAJP31OatiCqnHo49ijtbj4QUUzYp1yzlcsPMb0BRO9JxqDEi_8LD88byxA" />
    <input value="16445" 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/porridge-cup-apple-cinnamon-organic-65-g-16459">
          <img alt="Porridge Cup Apple-Cinnamon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7568/file/small-912f0ea412cb8c01fc67136b8e9a2811.webp 600w, https://assets.fabulous.ch/public/variant_asset/7568/file/medium-de216e4da5f6c399bf9ce285061056cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7568/file/large-437ce9adb42c77adf3e47182e64c8d67.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7568/file/medium-de216e4da5f6c399bf9ce285061056cd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Davert</p>
          <a href="/en/products/porridge-cup-apple-cinnamon-organic-65-g-16459">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Porridge Cup Apple-Cinnamon Organic, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xGvm9R0DfmjwnR52bbF35BjpjxB3U7zjIgEVfsuP0YwRU4Vl1Zu1fafjRXLwDCE0U4jtlCsihyXUGHo1Eu49xg" />
    <input value="16459" 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/nut-butter-sweet-chai-organic-250-g-16463">
          <img alt="Nut Butter Sweet Chai Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7571/file/small-b0eb909f6c678ad1806597adc864430c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7571/file/medium-df9e33739a6fbb0507f47349ad2513be.webp 900w, https://assets.fabulous.ch/public/variant_asset/7571/file/large-5a766f6b60246c93b9163dae13b05c45.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7571/file/medium-df9e33739a6fbb0507f47349ad2513be.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Davert</p>
          <a href="/en/products/nut-butter-sweet-chai-organic-250-g-16463">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nut Butter Sweet Chai Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hIkECD27MSL-qzkmuWkPRMxkT7E2qPCHK8EqERrhzYZRsWeY9SP6N6nVYiIk1FmUhwUtNWrZy0Hd2EVaw4AhzA" />
    <input value="16463" 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">
    <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/doisy-dam-peanut-30-g-16489">
          <img alt="Doisy &amp; Dam Peanut" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7588/file/small-711b24599454233acd2bdf1db9cae4c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7588/file/medium-cbc094cdb68e008d3143950d55e3005c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7588/file/large-5641c203d7d5e55b94f4b12393f4a316.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7588/file/medium-cbc094cdb68e008d3143950d55e3005c.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">Doisy&amp;Dam</p>
          <a href="/en/products/doisy-dam-peanut-30-g-16489">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Doisy &amp; Dam Peanut, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16489-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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tonka-sugar-organic-100-g-16494">
          <img alt="Tonka Sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7589/file/small-14e61a1c88e3cd0fc3a4dd42401fbb13.webp 600w, https://assets.fabulous.ch/public/variant_asset/7589/file/medium-30e9c314bffe159fca80f6dd541cb36d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7589/file/large-835fdbb8f17a0a3d5d11cd675ad7b801.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7589/file/medium-30e9c314bffe159fca80f6dd541cb36d.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">Brecht</p>
          <a href="/en/products/tonka-sugar-organic-100-g-16494">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tonka Sugar Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ituOgnuo2Wws3f5yRtXLJ_zVutmioL6Rd1RTsk103l5f4-0SszASeXujpXbbaJ33t7TYXf7RhVeBTTz5lBUyFA" />
    <input value="16494" 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/cinnamon-sugar-organic-140-g-16495">
          <img alt="Cinnamon &amp; Sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7590/file/small-b540997a303585d770f87d5b190e68e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7590/file/medium-c620dd1e5cf28bb15ef34779a4b29ae7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7590/file/large-a78a3985b211ea118b41f40e607ef55f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7590/file/medium-c620dd1e5cf28bb15ef34779a4b29ae7.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">Brecht</p>
          <a href="/en/products/cinnamon-sugar-organic-140-g-16495">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cinnamon &amp; Sugar Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IuHzk0WEshFyoIfvQzlmH4uFMP5vB5L0kb1bEVWXUSP32ZADjRx5BCXe3OvehDDPwORSejN2qTJnpDRajPa9aQ" />
    <input value="16495" 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/cookie-spice-organic-32-g-16499">
          <img alt="Cookie Spice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7597/file/small-72fae374351bced70fcd36339a344c90.webp 600w, https://assets.fabulous.ch/public/variant_asset/7597/file/medium-6a5dadcddeb30ddc292d1e513ac218f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7597/file/large-eac1bb1fbe9c9a62661da62d301be1cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7597/file/medium-6a5dadcddeb30ddc292d1e513ac218f6.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">Brecht</p>
          <a href="/en/products/cookie-spice-organic-32-g-16499">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookie Spice Organic, 32 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nWu_8gOCkqmrSsO1dQeOX7-c803oKNj2TreckHH5E91IU9xiyxpZvPw0mLHoutiP9P2RybRZ4zC4rvPbqJj_lw" />
    <input value="16499" 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/rhubarb-spritzer-organic-500-ml-16505">
          <img alt="Rhubarb Spritzer Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7604/file/small-d174eb25e6f516f789ae6906e9611536.webp 600w, https://assets.fabulous.ch/public/variant_asset/7604/file/medium-396c127b777d8892c0839a62a489315d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7604/file/large-4ba1b348faba0368b23ea83a667f08eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7604/file/medium-396c127b777d8892c0839a62a489315d.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">Holderhof</p>
          <a href="/en/products/rhubarb-spritzer-organic-500-ml-16505">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rhubarb Spritzer Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zHn3fMWEcMaNX8CQoxvJiYxbAMPscd8uX00yDW7iZQ4ZQZTsDRy709ohm5Q-pp9ZxzpiR7AA5OipVF1Gt4OJRA" />
    <input value="16505" 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/apple-and-elderflower-spritzer-organic-500-ml-16507">
          <img alt="Apple and Elderflower Spritzer Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7605/file/small-b880d431f4880270936a59e7c6e5d6fe.webp 600w, https://assets.fabulous.ch/public/variant_asset/7605/file/medium-734b810b9b56e9f61a2eda0f9f33e336.webp 900w, https://assets.fabulous.ch/public/variant_asset/7605/file/large-1602d1da64eec38751136a4b80bc5e1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7605/file/medium-734b810b9b56e9f61a2eda0f9f33e336.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">Holderhof</p>
          <a href="/en/products/apple-and-elderflower-spritzer-organic-500-ml-16507">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Apple and Elderflower Spritzer Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U12inenRIfy1zuqIJxbzuOgswHUWzv-FVIkI5XBWMYqGZcENIUnq6eKwsYy6q6Voo02i8Uq_xEOikGeuqTfdwA" />
    <input value="16507" type="hidden" name="variant_id" id="variant_id" />
    <input value="6" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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">
      2&#39;920 of 3&#39;199 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/heimatgut?format=turbo_stream&amp;page=147">Show more</a>
  </div>
</div>

</template></turbo-stream>