<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/roobar-chocolate-covered-almond-organic-30-g-6951">
          <img alt="Roobar Chocolate Covered Almond Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4020/file/small-27303c74e55326d1645f63290ec0a5dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/4020/file/medium-8c8b3c27a36c76dd9bf288d1dad6fb23.webp 900w, https://assets.fabulous.ch/public/variant_asset/4020/file/large-fd1de42860ceba62aba6ab0704685a4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4020/file/medium-8c8b3c27a36c76dd9bf288d1dad6fb23.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">Roo&#39;Bar</p>
          <a href="/en/products/roobar-chocolate-covered-almond-organic-30-g-6951">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Roobar Chocolate Covered Almond Organic, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mUWcPDMq5gtYfW547hRrFoOLntJwncy3HpnZ9IgL1ixqJ1w8-nAy1iVw56iz8-AH6n_5UkSp1calW3F_8-lnjQ" />
    <input value="6951" 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/roobar-chocolate-covered-hazelnuts-organic-30-g-6952">
          <img alt="Roobar Chocolate Covered Hazelnuts Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4021/file/small-041c9a13856d17cda721f2d6f5644782.webp 600w, https://assets.fabulous.ch/public/variant_asset/4021/file/medium-9c0aaf55746e75553913625bfd2c9496.webp 900w, https://assets.fabulous.ch/public/variant_asset/4021/file/large-79257857e6b15c091fb9941596e8b3ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4021/file/medium-9c0aaf55746e75553913625bfd2c9496.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">Roo&#39;Bar</p>
          <a href="/en/products/roobar-chocolate-covered-hazelnuts-organic-30-g-6952">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Roobar Chocolate Covered Hazelnuts Organic, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nmx4v53BK1QG3syAwWXZzH8qBWlJ_kjCfXlgvB5Asn9tDri_VJv_iXvTRVCcglLdFt5i6X3KUbPGu8g3ZaID3g" />
    <input value="6952" 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/roobar-chocolate-covered-coconut-organic-30-g-6953">
          <img alt="Roobar Chocolate Covered Coconut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4022/file/small-921ae2812aae39a66fec05f2ee405e53.webp 600w, https://assets.fabulous.ch/public/variant_asset/4022/file/medium-d0634175d48034e07ea164ccd6ae87a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/4022/file/large-5e703b621c1e39b70b215786047a90b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4022/file/medium-d0634175d48034e07ea164ccd6ae87a1.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">Roo&#39;Bar</p>
          <a href="/en/products/roobar-chocolate-covered-coconut-organic-30-g-6953">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Roobar Chocolate Covered Coconut Organic, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lzW7HeMGwsxuGr5Tohjw3AERhO-rTGt_D9YgzW853g9kV3sdKlwWERMXN4P__3vNaOXjb594cg60FIhGFNtvrg" />
    <input value="6953" 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/surface-disinfectant-bulk-buy-10-l-6954">
          <img alt="Surface Disinfectant Bulk Buy" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4024/file/small-26d6496220218289062cb2a0baa1a2fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4024/file/medium-23d07fb63b6c4938eb4dfc0613082058.webp 900w, https://assets.fabulous.ch/public/variant_asset/4024/file/large-2f4390da1fc4a985a40aac935963eb7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4024/file/medium-23d07fb63b6c4938eb4dfc0613082058.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/en/products/surface-disinfectant-bulk-buy-10-l-6954">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Surface Disinfectant Bulk Buy, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 159.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eJpg_EYZWtB9sFN34euXPgO8hZelHShvGVeZ_ZV9dOWL-KD8j0OODQC92qe8DBwvakjiF5EpMR6ilTF27p_FRA" />
    <input value="6954" 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/maple-syrup-grade-a-organic-250-ml-700e9a50-6afa-48c2-ac33-89b44eb96bb9-6955">
          <img alt="Maple Syrup Grade A Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4028/file/small-1bea71f63588b381086daafb04742d62.webp 600w, https://assets.fabulous.ch/public/variant_asset/4028/file/medium-1bd610de07b7837df57ec700e04deb5a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4028/file/large-0c28fa303ac3c6706b5361d35124d8a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4028/file/medium-1bd610de07b7837df57ec700e04deb5a.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/maple-syrup-grade-a-organic-250-ml-700e9a50-6afa-48c2-ac33-89b44eb96bb9-6955">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Maple Syrup Grade A Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5uytSAt4_Csui-_bLVrLgD9--8RZvifRLBs-TM3_VU0Vjm1IwiIo9lOGZgtwvUCRVoqcRG2KPqCX2ZbHth3k7A" />
    <input value="6955" 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/sesame-seeds-black-organic-200-g-6956">
          <img alt="Sesame Seeds Black Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4029/file/small-9befec7b0d619d6207308c22488667ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/4029/file/medium-423fd2367276a2ce695995f1bc0e70bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4029/file/large-0c2a22fa81029cf7d4f817d91f8ab1b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4029/file/medium-423fd2367276a2ce695995f1bc0e70bd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Govinda</p>
          <a href="/en/products/sesame-seeds-black-organic-200-g-6956">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sesame Seeds Black Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZjB5HvpXO6QHisCfGPasgga88CGkoGUSx1UvAtmY6z2VUrkeMw3veXqHSU9FESeTb0iXoZCUfGN8l4eJonpanA" />
    <input value="6956" 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/millet-golden-organic-500-g-6960">
          <img alt="Millet Golden Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4031/file/small-0cb887561639435d13852b42a161c40c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4031/file/medium-e0242d1d113d025807c48c588a7fc158.webp 900w, https://assets.fabulous.ch/public/variant_asset/4031/file/large-3184a6baf2c7bb356a0fb960c44650c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4031/file/medium-e0242d1d113d025807c48c588a7fc158.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/millet-golden-organic-500-g-6960">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Millet Golden Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qLonFfz2R5BipplTbAQfbA-mZLKnORUBGV5d9pzdB0xb2OcVNayTTR-rEIMx45R9ZlIDMpMNDHCinPV95z-27Q" />
    <input value="6960" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/buckwheat-organic-500-g-41d484d7-8de5-44e2-ab32-8847facd1072-6961">
          <img alt="Buckwheat Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4032/file/small-ff59b25068f01e4534e894f10cdbf7ab.webp 600w, https://assets.fabulous.ch/public/variant_asset/4032/file/medium-3b2a453b4aecf4556406352c646ccd8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/4032/file/large-d3aefc349a39bc2bd433ef2d4971ab56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4032/file/medium-3b2a453b4aecf4556406352c646ccd8f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/en/products/buckwheat-organic-500-g-41d484d7-8de5-44e2-ab32-8847facd1072-6961">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Buckwheat Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ero7K0XF9hEnm_W9Cf91V5RDdP7K9RRMlt7xAF60MHWJ2PsrjJ8izFqWfG1UGP5G_bcTfv7BDT0tHFmLJVaB1A" />
    <input value="6961" 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/spelt-grains-organic-1-kg-6962">
          <img alt="Spelt Grains Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4033/file/small-731cdd6077404a366b03f5a03f66e047.webp 600w, https://assets.fabulous.ch/public/variant_asset/4033/file/medium-b674b8084951e504d00efa9ef1ece681.webp 900w, https://assets.fabulous.ch/public/variant_asset/4033/file/large-0fb0b0892e53287f00d18e9c9f746fd8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4033/file/medium-b674b8084951e504d00efa9ef1ece681.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/spelt-grains-organic-1-kg-6962">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spelt Grains Organic, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x94jw6R7NVjG2FRHR_iyap_7dnAc8URKHRFO1DqsZUU0vOPDbSHhhbvV3ZcaHzl79g8R8CjFXTum0-ZfQU7U5A" />
    <input value="6962" 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/crispbread-croq-oat-natural-gluten-free-organic-160-g-6963">
          <img alt="Crispbread Croq&#39; Oat Natural Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4035/file/small-9caeff76c155b0be0e71b7fbd64dffbb.webp 600w, https://assets.fabulous.ch/public/variant_asset/4035/file/medium-57382a8967f74ac0e8f5f00cf27694e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/4035/file/large-e4cae0f455228e322109aefda060521f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4035/file/medium-57382a8967f74ac0e8f5f00cf27694e7.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">Pural</p>
          <a href="/en/products/crispbread-croq-oat-natural-gluten-free-organic-160-g-6963">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crispbread Croq&#39; Oat Natural Gluten Free Organic, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iQBt0YUqDkoe8Dd4IknZP9qUNwWZ6_YwtM7xgTS84m96Yq3RTHDal2P9vqh_rlIus2BQha3f70EPDFkKT15Tzg" />
    <input value="6963" 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/vinegar-apple-vegan-organic-1-l-6974">
          <img alt="Vinegar Apple Vegan Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4039/file/small-76dc5cb968880cc6027cddf846d88ca1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4039/file/medium-dbaf828f09c5f06cf7f1614aad36ef62.webp 900w, https://assets.fabulous.ch/public/variant_asset/4039/file/large-71de24f5b8d204ffa47a33150811b84a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4039/file/medium-dbaf828f09c5f06cf7f1614aad36ef62.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/vinegar-apple-vegan-organic-1-l-6974">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vinegar Apple Vegan Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AqkcRZARcId_vnKqO5XOidpVxtuDys2qGrD31YdL2Zvxy9xFWUukWgKz-3pmckWYs6GhW7f-1Nuhcl9e_KloOg" />
    <input value="6974" 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/conditioner-repair-deep-care-200-ml-6988">
          <img alt="Conditioner Repair &amp; Deep Care" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4043/file/small-41c6f5314a934075d65a1a8bad850123.webp 600w, https://assets.fabulous.ch/public/variant_asset/4043/file/medium-0139e409b04f5a6918f36f73132f1d22.webp 900w, https://assets.fabulous.ch/public/variant_asset/4043/file/large-b363f5c5c1850fdd6f90af37ace7e974.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4043/file/medium-0139e409b04f5a6918f36f73132f1d22.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">Lavera</p>
          <a href="/en/products/conditioner-repair-deep-care-200-ml-6988">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Conditioner Repair &amp; Deep Care, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lQ62auWiPF0WiOlvpffRKhY0HCbQccwJABN2GOF60iRmbHZqLPjogGuFYL_4EFo7f8B7puRF1Xi70d6TmphjhQ" />
    <input value="6988" 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/orange-power-cleaner-bulk-buy-10-l-6990">
          <img alt="Orange Power Cleaner Bulk Buy" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4046/file/small-336a575c87f770dab35cbbf6a8359cc3.webp 600w, https://assets.fabulous.ch/public/variant_asset/4046/file/medium-b0fa18372bc6d17f874abcab121320af.webp 900w, https://assets.fabulous.ch/public/variant_asset/4046/file/large-a591d9fef6ddfe5462a0719103573176.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4046/file/medium-b0fa18372bc6d17f874abcab121320af.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/en/products/orange-power-cleaner-bulk-buy-10-l-6990">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Orange Power Cleaner Bulk Buy, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 83.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2snU8XIdyI4u69JqOACoQymRB9K4KWiHchEQYJDWpIspqxTxu0ccU1PmW7pl5yNSQGVgUowdcfbJ07jr6zQVKg" />
    <input value="6990" 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/bleach-complex-and-stain-remover-bulk-buy-5-kg-6996">
          <img alt="Bleach Complex and Stain Remover Bulk Buy" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4045/file/small-548bdd18ea378ce302cf99cffe963760.webp 600w, https://assets.fabulous.ch/public/variant_asset/4045/file/medium-f139324cd157f87861c9047d687af25d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4045/file/large-bc906860f1b25b52f50d9f67f5dda37a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4045/file/medium-f139324cd157f87861c9047d687af25d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/en/products/bleach-complex-and-stain-remover-bulk-buy-5-kg-6996">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bleach Complex and Stain Remover Bulk Buy, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DUOVqaXaOU8oETV17xS7Ynzzqi8sz8M14UfQNRFNPJH-IVWpbIDtklUcvKWy8zBzFQfNrxj72kRahXi-aq-NMA" />
    <input value="6996" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/deo-cream-mojito-no-bullsh-t-plasticfree-50-ml-6997">
          <img alt="Deo Cream Mojito No Bullsh!t #plasticfree" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4047/file/small-806669f5b8b6b2c911b5c61707cfa6cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/4047/file/medium-109052557fc71956beb95ba11a5945b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4047/file/large-814b45c3d7bc93a9835c4ba9dfe0197a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4047/file/medium-109052557fc71956beb95ba11a5945b6.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">No Bullsh!t</p>
          <a href="/en/products/deo-cream-mojito-no-bullsh-t-plasticfree-50-ml-6997">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deo Cream Mojito No Bullsh!t #plasticfree, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </div>
    </div>
  </div>


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/bleach-complex-and-stain-remover-450-g-6998">
          <img alt="Bleach Complex and Stain Remover" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4048/file/small-34b94a0d34b160e89677d413ca82fef1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4048/file/medium-9901aa66fa9c26519008ea72dac066b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4048/file/large-d19806104d8e45cad03bca5f43ec37e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4048/file/medium-9901aa66fa9c26519008ea72dac066b5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/en/products/bleach-complex-and-stain-remover-450-g-6998">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bleach Complex and Stain Remover, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/dishwashing-washing-up-liquid-lemon-bulk-buy-10-l-6999">
          <img alt="Dishwashing Washing Up Liquid Lemon Bulk Buy" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4049/file/small-57a98034222c1437a98eccee7ea79faa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4049/file/medium-47607c596ac4fb1fa6e7cc95a786a9db.webp 900w, https://assets.fabulous.ch/public/variant_asset/4049/file/large-ced51f97e3eaba34f149363dfdb3b553.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4049/file/medium-47607c596ac4fb1fa6e7cc95a786a9db.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/en/products/dishwashing-washing-up-liquid-lemon-bulk-buy-10-l-6999">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dishwashing Washing Up Liquid Lemon Bulk Buy, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 50.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AnMZNeE1I_rb-xRCuTOUKQ-sPlnIYVM-q56uYxzv75HxEdk1KG_3J6b2nZLk1B84ZlhZ2fxVSk8QXAboZw1eMA" />
    <input value="6999" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vitamin-b12-methylcobalamin-600-drops-vegan-250-g-600-drop-7007">
          <img alt="Vitamin B12 Methylcobalamin 600 Drops Vegan 250µg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4050/file/small-a029054d2e9d6766e1bd34fa391bfb3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4050/file/medium-6e0c544be4d5297998de8090b01be6cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/4050/file/large-081b94eb5ee4465e4dd2b74d8081469d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4050/file/medium-6e0c544be4d5297998de8090b01be6cf.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">Bjökovit</p>
          <a href="/en/products/vitamin-b12-methylcobalamin-600-drops-vegan-250-g-600-drop-7007">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin B12 Methylcobalamin 600 Drops Vegan 250µg, 600 drop</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ma4tZrSshr52VQeUV204nezeKreIBhLLie96U80nCQHCzO1mffZSYwtYjkQKirOMhSpNN7wyC7oyLdLYtsW4oA" />
    <input value="7007" 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/vitamin-d3-drops-20-g-800iu-600-drops-600-drop-7008">
          <img alt="Vitamin D3 Drops 20µg / 800IU, 600 Drops" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4052/file/small-2db9787e3bea85f4c12c12741d2d8c4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4052/file/medium-c1950598eb61b8964f98093310ce2858.webp 900w, https://assets.fabulous.ch/public/variant_asset/4052/file/large-ca6814ac4b64d83ab0a9700ded3828d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4052/file/medium-c1950598eb61b8964f98093310ce2858.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">Bjökovit</p>
          <a href="/en/products/vitamin-d3-drops-20-g-800iu-600-drops-600-drop-7008">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin D3 Drops 20µg / 800IU, 600 Drops, 600 drop</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 40.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CUXRbHatwje3fKjapmWGJ3eM6XfHxzNovDGDPKAOvhj6JxFsv_cW6spxIQr7gg02HniO9_PzKhkH8yu32-wPuQ" />
    <input value="7008" 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/vitamin-b12-for-children-methyl-3-1-g-vegan-120-chewable-tablets-120-piece-7020">
          <img alt="Vitamin B12 for children methyl 3.1μg Vegan 120 chewable tablets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4053/file/small-a57d46368ecf90aeec162e51157c604c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4053/file/medium-7109ef8d5af09dcacb8432c0766db847.webp 900w, https://assets.fabulous.ch/public/variant_asset/4053/file/large-716d0851269123ddbbdd25150a240214.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4053/file/medium-7109ef8d5af09dcacb8432c0766db847.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">Bjökovit</p>
          <a href="/en/products/vitamin-b12-for-children-methyl-3-1-g-vegan-120-chewable-tablets-120-piece-7020">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin B12 for children methyl 3.1μg Vegan 120 chewable tablets, 120 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RtU-k6ook7-gJV6zrjfodKLDfddVTIPbfpjsCH-wTxW1t_6TY3JHYt0o12Pz0GNlyzcaV2F4mqrFWkSDBFL-tA" />
    <input value="7020" 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">
      1&#39;120 of 3&#39;175 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/products?format=turbo_stream&amp;page=57">Show more</a>
  </div>
</div>

</template></turbo-stream>