<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fibons%3Fformat%3Dturbo_stream%26page%3D38">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vollrohrzucker-jacutinga-bio-750-g-18285">
          <img alt="Vollrohrzucker Jacutinga Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9880/file/small-0a6578c5e7ed81aa481844b3abe5a0bd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9880/file/medium-57230ef815cd9ac430e8a286c674951e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9880/file/large-5f6b8713e867c6bdb8964718ddc4db1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9880/file/medium-57230ef815cd9ac430e8a286c674951e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/en/products/vollrohrzucker-jacutinga-bio-750-g-18285">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vollrohrzucker Jacutinga Bio, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YhbwzHTEWyBGJUXjLifbQ9DeD_w77bfOB5VsvuU88K1l6N2APD8fXH_5y-sVE3pmfOxYiHsxvG7TVnVs1bVBjg" />
    <input value="18285" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fibons%3Fformat%3Dturbo_stream%26page%3D38">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/caramelkopfli-bio-110-g-18286">
          <img alt="Caramelköpfli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9772/file/small-a84942f1fa48c3eff9a5b13cd8ce1d48.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9772/file/medium-d339f2ded1b4d1a76b4186d3b35dd6db.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9772/file/large-9e09efd165f82292fc70953c79c2229a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9772/file/medium-d339f2ded1b4d1a76b4186d3b35dd6db.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">Biomilk</p>
          <a href="/en/products/caramelkopfli-bio-110-g-18286">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Caramelköpfli Bio, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0DhN9wVsv8LYw7MgPQ5-MwjPZByue3Iz78Qn3ZwwpazXxmC7TZf7vuEfPSgGOt8WpP0zaO6neZM7Bz4PrLkUjw" />
    <input value="18286" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fibons%3Fformat%3Dturbo_stream%26page%3D38">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/flanino-chocolat-demeter-110-g-18287">
          <img alt="Flanino Chocolat Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9761/file/small-e03047c319d7537e8b3e3be5acd4e297.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9761/file/medium-0b272236a48860abbdcbe91db4e897b2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9761/file/large-d45f0ac1bd49a971a0c325bb5ba1c92b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9761/file/medium-0b272236a48860abbdcbe91db4e897b2.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">Biomilk</p>
          <a href="/en/products/flanino-chocolat-demeter-110-g-18287">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flanino Chocolat Demeter, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="usllh0LkGnyAQdwNvdjed10QsR5mFbB4p4V1Itt9mxK9N0jLCh9eALmdUgWG7H9S8SLmaibJu9hzRmzw6_QqMQ" />
    <input value="18287" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fibons%3Fformat%3Dturbo_stream%26page%3D38">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/flanino-vanille-demeter-110-g-18288">
          <img alt="Flanino Vanille Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9760/file/small-599a1581a5bd0475da2d931577cde9b0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9760/file/medium-cca3b2d45f121b6976cb9186ea4c89b7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9760/file/large-43c2ecec8403fd268008b1195575ce78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9760/file/medium-cca3b2d45f121b6976cb9186ea4c89b7.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">Biomilk</p>
          <a href="/en/products/flanino-vanille-demeter-110-g-18288">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flanino Vanille Demeter, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ABpnSehXCbr_aX1GsNKXEFkQS9PLr6Eoxm_W3ZuLTzMH5EoFoKxNxsa1806L5jY19SIcp4tzqogSrM8PqwL-EA" />
    <input value="18288" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fibons%3Fformat%3Dturbo_stream%26page%3D38">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/joghurt-aprikosen-demeter-150-g-18289">
          <img alt="Joghurt Aprikosen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9763/file/small-bd1b2f49a177312e07a1fdba5fb62796.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9763/file/medium-c3a8bfe887eaa2f3df575783b61b031c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9763/file/large-4ddb0dde766b3228968dbea3249fb33e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9763/file/medium-c3a8bfe887eaa2f3df575783b61b031c.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">Biomilk</p>
          <a href="/en/products/joghurt-aprikosen-demeter-150-g-18289">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Aprikosen Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vN1yBnwPpfeYEmVjQnYYaOF511NVo4H6QSblrDryWeW7I19KNPThi6HO62t5QrlNTUuAJxV_ilqV5fx-Cnvoxg" />
    <input value="18289" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fibons%3Fformat%3Dturbo_stream%26page%3D38">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/joghurt-erdbeere-demeter-150-g-18290">
          <img alt="Joghurt Erdbeere Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9767/file/small-b2da7dd0ae9a49574592dfbe67cde77c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9767/file/medium-4befc4768179494f63100c2756c34d9e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9767/file/large-b4ef0b932b7fafb336e855cb1b1a9fef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9767/file/medium-4befc4768179494f63100c2756c34d9e.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">Biomilk</p>
          <a href="/en/products/joghurt-erdbeere-demeter-150-g-18290">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Erdbeere Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l_hnZye00HTvZdH5w2KnGt8Bm2eeoyhMzHpqEjxb0uGQBkorb0-UCNa5X_H4VgY_czPME95_I-wYuXPADNJjwg" />
    <input value="18290" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fibons%3Fformat%3Dturbo_stream%26page%3D38">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/joghurt-feige-griechische-art-bio-150-g-18291">
          <img alt="Joghurt Feige griechische Art Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9768/file/small-f47477f8e3d94c1d0f3faa07f1f3a0bc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9768/file/medium-1c223201026a7c0283e0c2afcaeead6b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9768/file/large-baa363fd33151eb2f95a7814297439ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9768/file/medium-1c223201026a7c0283e0c2afcaeead6b.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">Biomilk</p>
          <a href="/en/products/joghurt-feige-griechische-art-bio-150-g-18291">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Feige griechische Art Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DgafAz7txKhE8niBAcCR9r1nVE2L9TNaWQRFCnKOnE8J-LJPdhaA1H0u9ok69DDTEVUDOcspOPqNx1zYQgctbA" />
    <input value="18291" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fibons%3Fformat%3Dturbo_stream%26page%3D38">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/joghurt-haselnuss-demeter-150-g-18292">
          <img alt="Joghurt Haselnuss Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9764/file/small-98084afa705506f8764dc9de48251512.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9764/file/medium-ee7de60c4c14fa9a10a7ce597299a5dd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9764/file/large-fb0fca970d2e270431fc6fb48d0792e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9764/file/medium-ee7de60c4c14fa9a10a7ce597299a5dd.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">Biomilk</p>
          <a href="/en/products/joghurt-haselnuss-demeter-150-g-18292">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Haselnuss Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YO4Zqtjv46_rIQ-ULiaDd3tZxZjl84GACz3Hfw-PEA5nEDTmkBSn09L9gZwVEiJS12uS7KUviiDf_t6tPwahLQ" />
    <input value="18292" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fibons%3Fformat%3Dturbo_stream%26page%3D38">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/joghurt-heidelbeere-bio-150-g-18293">
          <img alt="Joghurt Heidelbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9762/file/small-d601402b131e7371d1e449e814df6a8c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9762/file/medium-e6d78ceb26192af9b6db8cf5833edeb2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9762/file/large-3eae9c75bf589e85d7e138ea55416c2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9762/file/medium-e6d78ceb26192af9b6db8cf5833edeb2.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">Biomilk</p>
          <a href="/en/products/joghurt-heidelbeere-bio-150-g-18293">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Heidelbeere Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R0YlUD0Wblb3r8Us0OKCZgItzPr3wKXELZ4wXT0ffzxAuAgcde0qKs5zSyTr1iNDrh-bjrccrmT5XSmPDZbOHw" />
    <input value="18293" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fibons%3Fformat%3Dturbo_stream%26page%3D38">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/joghurt-mango-demeter-150-g-18294">
          <img alt="Joghurt Mango Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9769/file/small-1c09ef3c7bd73e9628a5ec521c443c86.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9769/file/medium-e8d5dbcfca150b8ebd4814a098bda601.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9769/file/large-0cc081500ddfd78f530c471d8312044f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9769/file/medium-e8d5dbcfca150b8ebd4814a098bda601.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">Biomilk</p>
          <a href="/en/products/joghurt-mango-demeter-150-g-18294">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Mango Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KaniobfYnsQ5yO8CY0I4bkRY7Vpa0O-36nQguNut9JEuV8_t_yPauAAUYQpYdplL6Gq6LhoM5Bc-tzlq6yRFsg" />
    <input value="18294" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fibons%3Fformat%3Dturbo_stream%26page%3D38">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/joghurt-nature-griechische-art-bio-150-g-18295">
          <img alt="Joghurt Nature griechische Art Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9770/file/small-d2d6f6beaedc7b8528b85a2a9565cac2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9770/file/medium-5037143098c85b9f72be4d13dd803f92.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9770/file/large-317484475252d237296eb01021c1f81e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9770/file/medium-5037143098c85b9f72be4d13dd803f92.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">Biomilk</p>
          <a href="/en/products/joghurt-nature-griechische-art-bio-150-g-18295">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Nature griechische Art Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tykm95z5tk4vmTvKS6okagSMW9EVSG2_XSSAKe18LfJI1wu71ALyMhZFtcJwnoVPqL4MpVWUZh-J55n73fWc0Q" />
    <input value="18295" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fibons%3Fformat%3Dturbo_stream%26page%3D38">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/joghurt-nature-stichfest-demeter-150-g-18296">
          <img alt="Joghurt Nature stichfest Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9766/file/small-93d61e6678f92665eca7f4400659e8fc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9766/file/medium-de9b2de49e357686e898c19f5aecf702.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9766/file/large-9d4ab079f41053c7c358a254cbb3613a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9766/file/medium-de9b2de49e357686e898c19f5aecf702.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">Biomilk</p>
          <a href="/en/products/joghurt-nature-stichfest-demeter-150-g-18296">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Nature stichfest Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e2kDOTjhFeXhgavpQhpYT5JiJZ5kpXKVjfO9MmkI2gx8ly51cBpRmdhdJeF5LvlqPlBy6iR5eTVZMKTgWYFrLw" />
    <input value="18296" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fibons%3Fformat%3Dturbo_stream%26page%3D38">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/joghurt-saison-demeter-150-g-18297">
          <img alt="Joghurt Saison Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10436/file/small-5f61cf014b13bac66dd4d8de0221ea57.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10436/file/medium-24c38c2801ee41bbf4e1af63a8ceb9b7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10436/file/large-e84fdd04ab6599fa29142c1370c6210d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10436/file/medium-24c38c2801ee41bbf4e1af63a8ceb9b7.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">Biomilk</p>
          <a href="/en/products/joghurt-saison-demeter-150-g-18297">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Saison Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.60
            </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-18297-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U6oGy93b5uxsdFCO1MG5qhNhOhMIm-88k-WpesRqaPlUVCuHlSCikFWo3obv9RiPv1NtZ0hH5JxHJrCo9OPZ2g" />
    <input value="18297" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fibons%3Fformat%3Dturbo_stream%26page%3D38">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/joghurt-sanddorn-demeter-150-g-18298">
          <img alt="Joghurt Sanddorn Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9765/file/small-67932507c56771c98ded0882e2fe883c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9765/file/medium-4425cc913f9eb0d840327dcbd5c8e989.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9765/file/large-7f3605a8e34b305424fd7b54dd60d8e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9765/file/medium-4425cc913f9eb0d840327dcbd5c8e989.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">Biomilk</p>
          <a href="/en/products/joghurt-sanddorn-demeter-150-g-18298">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Sanddorn Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IRh_4gYIIY_94nii05xEasFbnddOtHoAgfrsAPXOHqwm5lKuTvNl88Q-9qroqOVPbWnKow5ocaBVOfXSxUevjw" />
    <input value="18298" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fibons%3Fformat%3Dturbo_stream%26page%3D38">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/magerquark-nature-demeter-250-g-18299">
          <img alt="Magerquark Nature Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11261/file/small-0df65df2c2d964975d9f03bf7c0235c2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11261/file/medium-50d0d4118f64628ef4936c00b53b02b7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11261/file/large-8991eb681dc05d17bb7f75aa8c9f145e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11261/file/medium-50d0d4118f64628ef4936c00b53b02b7.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">Biomilk</p>
          <a href="/en/products/magerquark-nature-demeter-250-g-18299">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Magerquark Nature Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OC6hT0ivffSoiYrjtkdN1QXySHbWA9EHDaTwh6HVtMU_0IwDAFQ5iJFVBOuNc-zwqcAfApbf2qfZZ-lVkVwF5g" />
    <input value="18299" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fibons%3Fformat%3Dturbo_stream%26page%3D38">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/panna-cotta-bio-110-g-18300">
          <img alt="Panna Cotta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9771/file/small-23e3f97ef31d7661f208a414c8aca62a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9771/file/medium-698747bec863a4bc95a520d750c8147b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9771/file/large-9ec5b575ab686f1c1b9cae3b91a627d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9771/file/medium-698747bec863a4bc95a520d750c8147b.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">Biomilk</p>
          <a href="/en/products/panna-cotta-bio-110-g-18300">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Panna Cotta Bio, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eEZ67Ji4C6SS9rQzlJitv_SHD0PbVYr5r_R2wExFi5l_uFeg0ENP2KsqOjuvrAyaWLVYN5uJgVl7N28SfMw6ug" />
    <input value="18300" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fibons%3Fformat%3Dturbo_stream%26page%3D38">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/schafvollmilch-past-bio-500-ml-18301">
          <img alt="Schafvollmilch past Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10327/file/small-8d28f923d038bff51f1babe275e8913b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10327/file/medium-785e07d6c03dc69352dc1cf5e99884c6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10327/file/large-16fda0c144383f2b92024a6b338e5f02.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10327/file/medium-785e07d6c03dc69352dc1cf5e99884c6.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">Biomilk</p>
          <a href="/en/products/schafvollmilch-past-bio-500-ml-18301">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schafvollmilch past Bio, 500 ml</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 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wGY0U45GXsx9rrh8DvQcfEDTRAhETHwY_Tzz9WO-gkrHmBkfxr0asERyNnQ1wL1Z7OETfASQd7gp_-onUzczaQ" />
    <input value="18301" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fibons%3Fformat%3Dturbo_stream%26page%3D38">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vollmilch-past-demeter-500-ml-18302">
          <img alt="Vollmilch past Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9773/file/small-0f8000150f00fcdd88a4a1f232e85c93.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9773/file/medium-5d3f4b42fe96252654b3db038fd16092.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9773/file/large-320d31c6e6ea70a51e7aa8b2eb0d19c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9773/file/medium-5d3f4b42fe96252654b3db038fd16092.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">Biomilk</p>
          <a href="/en/products/vollmilch-past-demeter-500-ml-18302">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vollmilch past Demeter, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ovmA0brZE88JVh2COXi5qwbq4NhWmyEEbzNKRq8m5ZmlB62d8iJXszCKk4oCTBiOqti3rBZHKqS78FOUn69Uug" />
    <input value="18302" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fibons%3Fformat%3Dturbo_stream%26page%3D38">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/serenity-kapseln-60-stuck-18303">
          <div class="py-4 w-full h-full flex items-center justify-center bg-gray-100 max-h-72">
            <span class="text-gray-400">No Image</span>
          </div>
