<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">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/beauty-travel-pouch-1-bag-18031">
          <img alt="Beauty Travel Pouch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8978/file/small-2d89e22faf0c16de825fcdb50bab46ae.webp 600w, https://assets.fabulous.ch/public/variant_asset/8978/file/medium-7e1208c493544dbdb0ebb0795dd0b35e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8978/file/large-1206ef55172e7077cd6f373c7ad0946c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8978/file/medium-7e1208c493544dbdb0ebb0795dd0b35e.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/beauty-travel-pouch-1-bag-18031">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Beauty Travel Pouch, 1 bag</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/solid-travel-set-20-g-18028">
          <img alt="Solid Travel Set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8971/file/small-067f2416e55c3e7cf3aee25c1cd1de3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/8971/file/medium-7f182cd4964411c5fe2c3f87240030b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/8971/file/large-e74936551da4dd39804e514904ecbdaa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8971/file/medium-7f182cd4964411c5fe2c3f87240030b4.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/solid-travel-set-20-g-18028">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Solid Travel Set, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ltZhVj4zyk3Qn8P_TCKZg_mEYBMKeRxnWE21dE9U2R8IQrzxrz53dRb50YuUxuTxVeQTW55tSGYZ8h56q-ZPkA" />
    <input value="18028" 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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/solid-body-hair-18029">
          <img alt="Solid Body&amp;Hair Vacation" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8973/file/small-4557b89a164f97eb386a454417583eec.webp 600w, https://assets.fabulous.ch/public/variant_asset/8973/file/medium-d5ec63a2d0a08c7f6e6951a0d6e74f87.webp 900w, https://assets.fabulous.ch/public/variant_asset/8973/file/large-ea8bb7ae4fa5d895b6e8e7758816aa7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8973/file/medium-d5ec63a2d0a08c7f6e6951a0d6e74f87.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/solid-body-hair-18029">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Solid Body&amp;Hair Vacation, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="60zmBmv4TlmrC1LXCEMqHA0G-CpUk-l_02P98egDRU512Duh-vXzYW1tQKPQp1duoWaLYsCHvX6S3Fb_DLHTwQ" />
    <input value="18029" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/shower-cube-60-g-18030">
          <img alt="Shower Cube Niagara" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8976/file/small-1287d28cb7179dbbac76e02577182c65.webp 600w, https://assets.fabulous.ch/public/variant_asset/8976/file/medium-4bc9c75768797d611e44f9c495ffab21.webp 900w, https://assets.fabulous.ch/public/variant_asset/8976/file/large-dd3c91dec206be0269c5bc402ab4fc78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8976/file/medium-4bc9c75768797d611e44f9c495ffab21.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/shower-cube-60-g-18030">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower Cube Niagara, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i1B09yk8nCV0HB8Zk9lj7i8fZGUvrvb_rsaDumn4gvgVxKlQuDEhHbJ6DW1LPR6cg38XLbu6ov7veSi0jUoUdw" />
    <input value="18030" 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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/solid-shampoo-bluemlisalp-60-g-18033">
          <img alt="Solid Shampoo Blüemlisalp" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8985/file/small-e9e558eecf48c74b221afbdadb7c5860.webp 600w, https://assets.fabulous.ch/public/variant_asset/8985/file/medium-d941420632f20e94c80316326003f15e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8985/file/large-dd1e1b2a43bc2ac67eb3fa784a261193.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8985/file/medium-d941420632f20e94c80316326003f15e.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/solid-shampoo-bluemlisalp-60-g-18033">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Solid Shampoo Blüemlisalp, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/solid-shampoo-60-g-18032">
          <img alt="Solid Shampoo Mythen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8982/file/small-d39ae75ac6527a2d1476d3b6c5a91034.webp 600w, https://assets.fabulous.ch/public/variant_asset/8982/file/medium-8738ca88e633a79745c8c60a56dc380f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8982/file/large-1c56110e0e6ae0dff85dd6953a035968.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8982/file/medium-8738ca88e633a79745c8c60a56dc380f.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/solid-shampoo-60-g-18032">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Solid Shampoo Mythen, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NRilCfQpfCemvNUJIESw-AxKv4Y7pD4p-zhqaT7AMPGrjHiuZSTBH2Dax334oM2KoCrMzq-waii6h8Fn2nKmfg" />
    <input value="18032" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/deo-cream-tangy-no-bullsh-t-plasticfree-50-ml-18027">
          <img alt="Deo Cream Tangy 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/8988/file/small-240eda477206c7dcbcf9eb2e418b47ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/8988/file/medium-3841e14b3bedda70f25811ae86319c7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8988/file/large-468c6d89a93896ecce4abd49144a9c60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8988/file/medium-3841e14b3bedda70f25811ae86319c7b.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-tangy-no-bullsh-t-plasticfree-50-ml-18027">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deo Cream Tangy No Bullsh!t #plasticfree, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZMR3dkn7FzLRQ71QH5TczAfRl03YBljDQNglCKoFL9n6UKrR2PaqChclryTHcKG-q7HkBUwSDMIBZ44GTre5Vg" />
    <input value="18027" 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/dates-without-stone-deglet-nour-bulk-buy-organic-5-kg-8114">
          <img alt="Dates without Stone Deglet Nour Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4750/file/small-4b30f2e1318bbfeb5ee63306e7a135b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4750/file/medium-3eb40ea817acb1f896e8b2c0908d2481.webp 900w, https://assets.fabulous.ch/public/variant_asset/4750/file/large-ca40799b4708031bba21225b469bd856.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4750/file/medium-3eb40ea817acb1f896e8b2c0908d2481.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/en/products/dates-without-stone-deglet-nour-bulk-buy-organic-5-kg-8114">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dates without Stone Deglet Nour Bulk Buy Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b09nqxX1kvOviequV9NYuOARYkM69o6zHpNVvxVm507x27oMhPgvy2nv-NqPNyXKTHERC67i2rJfLP6x8dRxwQ" />
    <input value="8114" 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/deo-cream-royal-no-bullsh-t-plasticfree-50-ml-6813">
          <img alt="Deo Cream Royal 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/3931/file/small-7f052faa6c21c831de005cc0af641b3d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3931/file/medium-5f230c13f4fa02a5315a8b43c17edbfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/3931/file/large-aaa3f74c44af1f4e978e5ef11435df5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3931/file/medium-5f230c13f4fa02a5315a8b43c17edbfc.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-royal-no-bullsh-t-plasticfree-50-ml-6813">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deo Cream Royal No Bullsh!t #plasticfree, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/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 27.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VJoE-7M5cIqUEt3ONDFqF21QLe9E2d6Ny4MSPMlIwUHKDtlcIjTNslJ0z7rs1RdlwTBep9DNioyKPLkyLfpXzg" />
    <input value="6997" 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/deo-cream-modest-no-bullsh-t-plasticfree-50-ml-6814">
          <img alt="Deo Cream Modest 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/3932/file/small-08f53c773cd74c33e6a15ffc64a36831.webp 600w, https://assets.fabulous.ch/public/variant_asset/3932/file/medium-ce921c2fc4698c326e2c160f3c83cc2d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3932/file/large-e27055bdec37bd188cf60b1462c9b053.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3932/file/medium-ce921c2fc4698c326e2c160f3c83cc2d.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-modest-no-bullsh-t-plasticfree-50-ml-6814">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deo Cream Modest No Bullsh!t #plasticfree, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Jg6ydIVW_TpbOMoAYf-gb0NlFC-4uWhoZ7FqUjwpZH64mm_TFFtAAp1e2HS5G90d7wVnZyytPGkmDsFc2Jvy8Q" />
    <input value="6814" 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/soyananda-nature-vegan-alternative-to-joghurt-organic-400-g-17966">
          <img alt="Soyananda nature Vegan Alternative to Joghurt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8905/file/small-4a5c5195e97b3a7ddc071e25b03c8af6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8905/file/medium-67c2734754c5ff909254b96798651028.webp 900w, https://assets.fabulous.ch/public/variant_asset/8905/file/large-10c83611da84de471f7c0fce87064ab2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8905/file/medium-67c2734754c5ff909254b96798651028.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/en/products/soyananda-nature-vegan-alternative-to-joghurt-organic-400-g-17966">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soyananda nature Vegan Alternative to Joghurt Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hMNxMvIXYer9QFtHK5BNB2BeCKQ49qzISdS2cysoCUIaV6yVYxrc0jsmSTPzdDB1zD577Kzi-MkIax19z5qfzQ" />
    <input value="17966" 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/jasmin-rice-bulk-buy-organic-10-kg-15499">
          <img alt="Jasmin Rice Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7068/file/small-38273b85967b0b65e875f0b83bfd623c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7068/file/medium-9719110600f2d0af94689a1075bd7867.webp 900w, https://assets.fabulous.ch/public/variant_asset/7068/file/large-afcdc940a05262efb8083f78874398ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7068/file/medium-9719110600f2d0af94689a1075bd7867.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/en/products/jasmin-rice-bulk-buy-organic-10-kg-15499">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jasmin Rice Bulk Buy Organic, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 56.75
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/oil-olive-mild-virgin-extra-bulk-buy-organic-3-l-7484">
          <img alt="Oil Olive Mild Virgin Extra Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4300/file/small-9d1b968f72369164371f1b7998d2d0ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/4300/file/medium-b429c50be9c559b47c542fcae23d6354.webp 900w, https://assets.fabulous.ch/public/variant_asset/4300/file/large-2bedc3b755518d3e6ff855fb04023f1d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4300/file/medium-b429c50be9c559b47c542fcae23d6354.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Planète</p>
          <a href="/en/products/oil-olive-mild-virgin-extra-bulk-buy-organic-3-l-7484">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oil Olive Mild Virgin Extra Bulk Buy Organic, 3 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 63.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="24JYXNJXrXZ-4to_WdKF_1qlwQGFI34cynz-gi8lYKhFFoX7Q1oQTriEyEuBNviN9sWySRE3Kh2Lw1WMy5f2Jw" />
    <input value="7484" 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-peeled-bulk-buy-organic-5-kg-4857">
          <img alt="Millet Peeled Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2890/file/small-0a849bf2a56d41078312540d539c837f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2890/file/medium-0e3de88c3c27430ede6c7265717016cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/2890/file/large-1df84631be197d51fb13c94443daa5ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2890/file/medium-0e3de88c3c27430ede6c7265717016cd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/en/products/millet-peeled-bulk-buy-organic-5-kg-4857">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Millet Peeled Bulk Buy Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 40.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T0HrDl_qUdhztS42brUxUdxKBPNDbbdkpAgM6A89sJLR1Tapzufs4LXTPEK2UUwjcCp3u9d542Xlt6fm648mHQ" />
    <input value="4857" 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/chickpeas-bulk-buy-organic-5-kg-6887">
          <img alt="Chickpeas Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3985/file/small-1319f9b714fd6db50074f745bf4a1746.webp 600w, https://assets.fabulous.ch/public/variant_asset/3985/file/medium-39d419fe54a69bff9510f21b39b860a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3985/file/large-7deccd0e8bae0b7ebf3f1b839e6a41f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3985/file/medium-39d419fe54a69bff9510f21b39b860a9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/en/products/chickpeas-bulk-buy-organic-5-kg-6887">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chickpeas Bulk Buy Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="owtkO9qu7Cee0SgtJ_CyTDeTc9JvHPsj7dVUaJj7DVM9n7mcS6NRH1i3Oln_FM8-m_MAmvsIryKsav9mfEmb3A" />
    <input value="6887" 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/oil-rapeseed-bulk-buy-biosuisse-5-l-6081">
          <img alt="Oil Rapeseed Bulk Buy BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3493/file/small-e67868f5bbf0a2a22d76d4fa7ef6279c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3493/file/medium-e2f98631757e11ee46df43558334cd36.webp 900w, https://assets.fabulous.ch/public/variant_asset/3493/file/large-048bb6c3cd9c09a08d5c34d018349385.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3493/file/medium-e2f98631757e11ee46df43558334cd36.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/en/products/oil-rapeseed-bulk-buy-biosuisse-5-l-6081">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oil Rapeseed Bulk Buy BioSuisse, 5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 88.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YPaNGWB35lat5pK2wwFNFCmxcC_OaFd13Oi_FPMUyyX-YlC-8XpbbmuAgMIb5TBmhdEDZ1p8A3SdVxQaF6Zdqg" />
    <input value="6081" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/bamboo-toothbrush-classic-medium-1-piece-1-piece-16619">
          <img alt="Bamboo Toothbrush Classic Medium, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7680/file/small-00294d5d41ec4e5fc78b12af6c8d13ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/7680/file/medium-2c5d962c77ab0990f79fbc6a25800228.webp 900w, https://assets.fabulous.ch/public/variant_asset/7680/file/large-15d85196f1ecdc538ec87f60cebd5331.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7680/file/medium-2c5d962c77ab0990f79fbc6a25800228.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hydrophil</p>
          <a href="/en/products/bamboo-toothbrush-classic-medium-1-piece-1-piece-16619">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bamboo Toothbrush Classic Medium, 1 piece, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M7kUYndXqAAaZLXm0snt2ryzmh-t6snjm3ntuH_nO8ytLcnF5loVONwCp5IKLZCoENPpVzn-neLaxka2m1WtQw" />
    <input value="16619" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tissues-recycling-extra-soft-100-sheets-100-piece-17154">
          <img alt="Tissues Recycling Extra Soft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7991/file/small-0467a714de81d5ae2647f255da8da8c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7991/file/medium-96c8ad54a31fb444c9d4ae309f09a04d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7991/file/large-9c12b8d9f30193b6a93a28deda998007.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7991/file/medium-96c8ad54a31fb444c9d4ae309f09a04d.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">memo</p>
          <a href="/en/products/tissues-recycling-extra-soft-100-sheets-100-piece-17154">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tissues Recycling Extra Soft, 100 sheets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZFbvfpBtYtD8a2fijEq8GRUo5zOI8D6I_wLrRbhfYQn6wjLZAWDf6DoNdZZUrsFruUiUexzkaom-vUBLXO33hg" />
    <input value="17154" 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/rye-grains-swiss-organic-5-kg-17893">
          <img alt="Rye Grains Swiss Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8863/file/small-b5437acf928a64bdd8d9a71d0ab2378c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8863/file/medium-643199b94c12b30ea5c168c93b183346.webp 900w, https://assets.fabulous.ch/public/variant_asset/8863/file/large-d8fec7ecc9cd234f8bdbdf6f11434dc9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8863/file/medium-643199b94c12b30ea5c168c93b183346.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/rye-grains-swiss-organic-5-kg-17893">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rye Grains Swiss Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tX0XuKfc3jj_RbPc65ajbhYWGBZpNyWumtQa_rDBbPQr6cofNtFjADkjoagzct4cunZrXv0jca_ba7HwVHP6ew" />
    <input value="17893" 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">
      40 of 277 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/low-waste?format=turbo_stream&amp;page=3">Show more</a>
  </div>
</div>

</template></turbo-stream>