<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/chili-sin-carne-organic-365-g-16076">
          <img alt="Chili sin Carne Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7427/file/small-0886a9482394c3caaa426fd69b4e8572.webp 600w, https://assets.fabulous.ch/public/variant_asset/7427/file/medium-d6b070655c166476746b8accfa8700e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7427/file/large-b583922999280fdf4c9941142213144c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7427/file/medium-d6b070655c166476746b8accfa8700e4.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">Nabio</p>
          <a href="/en/products/chili-sin-carne-organic-365-g-16076">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chili sin Carne Organic, 365 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l52p70g0HXPe1Hid8PWm1r13leTj-BWKTpkl2Z-g3iEBQ1S_5__DH7rcMAuy26YJqT-QT-9oZRj7Ly2-OOz8mQ" />
    <input value="16076" 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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/bundle-double-protein-set-vanilla-cacao-2-pack-1872-g-16101">
          <img alt="Bundle Double Protein Set - Vanilla &amp; Cacao, 2-Pack" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7429/file/small-d5140331e37d6e6a17ae7323a4ed6c50.webp 600w, https://assets.fabulous.ch/public/variant_asset/7429/file/medium-bbf10b2793af0176f3d567e334abcbfe.webp 900w, https://assets.fabulous.ch/public/variant_asset/7429/file/large-39c2bf82aac4bc00db89b8611d47f179.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7429/file/medium-bbf10b2793af0176f3d567e334abcbfe.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">Vivo Life</p>
          <a href="/en/products/bundle-double-protein-set-vanilla-cacao-2-pack-1872-g-16101">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bundle Double Protein Set - Vanilla &amp; Cacao, 2-Pack, 1872 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 99.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 89.50</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QtK-0ac8jOWymfQzQo5udrdDSSYBmp3QI3jcPziSqFHUDEOBCPdSidaRvKUAoG6powtMjQ0K7UKWztRYn96K6Q" />
    <input value="16101" 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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/bundle-power-recovery-set-vanilla-5-piece-set-1-piece-16102">
          <img alt="Bundle Power &amp; Recovery Set - Vanilla, 5-Piece Set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7431/file/small-af332078490cf806964b1448cc7f4273.webp 600w, https://assets.fabulous.ch/public/variant_asset/7431/file/medium-28e8740358631a8ed4001585dbb7edbc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7431/file/large-6bf2f4b10c9c2e92f122dcca0cde3e50.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7431/file/medium-28e8740358631a8ed4001585dbb7edbc.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">Vivo Life</p>
          <a href="/en/products/bundle-power-recovery-set-vanilla-5-piece-set-1-piece-16102">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bundle Power &amp; Recovery Set - Vanilla, 5-Piece Set, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 110.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 99.00</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2jBgB_hZCqR0N0tmY7tZogRhQUgvmjGubZRR_uhme7hM7p1XV5LUyBA_A_AhlVl9EClE4yMKQTzYIlmZTypZAA" />
    <input value="16102" 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/celery-salad-jar-organic-320-g-16103">
          <img alt="Celery Salad Jar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7430/file/small-3518a10e1fe41bbf52fedc772da5899e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7430/file/medium-76cba138fb2aa850f64c7953299363d5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7430/file/large-d44da59387db4674f5e63e88416d4d81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7430/file/medium-76cba138fb2aa850f64c7953299363d5.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">Marschland Naturkost</p>
          <a href="/en/products/celery-salad-jar-organic-320-g-16103">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Celery Salad Jar Organic, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ST5xArflkZ12yfVk6gl7Zt5w6G0f0xrPK8Z0vZTtu-3f4IxSGC5P8RLBvfKoJ3u5yjjtxhNDal2ecHzaM6GZVQ" />
    <input value="16103" 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/original-kanne-bread-drink-shot-organic-40-ml-16105">
          <img alt="Original Kanne Bread Drink Shot Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7432/file/small-bed93c77a74ead08ac2692137f4aa52c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7432/file/medium-7a6e1326dbcb6292aeaa2baa3990c642.webp 900w, https://assets.fabulous.ch/public/variant_asset/7432/file/large-252813222ade321026deb754c9b66b92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7432/file/medium-7a6e1326dbcb6292aeaa2baa3990c642.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">Kanne Brottrunk</p>
          <a href="/en/products/original-kanne-bread-drink-shot-organic-40-ml-16105">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Original Kanne Bread Drink Shot Organic, 40 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E4mOCyAkYAzI7OVBRXxvtpH0yKuOaQJi1CfmL_rrmCqFV3Nbj---YKzkrdcHUm9phbzNAIL5cvBhke5IXae6kg" />
    <input value="16105" 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/almonds-brown-bulk-buy-demeter-5-kg-16132">
          <img alt="Almonds Brown Bulk Buy Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7434/file/small-59e61989a93d25f120baa18be3aaed79.webp 600w, https://assets.fabulous.ch/public/variant_asset/7434/file/medium-0f77fb5fcf778d2cf98bfde1ef7fa5ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/7434/file/large-870aabadd108c36a49ef6ee5b4058a35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7434/file/medium-0f77fb5fcf778d2cf98bfde1ef7fa5ac.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/en/products/almonds-brown-bulk-buy-demeter-5-kg-16132">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Almonds Brown Bulk Buy Demeter, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 167.30
            </p>

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

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

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

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vpuL5z9nieOwpJEyEhONp1KR9rMY_hVSzMJEFiyrC4goRXa3kKxXj9Ss2aRQPY14RtnzGBRuZcB5dExxi-cpMA" />
    <input value="16133" 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/cuisine-rice-organic-200-ml-16139">
          <img alt="Cuisine Rice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7439/file/small-356951eb45f2e67697bb4e4d8c6f28ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/7439/file/medium-89f2023410bf4eaf2a79419df906a9c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7439/file/large-710e8dd03d0d9110010a65fff89c4cf2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7439/file/medium-89f2023410bf4eaf2a79419df906a9c9.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">Natumi</p>
          <a href="/en/products/cuisine-rice-organic-200-ml-16139">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Rice Organic, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DEY4Yo1zPFTnn0QXBYinmhbwcgWIgISGN_aVov06iQiamMUyIrjiOIOXDIFHpqdFArh3roQQ9BSCQJ3FWnarsA" />
    <input value="16139" 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/oat-concentrate-uht-organic-500-ml-16140">
          <img alt="Oat Concentrate UHT Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7445/file/small-b643236336a76fe1b60f1bc6155fd41c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7445/file/medium-3165e8a7c5f86de72cad72c0d50fe15b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7445/file/large-2cd3ee0a56df64f1cef9379b93505c60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7445/file/medium-3165e8a7c5f86de72cad72c0d50fe15b.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">Natumi</p>
          <a href="/en/products/oat-concentrate-uht-organic-500-ml-16140">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oat Concentrate UHT Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rxwYCP-LHStvMSzggpt6SAZg1YZZack7uSisx-P6oTE5wuVYUEDDRws5ZHbAtXqXEijQLVX5uakMnqSgRLaDiQ" />
    <input value="16140" 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/asian-style-spicy-organic-rice-noodles-159-g-16177">
          <img alt="Asian-style spicy organic rice noodles" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7450/file/small-66fe1bd6b46a25f3c0c89eecb74aa94f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7450/file/medium-d9e98feaa38dda6dd17665b72e29881c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7450/file/large-fc5f4fd4744968310cfc29e38d3f9641.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7450/file/medium-d9e98feaa38dda6dd17665b72e29881c.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">followfood</p>
          <a href="/en/products/asian-style-spicy-organic-rice-noodles-159-g-16177">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Asian-style spicy organic rice noodles, 159 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EchHKvhBykwIHR4_L-fgwCrVO3mbhuB3IbY3JGp_lUiHFrp6V4oUIGwVVqltyeAfPp0-0pcWkOWUAD9DzTO38A" />
    <input value="16177" 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/mummy-meegz-vegan-m-z-gems-80-g-16194">
          <img alt="Mummy Meegz Vegan M’z Gems" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7452/file/small-5e6260e8add69a26973fe7f35e97fc24.webp 600w, https://assets.fabulous.ch/public/variant_asset/7452/file/medium-330c0c3093d63a6380ff7672b97c876f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7452/file/large-3b9b7381e7e5d4efd0f4a5ab827ee095.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7452/file/medium-330c0c3093d63a6380ff7672b97c876f.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">Mummy Meagz</p>
          <a href="/en/products/mummy-meegz-vegan-m-z-gems-80-g-16194">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mummy Meegz Vegan M’z Gems, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nhCgt-o_cLme-68N2S1W9y0TEic3yI0XYOtnJfq_JRQIzl3nRfSu1frz55ubA1YoOVsXjDtY_YXVXW9CXfMHrA" />
    <input value="16194" 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/cracker-carrot-raw-organic-80-g-16195">
          <img alt="Cracker Carrot Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8821/file/small-7de77b8e2718bf51dc6435cd8ba8d432.webp 600w, https://assets.fabulous.ch/public/variant_asset/8821/file/medium-0c9ef09cef3d3aa642afa357c227d1b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/8821/file/large-652ac5475c6f92a65c45ee56dc7b3000.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8821/file/medium-0c9ef09cef3d3aa642afa357c227d1b2.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">Lifefood</p>
          <a href="/en/products/cracker-carrot-raw-organic-80-g-16195">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cracker Carrot Raw Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nxkMj4tsBdA31zN7xS4_GfiFVEiscQX7UZg658J87eIJx_HfJKfbvFPfe-2HAD_G7M1R46DhdWnkLjKAZTDPWg" />
    <input value="16195" 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/cracker-chia-hemp-raw-organic-90-g-16204">
          <img alt="Cracker Chia Hemp Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8820/file/small-bc71eafd058b31a3454d36db95195e9b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8820/file/medium-a69e285cdfdcf9efa1c270ef1b89ac0c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8820/file/large-b10d7beb55c8e8e647da0836d126685a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8820/file/medium-a69e285cdfdcf9efa1c270ef1b89ac0c.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">Lifefood</p>
          <a href="/en/products/cracker-chia-hemp-raw-organic-90-g-16204">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cracker Chia Hemp Raw Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tb_0CT0wpalnsZOm7sJDFsP8kRlH-TDNUr1UyrfVBobbYQlZkvt7xQO52zCs7EPJ17SUsktpQF_nC1ytEJkkPg" />
    <input value="16204" 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/cracker-rosemary-raw-organic-90-g-16205">
          <img alt="Cracker Rosemary Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8819/file/small-82e87d36eb2c0cb5b8556e4ee2a6876d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8819/file/medium-cdb4f49387ffbd61919e59b099acdec2.webp 900w, https://assets.fabulous.ch/public/variant_asset/8819/file/large-3f54265f91736fefffcb856ba19f6612.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8819/file/medium-cdb4f49387ffbd61919e59b099acdec2.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">Lifefood</p>
          <a href="/en/products/cracker-rosemary-raw-organic-90-g-16205">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cracker Rosemary Raw Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lH5rhTZjU85R_aQvpvc197VzfPFZP9d10w82mJ24xB8CoJbVmaiNojX17Lnk2TUooTt5WlWvp-dmuT7_OvTmpw" />
    <input value="16205" 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/winter-magic-cream-organic-250-g-16207">
          <img alt="Winter Magic Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7458/file/small-07681ab0f9fbfa4ce82bd4c9af2f4ce6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7458/file/medium-89630200de7a10ce95d61284186ddc99.webp 900w, https://assets.fabulous.ch/public/variant_asset/7458/file/large-9b4a56fd9669b5209ba54d09f79d6991.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7458/file/medium-89630200de7a10ce95d61284186ddc99.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/winter-magic-cream-organic-250-g-16207">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Winter Magic Cream Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bUPjxUDO3lloJHPUlhGQm-9383a5U7AG5eA_c1c0NVH7nR6V7wUANQwsO0LUP5BE-z_23bXDwJRQVjcU8HgX6Q" />
    <input value="16207" 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/toothpaste-natural-white-fluoride-75-ml-16208">
          <img alt="Toothpaste Natural White + Fluoride" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7459/file/small-68506a4007bbef4358c8c77ee1b7c613.webp 600w, https://assets.fabulous.ch/public/variant_asset/7459/file/medium-ce63d0212bfebb53b59fdc105acb6c2a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7459/file/large-638092f515cc09ae844a86dcd36c0ddb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7459/file/medium-ce63d0212bfebb53b59fdc105acb6c2a.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">Zahnheld</p>
          <a href="/en/products/toothpaste-natural-white-fluoride-75-ml-16208">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Toothpaste Natural White + Fluoride, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="05HDPKaoeL7TKok5pX3HogaYvgoPeaBwt1MY8MKFhQdFTz5sCWOm0rciwa_nU8d9EtC7oQPp0OIC5RCXZcmnvw" />
    <input value="16208" 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/toothpaste-classic-vegan-fluoride-free-75ml-75-ml-16210">
          <img alt="Toothpaste Classic Vegan Fluoride-Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7461/file/small-865aabc0828f935029b48b2dee347bfd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7461/file/medium-ff29f45b16dd423699c68223e32e42ff.webp 900w, https://assets.fabulous.ch/public/variant_asset/7461/file/large-0e10917c4b0953378bc589f7892e1704.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7461/file/medium-ff29f45b16dd423699c68223e32e42ff.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">Zahnheld</p>
          <a href="/en/products/toothpaste-classic-vegan-fluoride-free-75ml-75-ml-16210">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Toothpaste Classic Vegan Fluoride-Free, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RloG90WrBLOeDnCA77PUYJK5JaXthExvWYX9GDnhzanQhPun6mDa3_oGOBatndS_hvEgDuEUPP3sM_V_nq3vEQ" />
    <input value="16210" 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/toothpaste-day-night-fluoride-75-ml-16217">
          <img alt="Toothpaste Day &amp; Night + Fluoride" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7462/file/small-00229e754a477949b62dec126bbeec7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7462/file/medium-53db4f5f49fedd3caebb8f4244afbb7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7462/file/large-58610fb4c113ad21ecf2b2f3be40a0dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7462/file/medium-53db4f5f49fedd3caebb8f4244afbb7b.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">Zahnheld</p>
          <a href="/en/products/toothpaste-day-night-fluoride-75-ml-16217">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Toothpaste Day &amp; Night + Fluoride, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uTCNvgsrFs4WGoQKHZhpqvB_r2hizus61WqDSwDyXi0v7nDupODIonISzJxftml15Deqw25em6hg3Issp758lQ" />
    <input value="16217" 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/mint-toothpaste-tablets-fluoride-free-125-tabs-125-piece-16219">
          <img alt="Mint Toothpaste Tablets Fluoride-Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7464/file/small-ffec2d9b4e083dcd2098465a3dca31c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7464/file/medium-ff715d570b868f59c585c641a3cfd70b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7464/file/large-ef4dcdd7e50e3eca6cea36df1ad49d01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7464/file/medium-ff715d570b868f59c585c641a3cfd70b.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">Zahnheld</p>
          <a href="/en/products/mint-toothpaste-tablets-fluoride-free-125-tabs-125-piece-16219">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mint Toothpaste Tablets Fluoride-Free, 125 tablets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nZ5Ou4CXw_ladIxRrtVbWtALOG-xY_aBWAyphU80-csLQLPrL1wdlT58xMfs-1uFxEM9xL3zhhPtuqHi6Hjbcw" />
    <input value="16219" 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/mint-toothpaste-tablets-with-fluoride-125-tabs-125-piece-16223">
          <img alt="Mint Toothpaste Tablets with Fluoride" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7466/file/small-8b69f8d20ed30a650a916c5d1b318fdf.webp 600w, https://assets.fabulous.ch/public/variant_asset/7466/file/medium-be37d2c8b22ac2af18e2b696693c0e69.webp 900w, https://assets.fabulous.ch/public/variant_asset/7466/file/large-093f40757cee12aaed040ad826d9ae22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7466/file/medium-be37d2c8b22ac2af18e2b696693c0e69.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">Zahnheld</p>
          <a href="/en/products/mint-toothpaste-tablets-with-fluoride-125-tabs-125-piece-16223">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mint Toothpaste Tablets with Fluoride, 125 tablets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XR4kFkHyhCrjPHf8lZd0Yn1Z7YC3bK6qRwGo_2nMNjTLwNlG7jlaRoc0P2rXuXS9aRHoK7v83jjyt6CYzoAUjA" />
    <input value="16223" 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;189 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/shaws?format=turbo_stream&amp;page=143">Show more</a>
  </div>
</div>

</template></turbo-stream>