</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">Bionaturis</p>
          <a href="/en/products/serenity-kapseln-60-stuck-18303">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Serenity Kapseln, 60 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Bxa7zWvK36MQD7fBEq8qt_E6QRV4ENy4UxVwEtZpt2sA6JaBIzGb3ynTOckpm4uSXQgWYTjM1xiH1mnA5uAGSA" />
    <input value="18303" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fibons%3Fformat%3Dturbo_stream%26page%3D38">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/olivenol-balsamico-bio-250-ml-18304">
          <img alt="Olivenöl &amp; Balsamico Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9666/file/small-909ed25211f3b337fe512ca487958bde.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9666/file/medium-6e3c3dc81d465b0cd8be494fde9e6f3a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9666/file/large-b9aa7a55c6a6c7d25b390687aea63342.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9666/file/medium-6e3c3dc81d465b0cd8be494fde9e6f3a.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">BioPlanète</p>
          <a href="/en/products/olivenol-balsamico-bio-250-ml-18304">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Olivenöl &amp; Balsamico Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8oU-1TzLVGfCudmwhOBev2_MicSm5GTcP0psj6CcgQ_1exOZdDAQG_tlV7i_1P-aw_7esOY4b3zriXVdkBUwLA" />
    <input value="18304" 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">
      760 of 3&#39;030 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/manufacturers/ibons?format=turbo_stream&amp;page=39">Show more</a>
  </div>
</div>

</template></turbo-stream>