<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/birkengold-xylit-sweetener-organic-500-g-4024">
          <img alt="Birkengold Xylit Sweetener Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2552/file/small-c5fc9880b7e8c624da083b94e5af2063.webp 600w, https://assets.fabulous.ch/public/variant_asset/2552/file/medium-b3d8e431cfd902c4be20a0d9d47770f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/2552/file/large-c87e0d74e400641106c02d6ed64d8870.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2552/file/medium-b3d8e431cfd902c4be20a0d9d47770f1.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">Birkengold</p>
          <a href="/en/products/birkengold-xylit-sweetener-organic-500-g-4024">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Birkengold Xylit Sweetener Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WIwSjCKB-64u4TXJC9E_xb-VcC9aF7HzuzswLQWaWaQn4_XdXsFcNDNXAWgoHmYsTQaizb9brNrl1RZEgWuFjA" />
    <input value="4024" 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/spirulina-powder-organic-150-g-4025">
          <img alt="Spirulina Powder Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2554/file/small-95fb04e979eabbc96e00867fd8d2d9a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2554/file/medium-f1de807d238ae206fc65da669660cc02.webp 900w, https://assets.fabulous.ch/public/variant_asset/2554/file/large-0b16f8ddea941d611420ec9b5bcefed1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2554/file/medium-f1de807d238ae206fc65da669660cc02.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">Raab</p>
          <a href="/en/products/spirulina-powder-organic-150-g-4025">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spirulina Powder Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N89kIqczXDttLcBjerE3z6SRUI1z0E4Bvks1NidrAshIoINz23P7oXCb9MJZfm4mVgKCb5acUyjgpRNfo5re4A" />
    <input value="4025" 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/chlorella-powder-organic-150-g-4026">
          <img alt="Chlorella Powder Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2553/file/small-f2cced053837aff26fb6a42440d75563.webp 600w, https://assets.fabulous.ch/public/variant_asset/2553/file/medium-e3a018961903288d8885071d77107740.webp 900w, https://assets.fabulous.ch/public/variant_asset/2553/file/large-c81b91f9a9963d628fc81f4ebde2911b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2553/file/medium-e3a018961903288d8885071d77107740.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">Raab</p>
          <a href="/en/products/chlorella-powder-organic-150-g-4026">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chlorella Powder Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2Twdsc2CXvDi_0LPGi7xP70nLuojvLWqJ59JgF4bd7ymU_rgscL5av9Jdm454ajWT7T8CMbwqIN5cW_p2uqrlA" />
    <input value="4026" 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/paste-thai-curry-organic-50-g-4068">
          <img alt="Paste Thai Curry Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2577/file/small-a8572c9887ba19a68df5d2301c603083.webp 600w, https://assets.fabulous.ch/public/variant_asset/2577/file/medium-c128aca547b803fc776d2833b9dad960.webp 900w, https://assets.fabulous.ch/public/variant_asset/2577/file/large-e8c619694642b053bf54d69376c13a09.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2577/file/medium-c128aca547b803fc776d2833b9dad960.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">Arche</p>
          <a href="/en/products/paste-thai-curry-organic-50-g-4068">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Paste Thai Curry Organic, 50 g</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 9.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YSfG4xxUSSQRY9ncvWtcw-cp3BBs11-4FzJ-Dk2IYWgeSCGyYBTuvgzV7X2epAUqFboO8ombQpFJ3FhnyXm9QA" />
    <input value="4068" 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/kochbuch-mimi-s-vegan-cookbook-1-piece-4069">
          <img alt="Kochbuch Mimi&#39;s Vegan Cookbook" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2579/file/small-513a7deadc5697460ffc2b6a9fc570cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/2579/file/medium-3abfe5fd1c062fd48846d848c9c7d1cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/2579/file/large-3e22ad420f7d015c34e7297a8a4437e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2579/file/medium-3abfe5fd1c062fd48846d848c9c7d1cf.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">Reedaround</p>
          <a href="/en/products/kochbuch-mimi-s-vegan-cookbook-1-piece-4069">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Mimi&#39;s Vegan Cookbook, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="90l9sqEHSjz-_3dUhdoFogwemICKs7XHdQr5eerbAvWIJprj3UftpuNJQ_WmFVxL_o1KYm__qO4r5N8Qbire3Q" />
    <input value="4069" 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/fair-squared-condoms-ultra-thin-10-pcs-10-piece-4080">
          <img alt="Fair Squared Condoms Ultra Thin 10 Pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2584/file/small-b720fef980d61de7a78089b60b2936a5.webp 600w, https://assets.fabulous.ch/public/variant_asset/2584/file/medium-523cd0e9534600f1b75789406960d8ef.webp 900w, https://assets.fabulous.ch/public/variant_asset/2584/file/large-7c116c9b27be03d37e12006566d22e52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2584/file/medium-523cd0e9534600f1b75789406960d8ef.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">Fair Squared</p>
          <a href="/en/products/fair-squared-condoms-ultra-thin-10-pcs-10-piece-4080">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fair Squared Condoms Ultra Thin 10 Pcs, 10 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2BaHb-8T-0aqpmOoBZPzCr93qWQAoO5R82wDwqivt_OneWA-k1Nc3LcQVwkmXKrjTeR7huXs83itgiWrLF5r2w" />
    <input value="4080" 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/fair-squared-condoms-xl-8-pcs-8-piece-4081">
          <img alt="Fair Squared Condoms XL 8 Pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2583/file/small-e1b61d31356ad3801fe1c2b6756feefb.webp 600w, https://assets.fabulous.ch/public/variant_asset/2583/file/medium-305f0cd86ad318081175332ff9a70715.webp 900w, https://assets.fabulous.ch/public/variant_asset/2583/file/large-77ecde167e3e061c3b766dbbe7d5b2ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2583/file/medium-305f0cd86ad318081175332ff9a70715.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">Fair Squared</p>
          <a href="/en/products/fair-squared-condoms-xl-8-pcs-8-piece-4081">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fair Squared Condoms XL 8 Pcs, 8 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-4081-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/eschenfelder-set-of-2-sprouting-germination-glass-jar-1-l-4086">
          <img alt="Eschenfelder Set of 2 Sprouting / Germination Glass Jar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2588/file/small-bdb60c2aaa95f1ad0b88e5961d6b3f39.webp 600w, https://assets.fabulous.ch/public/variant_asset/2588/file/medium-8057f133cdbd52b5edcfa68b93cac173.webp 900w, https://assets.fabulous.ch/public/variant_asset/2588/file/large-6e4b42c9cd714249ca1e672dcb33c788.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2588/file/medium-8057f133cdbd52b5edcfa68b93cac173.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">Eschenfelder</p>
          <a href="/en/products/eschenfelder-set-of-2-sprouting-germination-glass-jar-1-l-4086">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eschenfelder Set of 2 Sprouting / Germination Glass Jar, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 63.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xmmo0cvdeGtlHnigkbYC7aQjEvwiaVFb1SoIfVC7v4EhBk-At53f8XioTAGyeVsEVrDAHsclTHKLxC4U1EpjqQ" />
    <input value="4086" 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/eschenfelder-set-of-3-sprouting-germination-glass-jar-1-l-4087">
          <img alt="Eschenfelder Set of 3 Sprouting / Germination Glass Jar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2590/file/small-78cf3efd8f0f599f1313be8ce45181ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/2590/file/medium-ab472743241fca1ac67980d4d9fde5b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/2590/file/large-9dfa6494e26007c3a223319f5a81219f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2590/file/medium-ab472743241fca1ac67980d4d9fde5b7.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">Eschenfelder</p>
          <a href="/en/products/eschenfelder-set-of-3-sprouting-germination-glass-jar-1-l-4087">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eschenfelder Set of 3 Sprouting / Germination Glass Jar, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 79.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yooMa2LU1OK84QfmVieNNjKdgMuhr55_Iv8fvusZw9m15es6HpRzeKFXM0d16NTfwA5SKUTjg1Z8ETnXb-gf8Q" />
    <input value="4087" 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/waffles-chocolate-organic-190-g-4139">
          <img alt="Waffles Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2610/file/small-188d68099e8336f206bf490f49fd7734.webp 600w, https://assets.fabulous.ch/public/variant_asset/2610/file/medium-b8f69dad81b6c53e1e63fc6c47cba3ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/2610/file/large-1c5ed300216572f4be9fe4af2ca89587.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2610/file/medium-b8f69dad81b6c53e1e63fc6c47cba3ab.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">Bisson</p>
          <a href="/en/products/waffles-chocolate-organic-190-g-4139">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Waffles Chocolate Organic, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hpm2giL7ZOhPdvxeWQTrVkqH_jlWr5EzE3Qn8FR2hIth9lHTXrvDclLAyP96y7K_uBQs27PjjBpNmgGZ0IdYow" />
    <input value="4139" 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/softener-100-biodegradable-500-g-4145">
          <img alt="Softener 100% biodegradable" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2617/file/small-56f3dec8bf1361934555f160c2cbb1f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2617/file/medium-9650b32e9f6260964111e3c276957abc.webp 900w, https://assets.fabulous.ch/public/variant_asset/2617/file/large-5969a21b48d89fb39a5b3b5a531d04ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2617/file/medium-9650b32e9f6260964111e3c276957abc.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/softener-100-biodegradable-500-g-4145">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Softener 100% biodegradable, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VuAieL6JzvScir2seHHGjCUicZh9Z4Nv75MIzApAGSUpj8UpwslpboE8iQ1bvp9l17GjepgrnkaxfS6ljrHFDQ" />
    <input value="4145" 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/softener-100-biodegradable-bulk-buy-5-kg-4146">
          <img alt="Softener 100% biodegradable Bulk Buy" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2619/file/small-f5fe4eea3e69c3cc08dec06c74a6807d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2619/file/medium-451a076c09bdeb9461d9d1ea6932ac11.webp 900w, https://assets.fabulous.ch/public/variant_asset/2619/file/large-645f7dc662e1eb0728279866a9028a2b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2619/file/medium-451a076c09bdeb9461d9d1ea6932ac11.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/softener-100-biodegradable-bulk-buy-5-kg-4146">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Softener 100% biodegradable Bulk Buy, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KrLVLXnWy_Y7GbPusFGo5YaaimfWfseiGE75nJ4vYVBV3TJ8BZZsbCavh0-TnvEMdAlYhTMy2otGoN_1Gt69eA" />
    <input value="4146" 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/soap-hand-rosemary-pump-dispenser-300-ml-4148">
          <img alt="Soap Hand Rosemary Pump Dispenser" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2620/file/small-c80f5b2a2953ce6a761e205eccba6e32.webp 600w, https://assets.fabulous.ch/public/variant_asset/2620/file/medium-6e0ebebb72a647b281c8b5ce2c816456.webp 900w, https://assets.fabulous.ch/public/variant_asset/2620/file/large-1c5ef148dc104bfd23590155753eb104.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2620/file/medium-6e0ebebb72a647b281c8b5ce2c816456.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/soap-hand-rosemary-pump-dispenser-300-ml-4148">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soap Hand Rosemary Pump Dispenser, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hG_PN5RMluEIKs2kGyyoq92AOeSDAjTxJbJn44RofXH7AChm6AwxexWc-QU44_FCLxPrBmZOKdh7XEGKAJmhWQ" />
    <input value="4148" 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/soap-hand-lavender-pump-dispenser-300-ml-4149">
          <img alt="Soap Hand Lavender Pump Dispenser" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2621/file/small-c0dde76a822ceecc2c25532376a4384f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2621/file/medium-1a69ae56156459d8650aa48a03b66a91.webp 900w, https://assets.fabulous.ch/public/variant_asset/2621/file/large-4f0463d7f737d2485fc57381f50894ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2621/file/medium-1a69ae56156459d8650aa48a03b66a91.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/soap-hand-lavender-pump-dispenser-300-ml-4149">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soap Hand Lavender Pump Dispenser, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="otHs8_Hc02KkXoLH5VcQY9q87fS0TXs3xop8-_ZM6R3dvguijZx0-LnotmbGmEmKKC8_FlEBZh6YZFqScr01NQ" />
    <input value="4149" 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/soap-hand-sensitive-pump-dispenser-300-ml-4150">
          <img alt="Soap Hand sensitive Pump Dispenser" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2623/file/small-dc7eadf91470d08e04240c3f551a3005.webp 600w, https://assets.fabulous.ch/public/variant_asset/2623/file/medium-be521b50d6c0f98c3707b7f7828d533d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2623/file/large-f5edf0e107a508cfb7cacca0b8f62ecc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2623/file/medium-be521b50d6c0f98c3707b7f7828d533d.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/soap-hand-sensitive-pump-dispenser-300-ml-4150">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soap Hand sensitive Pump Dispenser, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IimCwwVPSG1eBQ3EnLKOJN6lfV5KIEkfXTEOdd_Fy-RdRmWSeQ_v90OzOWW_fdfNLDavvK9sVDYD3ygcWzQXzA" />
    <input value="4150" 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/tomatoes-chopped-organic-6-x-340-g-4153">
          <img alt="Chopped Tomatoes Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8729/file/small-054c8d81a7643b899c8b85805c6530dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/8729/file/medium-0495c5573a18e4feae8118ef19129135.webp 900w, https://assets.fabulous.ch/public/variant_asset/8729/file/large-1a92c500e869f174805f27a1551fa270.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8729/file/medium-0495c5573a18e4feae8118ef19129135.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">LaSelva</p>
          <a href="/en/products/tomatoes-chopped-organic-6-x-340-g-4153">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chopped Tomatoes Organic, 6 x 340 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H9lnjLOXG87bezI2ZuAcv9unYkBXwL1dTQm7eVuDZtRgtoDdz9e8VMbNBpdFL0VWKTSworKMoHQT550Q33K6_A" />
    <input value="4153" 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-e-tocotrienols-alpha-gamma-tocopherol-kapseln-60-piece-4170">
          <img alt="Vitamin E - Tocotrienols alpha - gamma + Tocopherol" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2631/file/small-3573c69459ed2b8581b9ca9d9c36ed2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2631/file/medium-23d4e116e22ccb49d9da2bb87eba10e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/2631/file/large-9bee0eafd9cf5b71a67688730899b87f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2631/file/medium-23d4e116e22ccb49d9da2bb87eba10e7.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">energybalance</p>
          <a href="/en/products/vitamin-e-tocotrienols-alpha-gamma-tocopherol-kapseln-60-piece-4170">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin E - Tocotrienols alpha - gamma + Tocopherol, 60 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p4NyeGUu19wV1KV5qNLA2FV6UNe7nCm570QYO9WFHHXY7JUpGW5wRghikdiLHZkxp-mCNV7QNJCxqj5SUXTAXQ" />
    <input value="4170" 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/rapunzel-coconut-dark-chocolate-organic-50-g-4173">
          <img alt="Rapunzel Coconut Dark Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2632/file/small-b72a89e655a19a592b078ad7e7515bca.webp 600w, https://assets.fabulous.ch/public/variant_asset/2632/file/medium-15031d56fda64dc3a0dd1e7780acfef2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2632/file/large-f0a243728b4c35d9b96e437e62811a51.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2632/file/medium-15031d56fda64dc3a0dd1e7780acfef2.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/rapunzel-coconut-dark-chocolate-organic-50-g-4173">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rapunzel Coconut Dark Chocolate Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WQxoHXRg2mtqBSxR6r8fZRw1gz0e6yNt6EdE9yHEZN4mY49MCCB98XezGPDJcEaM7qZR3_unPkS2qWKepTW49g" />
    <input value="4173" 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/sunflower-bolognese-mix-organic-90-g-4187">
          <img alt="Sunflower Bolognese Mix Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2634/file/small-3c2753d9c8da65bb609b41b72bb19c0d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2634/file/medium-04b7c6ba0dcb36e0bd45efedebf7a520.webp 900w, https://assets.fabulous.ch/public/variant_asset/2634/file/large-e2f47dd4cdbefdc58e62485e642fe230.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2634/file/medium-04b7c6ba0dcb36e0bd45efedebf7a520.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">Sunflower Family</p>
          <a href="/en/products/sunflower-bolognese-mix-organic-90-g-4187">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sunflower Bolognese Mix Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RpqGdhcAQ8dP5FjOQ4C-SntUjC8XZ10vW9OBwEoEKTE59WEna0DkXVJSbG9gT-ejicdezfIrQAYFPaepzvX1GQ" />
    <input value="4187" 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/tempeh-starter-75-g-4205">
          <img alt="Tempeh Starter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2640/file/small-1d377c0b666b54c88a83459bae6d3c81.webp 600w, https://assets.fabulous.ch/public/variant_asset/2640/file/medium-107d0231b891987a6fd850034c0c6c04.webp 900w, https://assets.fabulous.ch/public/variant_asset/2640/file/large-4effa371a3f1ae3704cee9fe00e5c588.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2640/file/medium-107d0231b891987a6fd850034c0c6c04.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">Produced for fabulous!</p>
          <a href="/en/products/tempeh-starter-75-g-4205">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh Starter, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FSe0YKASFSE4O4Cj4H0vVGNHorNIbG6DgmnxCe6oO45qSFMx3FKyuyWNtALDsna9kdRwUa0gc6rch9dgalnnpg" />
    <input value="4205" 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;600 of 3&#39;209 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/rigoni-di-asiago?format=turbo_stream&amp;page=81">Show more</a>
  </div>
</div>

</template></turbo-stream>