<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/buckwheat-organic-500-g-5894c2a1-649f-44a4-8e88-8bec7393d14a-16595">
          <img alt="Buckwheat Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7656/file/small-aa9809258236a061745e20a95b0231f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7656/file/medium-457ac84191ae5c2e2aa7e912ccab1044.webp 900w, https://assets.fabulous.ch/public/variant_asset/7656/file/large-67d036ddc69570202d6fa399b3847927.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7656/file/medium-457ac84191ae5c2e2aa7e912ccab1044.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/buckwheat-organic-500-g-5894c2a1-649f-44a4-8e88-8bec7393d14a-16595">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Buckwheat Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yo_uuaAzEXV9HFCRunYNQjve_IK31yCBe851LDwRgM_ADDIeXc7yUQX1gXrSqA-ShShA4NsCX0zHtjKsOibbwg" />
    <input value="16595" 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/bar-ombar-centres-60-pistachio-cream-organic-70-g-16596">
          <img alt="Bar Ombar Centres 60% Pistachio Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7658/file/small-64dbc429085ca03042424d0c0bc4934c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7658/file/medium-cf37c07b80c4de104928d859639b09ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/7658/file/large-f5a68e7903650b0f2a8206f78a177b47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7658/file/medium-cf37c07b80c4de104928d859639b09ab.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">Ombar</p>
          <a href="/en/products/bar-ombar-centres-60-pistachio-cream-organic-70-g-16596">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bar Ombar Centres 60% Pistachio Cream Organic, 70 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 7.64 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hp7RFRTw29OmKAZJJ5Outarbta7w2fDdKuaW01hxlS2MHQ2y6Q04997B16JPTaxlFC0JzJwMjxCWntFTXkbOIA" />
    <input value="16596" 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/puffed-rice-gluten-free-organic-125-g-16605">
          <img alt="Puffed Rice 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/7657/file/small-df0c911836fdc6a95caffafe1505af20.webp 600w, https://assets.fabulous.ch/public/variant_asset/7657/file/medium-d75045b103da8139cb94b32b3ed5b25f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7657/file/large-a2aced9ea9b2d67908f879c0638f4b92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7657/file/medium-d75045b103da8139cb94b32b3ed5b25f.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">Werz</p>
          <a href="/en/products/puffed-rice-gluten-free-organic-125-g-16605">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Puffed Rice Gluten-Free Organic, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EGtxHXldMt8140qc7Tmi4DVU_9PHj0PmDtYIdsVuR9wa6K26hKDR-00Km3eF56Awi6JDsataPCuyrk_2w1kc0Q" />
    <input value="16605" 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/burger-sweet-potato-organic-160-g-16606">
          <img alt="Burger Sweet Potato Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7660/file/small-0ed5c504c12128433fa9ababd163a031.webp 600w, https://assets.fabulous.ch/public/variant_asset/7660/file/medium-043c2412511891faa8837d99d4b749f2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7660/file/large-08df72a92960b13c803b333078b13d34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7660/file/medium-043c2412511891faa8837d99d4b749f2.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">Soto</p>
          <a href="/en/products/burger-sweet-potato-organic-160-g-16606">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Burger Sweet Potato Organic, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gf6l2WhcKORoS8tz6cHtNw6gs7P4tqJd7fTCOl8ddLKLfXl-laHLwBCiGpiBH-_nsFYP0ZRj3ZBRjIW6WSovvw" />
    <input value="16606" 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/cretan-style-sticks-organic-175-g-16607">
          <img alt="Cretan-Style Sticks Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7661/file/small-a78205a6c2704aaa0c638bd640a8b2f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7661/file/medium-10d90b4fcaa1a489e3c6858f8005515f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7661/file/large-23874dc1baa83ba569337343e0fa386f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7661/file/medium-10d90b4fcaa1a489e3c6858f8005515f.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">Soto</p>
          <a href="/en/products/cretan-style-sticks-organic-175-g-16607">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cretan-Style Sticks Organic, 175 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 3.03 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q90LRepmgujNKU-Djbaj-o4grqbNjsDCopoll_HrKZ2hXtfiF5thzLXAnmjlaKEqMNYSxKFbvw8e4mIX99xykA" />
    <input value="16607" 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/instant-vegetable-bouillon-fat-free-gluten-free-500-g-16609">
          <img alt="Instant Vegetable Bouillon Fat-Free Gluten-Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7662/file/small-45364548d553e6891cc115fa7f4e7306.webp 600w, https://assets.fabulous.ch/public/variant_asset/7662/file/medium-4e179f84802f93d5fb04e647d39809e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7662/file/large-c894d7817ad873115deb11ffefd1e777.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7662/file/medium-4e179f84802f93d5fb04e647d39809e6.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">MORGA</p>
          <a href="/en/products/instant-vegetable-bouillon-fat-free-gluten-free-500-g-16609">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Instant Vegetable Bouillon Fat-Free Gluten-Free, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="URA2qNNGU3GU-YrRzp2FCRxWH-E3CiiJ-re9LNMO5iZbk-oPLruwVewQWzqmQ4fZoqCjg1vfV0RGz_qs1Tm9Kw" />
    <input value="16609" 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/desiccated-coconut-organic-250-g-16610">
          <img alt="Desiccated Coconut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7664/file/small-7993c8c5439b3f7838e06a1f6dae3807.webp 600w, https://assets.fabulous.ch/public/variant_asset/7664/file/medium-1669eaf8758c5337f22448cf79b21e47.webp 900w, https://assets.fabulous.ch/public/variant_asset/7664/file/large-eb4d90f26fed982826d85884c348da0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7664/file/medium-1669eaf8758c5337f22448cf79b21e47.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/desiccated-coconut-organic-250-g-16610">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Desiccated Coconut Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tK41XFGFCSTstNy5UfgrGj3qusQacFuHL36KJyCzXBC-Len7rHjqAJRdDVI5JinKgxwGpnalJEqTBs2nJoQHHQ" />
    <input value="16610" 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/mini-bar-ombar-coconut-milk-dark-60-raw-chocolate-organic-35-g-16611">
          <img alt="Mini Bar Ombar Coconut Milk Dark 60% Raw Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7666/file/small-1ecacb0bb4fb0fa1e84e01787908024e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7666/file/medium-6ad4f343b6e1371f97963adc27a6f316.webp 900w, https://assets.fabulous.ch/public/variant_asset/7666/file/large-f1206e97f9e4487219a44ee6304f800c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7666/file/medium-6ad4f343b6e1371f97963adc27a6f316.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">Ombar</p>
          <a href="/en/products/mini-bar-ombar-coconut-milk-dark-60-raw-chocolate-organic-35-g-16611">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Bar Ombar Coconut Milk Dark 60% Raw Chocolate Organic, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uzb-_Kva_yAi3V0TDp2Z9JtKcarIBSs4LiznHc3oQmuxtSJbViccBFo0jPhmQ5skJbzNyKTQVPWSVKCdy98ZZg" />
    <input value="16611" 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/mini-bar-ombar-dark-90-raw-chocolate-organic-35-g-16612">
          <img alt="Mini Bar Ombar Dark 90% Raw Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7667/file/small-08cc9cd6e3009265905038454d5a1f18.webp 600w, https://assets.fabulous.ch/public/variant_asset/7667/file/medium-3f7b067f558f86aee4401ad385ca6b61.webp 900w, https://assets.fabulous.ch/public/variant_asset/7667/file/large-8009b6e5f090ea7d83bc6ed299aa1ce2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7667/file/medium-3f7b067f558f86aee4401ad385ca6b61.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">Ombar</p>
          <a href="/en/products/mini-bar-ombar-dark-90-raw-chocolate-organic-35-g-16612">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Bar Ombar Dark 90% Raw Chocolate Organic, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vKn607ffB_drowY2Q4YsoEmStVJlh5fPo5AOOHfyoAy2KiZ0SiLk0xNK190rWC5w92QJMAlS6AIf6Em4ccX7AQ" />
    <input value="16612" 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/yoghurt-alternative-coconut-nature-organic-150-g-16613">
          <img alt="Yoghurt Alternative Coconut Nature Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7668/file/small-a65be204a8d92794f1e8d1344c2fc4d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7668/file/medium-d51f74daa5631c8043f5cffbe461c924.webp 900w, https://assets.fabulous.ch/public/variant_asset/7668/file/large-b6158bd54db32831cfd4c7776a56cfb7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7668/file/medium-d51f74daa5631c8043f5cffbe461c924.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">Biedermann Bio Vegan</p>
          <a href="/en/products/yoghurt-alternative-coconut-nature-organic-150-g-16613">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yoghurt Alternative Coconut Nature Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZO9_HPSJga-PaoZAnk3rhJqLVKCk8h-It-fI3ip5ACVubKO7CXRii_eDV6v2k-lUJH3owsgnYEULn49eLE5bKA" />
    <input value="16613" type="hidden" name="variant_id" id="variant_id" />
    <input value="3" 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/bamboo-toothbrush-premium-super-soft-1-piece-1-piece-16614">
          <img alt="Bamboo Toothbrush Premium Super Soft, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7669/file/small-df17aad5d5793f026ba32a0829f3fa7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7669/file/medium-9433b1c01c8cb3bb7ffbb4fc8064cd10.webp 900w, https://assets.fabulous.ch/public/variant_asset/7669/file/large-4f7a947111f0da079ad7ffa5a276caf9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7669/file/medium-9433b1c01c8cb3bb7ffbb4fc8064cd10.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">Hydrophil</p>
          <a href="/en/products/bamboo-toothbrush-premium-super-soft-1-piece-1-piece-16614">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bamboo Toothbrush Premium Super Soft, 1 piece, 1 piece</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 3.95 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iOk9CpqfX3IaBkj10vDuuozrfsN01zb1TDqOR7_I4deCauGtZ2K8VmLvmR66LuxqMh3CoRgCSTjwQsnHuf-62g" />
    <input value="16614" 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/bamboo-toothbrush-premium-soft-1-piece-1-piece-16615">
          <img alt="Bamboo Toothbrush Premium Soft, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7672/file/small-4b7c07f07f6cd9dc8ea596ae430fc97e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7672/file/medium-c88baec0a90bea9aabde0a303d274882.webp 900w, https://assets.fabulous.ch/public/variant_asset/7672/file/large-44ab399d37a91e770b3a8205f5013550.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7672/file/medium-c88baec0a90bea9aabde0a303d274882.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">Hydrophil</p>
          <a href="/en/products/bamboo-toothbrush-premium-soft-1-piece-1-piece-16615">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bamboo Toothbrush Premium Soft, 1 piece, 1 piece</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 3.95 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GO1rNpRo81Svfn-_ZTOPca4r5PFUoLIwEuOm_-7kYhgSbreRaZUQcNeXrlQN7Y2hEN1Ykzh1zf2um-F_6NM5FQ" />
    <input value="16615" 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/bamboo-toothbrush-premium-medium-1-piece-1-piece-16616">
          <img alt="Bamboo Toothbrush Premium Medium, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7673/file/small-f501fc233c9445c9cfeee488622a051b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7673/file/medium-df2080114f22ee944f119955c7d37d6e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7673/file/large-c9c425473b1fc125042430699ce05da5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7673/file/medium-df2080114f22ee944f119955c7d37d6e.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">Hydrophil</p>
          <a href="/en/products/bamboo-toothbrush-premium-medium-1-piece-1-piece-16616">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bamboo Toothbrush Premium Medium, 1 piece, 1 piece</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 3.95 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zt7mV9gOUTKdLmN3DciahcdmK7DPMrMm7KW0l2UD8dPEXTrwJfOyFuXHspxlFphVeZCX0qPnzOtQ3fMXYzSq3g" />
    <input value="16616" 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/bamboo-toothbrush-professional-soft-1-piece-1-piece-16617">
          <img alt="Bamboo Toothbrush Professional Soft, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7674/file/small-e9ef715e625994e60863d9be9d49b62d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7674/file/medium-69826da212d8334caa1e801079dca42c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7674/file/large-e098afada7c4ef8e6791be25e26b73c8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7674/file/medium-69826da212d8334caa1e801079dca42c.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">Hydrophil</p>
          <a href="/en/products/bamboo-toothbrush-professional-soft-1-piece-1-piece-16617">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bamboo Toothbrush Professional Soft, 1 piece, 1 piece</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 4.60 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YP9SranmEbd7RhSsTRpNh3cvriQUbJXxuFh56tKmrDhqfI4KVBvykwOvxUclxE9XydkSRni56jwEID5q1JH3NQ" />
    <input value="16617" 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/bamboo-toothbrush-professional-medium-1-piece-1-piece-16618">
          <img alt="Bamboo Toothbrush Professional Medium, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7676/file/small-4b9b7d793a6124c1482c4ee0def13101.webp 600w, https://assets.fabulous.ch/public/variant_asset/7676/file/medium-7476b27d19f038753c26b6ab34c5a749.webp 900w, https://assets.fabulous.ch/public/variant_asset/7676/file/large-94dbd64d328b6e565d683bb29b1f2742.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7676/file/medium-7476b27d19f038753c26b6ab34c5a749.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">Hydrophil</p>
          <a href="/en/products/bamboo-toothbrush-professional-medium-1-piece-1-piece-16618">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bamboo Toothbrush Professional Medium, 1 piece, 1 piece</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 4.60 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vfWOcAUHlEZUPcMKkqqSnXGyXI97OickE19_7oB-lUS3dlLX-Pp3YizUEuH6dJBNz0Tg7RfvWOmvJzhuhknOSQ" />
    <input value="16618" 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/bamboo-toothbrush-classic-medium-1-piece-1-piece-16619">
          <img alt="Bamboo Toothbrush Classic Medium, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7680/file/small-00294d5d41ec4e5fc78b12af6c8d13ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/7680/file/medium-2c5d962c77ab0990f79fbc6a25800228.webp 900w, https://assets.fabulous.ch/public/variant_asset/7680/file/large-15d85196f1ecdc538ec87f60cebd5331.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7680/file/medium-2c5d962c77ab0990f79fbc6a25800228.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">Hydrophil</p>
          <a href="/en/products/bamboo-toothbrush-classic-medium-1-piece-1-piece-16619">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bamboo Toothbrush Classic Medium, 1 piece, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ry1l41heDNlrXZ44udi2pGEXbWE8coX-JpLQ7LZwbjZNrrlEpaPv_RO0T9PRBrR03-HRA1Cn-jOa6pdssEc1Ow" />
    <input value="16619" 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/bamboo-replacement-heads-sonic-professional-2-piece-2-piece-16620">
          <img alt="Bamboo Replacement Heads Sonic Professional, 2 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7685/file/small-b5e6ad85397c7767a80ff992b09a2a23.webp 600w, https://assets.fabulous.ch/public/variant_asset/7685/file/medium-93931f33a05bd268b7a590b759d6651c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7685/file/large-c4be7385e3f12143aa184402b5ca954f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7685/file/medium-93931f33a05bd268b7a590b759d6651c.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">Hydrophil</p>
          <a href="/en/products/bamboo-replacement-heads-sonic-professional-2-piece-2-piece-16620">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bamboo Replacement Heads Sonic Professional, 2 piece, 2 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dx_1pO_BnoOhdCOwEehLge7MlBpBDoJnjqXGXAVXF20FnCkDEjx9p9md8lt5NklRUDooeC3b_aoy3YHcA2BMYA" />
    <input value="16620" 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/red-lentil-chili-spread-organic-140-g-16621">
          <img alt="Red Lentil Chili Spread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7686/file/small-526293f960c53a4e5b92521eb6205a90.webp 600w, https://assets.fabulous.ch/public/variant_asset/7686/file/medium-0c38c1f73c653cd3adc89c0fb79e776b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7686/file/large-6a45b6516543c2038309ce740ff1f2aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7686/file/medium-0c38c1f73c653cd3adc89c0fb79e776b.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/red-lentil-chili-spread-organic-140-g-16621">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Red Lentil Chili Spread Organic, 140 g</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 2.82 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3prj0vLBCFu--amlkMxJnN_HDvbUMk8djUi79xOIhrvUGT91Dzzrf8YQeE74EktMYTGylLjnMNAxMPx3Fb_dtg" />
    <input value="16621" 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/laddu-natural-gluten-free-organic-120-g-16622">
          <img alt="Laddu Natural 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/7687/file/small-946138b3d3b4220ed2dc9f4382b8ef4d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7687/file/medium-9322c28ae481400316470b12f8e22ed0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7687/file/large-b8828f9f056acc7a93c3d5d5e87a6fbe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7687/file/medium-9322c28ae481400316470b12f8e22ed0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Govinda</p>
          <a href="/en/products/laddu-natural-gluten-free-organic-120-g-16622">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Laddu Natural Gluten-Free Organic, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/flour-buckwheat-wholemeal-gluten-free-organic-1-kg-16624">
          <img alt="Flour Buckwheat Wholemeal 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/7691/file/small-52d762acd0a6e5a51239ebf3783f95c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7691/file/medium-9b9d8a2396380b74bff92525fd91b169.webp 900w, https://assets.fabulous.ch/public/variant_asset/7691/file/large-0273a72b37b30c86c1228fb248bf6efa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7691/file/medium-9b9d8a2396380b74bff92525fd91b169.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">Werz</p>
          <a href="/en/products/flour-buckwheat-wholemeal-gluten-free-organic-1-kg-16624">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flour Buckwheat Wholemeal Gluten-Free Organic, 1 kg</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 1.07 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c9csUeIunHhRdo9Pz7ZRhA4nWpoHtpOfEt9REKCMPrZ5VPD2H9N_XCmfXqSnaFNUsNHm-Gtj7FKupxaQprtluw" />
    <input value="16624" 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">
      2&#39;840 of 3&#39;166 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/taifun?format=turbo_stream&amp;page=143">Show more</a>
  </div>
</div>

</template></turbo-stream>