<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/natural-tempeh-organic-200-g-17199">
          <img alt="Natural Tempeh Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8025/file/small-4e9e60d12c958a290cf590a565dc4da7.webp 600w, https://assets.fabulous.ch/public/variant_asset/8025/file/medium-cc7d0845e860b07401d7638b39ccf839.webp 900w, https://assets.fabulous.ch/public/variant_asset/8025/file/large-14dbdf28579f4b55f925e86cfd745430.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8025/file/medium-cc7d0845e860b07401d7638b39ccf839.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">Tempehmanufaktur</p>
          <a href="/en/products/natural-tempeh-organic-200-g-17199">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Natural Tempeh Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tWrB9-hzPQZr0QkBH7NthxEMIatviwdy1MYMoNvMNgsdmZZAxUec3kl4Y1OBvMZP8UlMg9rF_ISUK98edPiJBg" />
    <input value="17199" 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/tempeh-burger-smoky-paprika-organic-200-g-17203">
          <img alt="Tempeh Burger Smoky Paprika Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8033/file/small-cb532bba367502ba63962a71c28324cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/8033/file/medium-4e5acef94871c8d7e8c2da87e19b8f84.webp 900w, https://assets.fabulous.ch/public/variant_asset/8033/file/large-721b330455e233064663e2912e86bde9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8033/file/medium-4e5acef94871c8d7e8c2da87e19b8f84.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">Tempehmanufaktur</p>
          <a href="/en/products/tempeh-burger-smoky-paprika-organic-200-g-17203">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh Burger Smoky Paprika Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LiY8KgCDPjOgoicL1ukFSraxe53uNb1W-kD_dv178ECG1WudLbef64ILTVlI5q6CVvQWtVt7RqC6rSzIUk9PTQ" />
    <input value="17203" 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/atlantic-tofu-vegan-alternative-to-salmon-organic-150-g-3848">
          <img alt="Atlantic Tofu Vegan Alternative to Salmon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2488/file/small-d62fde75e34ca2fdf3933e874a8e622b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2488/file/medium-cceb2f8c465a8efb1425e5eee5dadb3c.webp 900w, https://assets.fabulous.ch/public/variant_asset/2488/file/large-1d083b23185bfa3ad44fe4532e352bc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2488/file/medium-cceb2f8c465a8efb1425e5eee5dadb3c.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">Lord of Tofu</p>
          <a href="/en/products/atlantic-tofu-vegan-alternative-to-salmon-organic-150-g-3848">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Atlantic Tofu Vegan Alternative to Salmon Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BFgWbvSJMPEZ6nulM03dkMB5AEpTFEReeIl6AyHkKY-sq0HZ2b2RKTtDEfetQnZYIDxtYuZav6g4ZKm9jtCWgg" />
    <input value="3848" 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/vitaleo-juicer-da-1000-bordeaux-1-piece-2382">
          <img alt="Vitaleo Juicer DA-1000 Bordeaux" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1720/file/small-e6878cb7ac22aec987f20bdf4fa52298.webp 600w, https://assets.fabulous.ch/public/variant_asset/1720/file/medium-2242a72d5325d152c08a480028954afb.webp 900w, https://assets.fabulous.ch/public/variant_asset/1720/file/large-1743a27723535d348007f3354099fe0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1720/file/medium-2242a72d5325d152c08a480028954afb.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">Vitaleo</p>
          <a href="/en/products/vitaleo-juicer-da-1000-bordeaux-1-piece-2382">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitaleo Juicer DA-1000 Bordeaux, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 339.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ePZEGc-mcRNAewURobsd_lvyiYPjYjl1tVXpOxO0B2HQBROu4pLQy2LSb0M_tLY2u7fkq1YswoP1uDqFvIC4bA" />
    <input value="2382" 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/lime-juice-100-direct-juice-organic-200-ml-15975">
          <img alt="Lime Juice 100% Direct Juice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7374/file/small-3d693f451714f4a89672ad1be8f206b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7374/file/medium-8f5f53913b4ee27a3805230c0ecefdf8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7374/file/large-75e944abd8f0d34bf1e918818b997fed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7374/file/medium-8f5f53913b4ee27a3805230c0ecefdf8.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">Beutelsbacher</p>
          <a href="/en/products/lime-juice-100-direct-juice-organic-200-ml-15975">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lime Juice 100% Direct Juice Organic, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ngw3yWZT6XI31vyek6EI9gwDESxgvdtmZwuqInNsdzg2_2B-S2dIqhV_lswNrqM-7EZ8BNXzIJAn5nmc3FjINQ" />
    <input value="15975" 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/almond-puree-raw-organic-1-kg-1197">
          <img alt="Almond Puree Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1056/file/small-4d53b5ecd79a70f10649b6101b42a2ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/1056/file/medium-d7aab992b26be27f29304932391c80c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1056/file/large-b864d884bf1ac40b4457527c9ad03d0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1056/file/medium-d7aab992b26be27f29304932391c80c7.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/almond-puree-raw-organic-1-kg-1197">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Almond Puree Raw Organic, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KB3t3UH6FuV92vuuGOnfPsDCOgTwD4qYTQWxjYSm3WuA7rpqbM63PV9zkfyG5nT2IIdXLEVBcW4N6GIzK5JiZg" />
    <input value="1197" 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/dishwashing-washing-up-liquid-lemon-bulk-buy-10-l-6999">
          <img alt="Dishwashing Washing Up Liquid Lemon Bulk Buy" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4049/file/small-57a98034222c1437a98eccee7ea79faa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4049/file/medium-47607c596ac4fb1fa6e7cc95a786a9db.webp 900w, https://assets.fabulous.ch/public/variant_asset/4049/file/large-ced51f97e3eaba34f149363dfdb3b553.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4049/file/medium-47607c596ac4fb1fa6e7cc95a786a9db.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">Sonett</p>
          <a href="/en/products/dishwashing-washing-up-liquid-lemon-bulk-buy-10-l-6999">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dishwashing Washing Up Liquid Lemon Bulk Buy, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 50.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EeO7fUvtI_XprBhgTmY6sLXEeHsqvdRcrJgcQvFED7O5EOzKZtmCLcsFcjLQaZF4VYEVU5_zL6rsdc_8XnCwvg" />
    <input value="6999" 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/laundry-liquid-30-95-c-lavender-bulk-buy-10-l-4316">
          <img alt="Laundry Liquid 30–95 °C Lavender Bulk Buy" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2695/file/small-7579adb9875c60c8c398856c0361082a.webp 600w, https://assets.fabulous.ch/public/variant_asset/2695/file/medium-c6e5a2ed6d26d5980285337237ee443f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2695/file/large-4cfa11df506f211833ec7e67319459ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2695/file/medium-c6e5a2ed6d26d5980285337237ee443f.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">Sonett</p>
          <a href="/en/products/laundry-liquid-30-95-c-lavender-bulk-buy-10-l-4316">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Laundry Liquid 30–95 °C Lavender Bulk Buy, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 63.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="54_6n4ZcBM4cX7a_milfRmMK0GA6LifjGxYiKkXq4ihPfK0oq2ilFj723O0EJvSOg0-9SI9g3BVb-_GU6t5dJQ" />
    <input value="4316" 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/vayo-vegan-alternative-to-mayonnaise-organic-200-g-8032">
          <img alt="Vayo, vegan Alternative to Mayonnaise Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4694/file/small-ac16d2a36ac2bdf35760c2ac42a077b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/4694/file/medium-3adc62a9743d52d2878ec21ea8f374b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4694/file/large-d8ca8cb5865032b36b45c1a24e16c99a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4694/file/medium-3adc62a9743d52d2878ec21ea8f374b6.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">Connie&#39;s Kitchen</p>
          <a href="/en/products/vayo-vegan-alternative-to-mayonnaise-organic-200-g-8032">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vayo, vegan Alternative to Mayonnaise Organic, 200 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 2.68 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xxtdnVDevKVjppraOlycYOWNcPZEp__HXFuNK6uCEpVv6AoqfeodfUEP8IikUzeoBcgd3vHpBDEctl6VBLatmA" />
    <input value="8032" 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/beet-jerky-beetroot-snack-alpine-chili-organic-40-g-16009">
          <img alt="Beet Jerky Beetroot Snack Alpine Chili Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7394/file/small-343f00212c85405e354a76c02bae122b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7394/file/medium-4deb5e313436d8b3c0a7cf499b62ebdf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7394/file/large-68e741f43e51eb09fd0f08b94a5141f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7394/file/medium-4deb5e313436d8b3c0a7cf499b62ebdf.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">Wild Foods</p>
          <a href="/en/products/beet-jerky-beetroot-snack-alpine-chili-organic-40-g-16009">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Beet Jerky Beetroot Snack Alpine Chili Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R97SquqiFP83aaGhDmar91SCa_sq5zI7BZsKyxy-CurvLYUdx5a1JxXAy_OQaQA_tMcG05-pyc1Fdtl1s4q15w" />
    <input value="16009" 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/pfiffikuss-premium-herb-butter-herb-salt-organic-200-g-7970">
          <img alt="Pfiffikuss Premium Herb Butter Herb Salt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4670/file/small-d90f36e7d10f17e7e867a3f5954d8a76.webp 600w, https://assets.fabulous.ch/public/variant_asset/4670/file/medium-7885f4a0dd04537a2e1f7eb4e4f2eeea.webp 900w, https://assets.fabulous.ch/public/variant_asset/4670/file/large-958fcd662e3d0bf8a07f1f2e87a51c85.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4670/file/medium-7885f4a0dd04537a2e1f7eb4e4f2eeea.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">Pfiffikuss</p>
          <a href="/en/products/pfiffikuss-premium-herb-butter-herb-salt-organic-200-g-7970">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pfiffikuss Premium Herb Butter Herb Salt Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hKzyFX3EExJ66ne26htIyWT0GvKOXIt6lqrgukx1mKEsX6WiUPCyylhDHeR0FOMBhLF32jsScIzWRzME40EnrA" />
    <input value="7970" 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/rapunzel-nirwana-vegan-chocolate-with-praline-filling-organic-100-g-665fd3cb-28c0-400e-b2d3-ebaedb108fc2-15460">
          <img alt="Rapunzel Nirwana Vegan Chocolate with Praline Filling Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7058/file/small-1243f168df3a7f4b5657d73f8b2fd474.webp 600w, https://assets.fabulous.ch/public/variant_asset/7058/file/medium-294dcc297b15fb0bb21c8d04e452c527.webp 900w, https://assets.fabulous.ch/public/variant_asset/7058/file/large-4ce738fa42103beccc207bce60529385.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7058/file/medium-294dcc297b15fb0bb21c8d04e452c527.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/rapunzel-nirwana-vegan-chocolate-with-praline-filling-organic-100-g-665fd3cb-28c0-400e-b2d3-ebaedb108fc2-15460">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rapunzel Nirwana Vegan Chocolate with Praline Filling Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hPBZPqKcUm46uW3TfyIiBzpKbTzx3XpaI-v16Si1GcssAw6Jj6jzthgQB4HhLYnP2g8AFESTgaxjBiZXh4Gmxg" />
    <input value="15460" 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/pfiffikuss-premium-potato-spice-organic-250-g-14601">
          <img alt="Pfiffikuss Premium Potato Spice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6758/file/small-3f93f97ff0eab738e9af6085003b34f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6758/file/medium-4b0e2152a40fd3e490c3a71882ec73ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/6758/file/large-e74e17923e101c94993f14269d9eca3e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6758/file/medium-4b0e2152a40fd3e490c3a71882ec73ca.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">Pfiffikuss</p>
          <a href="/en/products/pfiffikuss-premium-potato-spice-organic-250-g-14601">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pfiffikuss Premium Potato Spice Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ys6TMVLYTzAzoNyBXRwOf8Ugm-6mbaplbwF9ekbmCajKPcSGf-zu6BEJttPDE6W3JWX2xhMjUZMv7K7E6dK2pQ" />
    <input value="14601" 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/cocoa-powder-raw-organic-200-g-15746">
          <img alt="Cocoa Powder Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7173/file/small-b333c4ea63a19e651f6abd09919a7ab6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7173/file/medium-788624a1935ba4f8f13d5a7dbbfbca63.webp 900w, https://assets.fabulous.ch/public/variant_asset/7173/file/large-1e9b8c310ca11801c1663ddfa5aa721e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7173/file/medium-788624a1935ba4f8f13d5a7dbbfbca63.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">bett&#39;r</p>
          <a href="/en/products/cocoa-powder-raw-organic-200-g-15746">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cocoa Powder Raw Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wOt2U8uzPl1w8RbJGg0aXzJJeV0ig07asPCSD0uG46xoGCHk5oefhVJYfJuEArGX0gwUdZfNtSzwHUGx5LJcoQ" />
    <input value="15746" 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/baking-mix-flammkuchen-gluten-free-organic-400-g-11138">
          <img alt="Baking Mix Flammkuchen 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/5705/file/small-0dac2c5fb09a17967421987b7a75b1b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5705/file/medium-6d4c2eca8418f5625d1225d92fc1801b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5705/file/large-f7e5d793056354288b15bcf3dfa6598b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5705/file/medium-6d4c2eca8418f5625d1225d92fc1801b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/en/products/baking-mix-flammkuchen-gluten-free-organic-400-g-11138">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baking Mix Flammkuchen Gluten Free Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QL9DeqK67D0puLRhnkZWpdwgzAVveW7QSrJIU08ZvbToTBTNj45N5QsR3jMASf1tPGWhLdo3lSYKX5vt4C0CuQ" />
    <input value="11138" 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/oil-sunflower-bulk-buy-biosuisse-5-l-6083">
          <img alt="Oil Sunflower Bulk Buy BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3495/file/small-2aa2e57494e36fdc71fde78c1f01569e.webp 600w, https://assets.fabulous.ch/public/variant_asset/3495/file/medium-e6e5eff3d84d9eb776bacd8d73f621ee.webp 900w, https://assets.fabulous.ch/public/variant_asset/3495/file/large-afbb49a1813ee78f13357f612873d3bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3495/file/medium-e6e5eff3d84d9eb776bacd8d73f621ee.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/oil-sunflower-bulk-buy-biosuisse-5-l-6083">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oil Sunflower Bulk Buy BioSuisse, 5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 76.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ae8bzH6i33yTGroyMVogb6Dm3TP7NkHYSL8B9N6vMZapHEx7U5Z-pLGz0GCvVYunQKOwG054ui4IUtJKcZuOmw" />
    <input value="6083" 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-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/yeast-flakes-200-g-0a543809-8cd3-43fb-9b8a-5dcdaa3a0cbd-1264">
          <img alt="Yeast Flakes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1093/file/small-262cd7b56714b3d791762def933d1a91.webp 600w, https://assets.fabulous.ch/public/variant_asset/1093/file/medium-8bba1bcab7821edae6cc82098bbabb5d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1093/file/large-7b398c025e25043f3ec11c80b3dea685.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1093/file/medium-8bba1bcab7821edae6cc82098bbabb5d.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">Dr. Ritter</p>
          <a href="/en/products/yeast-flakes-200-g-0a543809-8cd3-43fb-9b8a-5dcdaa3a0cbd-1264">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yeast Flakes, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Uj299mnGnTMT4nH6EERpauUmbWFhR88xgDFAOUIPcWj6zupBRPI86zFLG6iOS8KiBWMASdQJNMfA3JOH7TvOZQ" />
    <input value="1264" 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/biber-s-white-seasonal-design-organic-80-g-7932">
          <img alt="Biber-S White Seasonal Design Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4655/file/small-18dfaa198c36a9d43d00f8dd87bb5614.webp 600w, https://assets.fabulous.ch/public/variant_asset/4655/file/medium-139a6b0cd88998f303d10f239b07850c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4655/file/large-1cac283102d747d7e735bdc448d109bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4655/file/medium-139a6b0cd88998f303d10f239b07850c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Leibacher Biber-Manufaktur</p>
          <a href="/en/products/biber-s-white-seasonal-design-organic-80-g-7932">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biber-S White Seasonal Design Organic, 80 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 7.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xe6tF8sPqmG8PeA-_H0FiafSaUvUK8C-Jaz4hdS-Fn1tHfqg5jsLuZ6Uimxicq5BR5cEY2FlO0hlQSs7e4qpcA" />
    <input value="7932" 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/sunflower-seeds-organic-500-g-34e0c6bb-192c-4463-9492-37a0a52664d8-17300">
          <img alt="Sunflower Seeds Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8078/file/small-1fa77f8e64925dc8f6e8bf738d80b964.webp 600w, https://assets.fabulous.ch/public/variant_asset/8078/file/medium-6e68d98fd69b48ba6a44725b6bb22c8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8078/file/large-a05d32a044eb5f7a52a1854f6f2f1eaa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8078/file/medium-6e68d98fd69b48ba6a44725b6bb22c8c.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/sunflower-seeds-organic-500-g-34e0c6bb-192c-4463-9492-37a0a52664d8-17300">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sunflower Seeds Organic, 500 g</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.76 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8B23DHLNJYm0aF84RTP11U9UEGE6tLrR8kJQlsVhL5lY7uC7X_mEUZbBNWrbPF4drxF9SY_6QSeyr4MoalWQlA" />
    <input value="17300" 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/buckwheat-grains-bulk-buy-organic-5-kg-10619">
          <img alt="Buckwheat Grains 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/5596/file/small-497d8910b77dbf777916bc6e32d0661d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5596/file/medium-a241303c1ffdc1ea18b5b363044e344e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5596/file/large-6ac02ce8550cbed2e9367e4066968a33.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5596/file/medium-a241303c1ffdc1ea18b5b363044e344e.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/buckwheat-grains-bulk-buy-organic-5-kg-10619">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Buckwheat Grains Bulk Buy Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="auPNseR5BmkAoo2wRlP07vOX6SjdgkY56Qg6TLtiwRLCEJoGyU2nsSIL5-LYXF8mE9KEAGjMvc-p5enyFFZ-Hw" />
    <input value="10619" 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">
      100 of 3&#39;201 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/felicia?format=turbo_stream&amp;page=6">Show more</a>
  </div>
</div>

</template></turbo-stream>