<turbo-stream action="append" target="products_grid"><template>
    

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/zaufb-panini-grainy-maisbrotchen-bio-188-g-18939">
          <img alt="zAufb Panini Grainy Maisbrötchen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9591/file/small-3bd4e6d1c732707793ef1073d951d404.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9591/file/medium-6466ac6727ec099c34c2e2c4e9c680fd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9591/file/large-4d9b44f6d00aa3fa7e8d2a88133c1f89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9591/file/medium-6466ac6727ec099c34c2e2c4e9c680fd.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">Schnitzer</p>
          <a href="/en/products/zaufb-panini-grainy-maisbrotchen-bio-188-g-18939">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zAufb Panini Grainy Maisbrötchen Bio, 188 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cookies-choko-cashew-bio-125-g-18943">
          <img alt="Cookies Choko-Cashew Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11088/file/small-400948dfb9ccde6db41fc0c78d0edae8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11088/file/medium-4ff9b501388c5b98d02f6444cd184806.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11088/file/large-e793dd2611b44c3d150abc5242200999.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11088/file/medium-4ff9b501388c5b98d02f6444cd184806.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">Sommer</p>
          <a href="/en/products/cookies-choko-cashew-bio-125-g-18943">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cookies Choko-Cashew Bio, 125 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 3.92 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/bengelchen-joghurtfruchte-bio-100-g-18947">
          <img alt="Bengelchen Joghurtfrüchte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9628/file/small-0c67c24f2b9abc026798c5e05b7cbe1b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9628/file/medium-4816e253dd442660a0b725b37cdd6322.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9628/file/large-0ea9d737a8e8fb5dedac3936b81d4aa2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9628/file/medium-4816e253dd442660a0b725b37cdd6322.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">Sonnentor</p>
          <a href="/en/products/bengelchen-joghurtfruchte-bio-100-g-18947">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bengelchen Joghurtfrüchte Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YCUnUlWsvQ13Yy-pj22LyAvEa1QQ-x95vEWQSbgpgdSjssyirNCx1VNa1BmNiWY4jH-YFk-rnflzFYa8Eel_Zw" />
    <input value="18947" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/flohsamen-bio-90-g-18948">
          <img alt="Flohsamen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9549/file/small-7220dbb974b4d4ee0e9ccae088613803.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9549/file/medium-481d1b38891c5705f2fe0015fd63ff93.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9549/file/large-03c403e97f7f7b7c6df74a508adc726c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9549/file/medium-481d1b38891c5705f2fe0015fd63ff93.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">Sonnentor</p>
          <a href="/en/products/flohsamen-bio-90-g-18948">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flohsamen Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/gewurz-curry-scharf-nfp-bio-50-g-18951">
          <img alt="Gewürz Curry scharf NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9643/file/small-88cd6f08cb774d16879d71df95bd39f9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9643/file/medium-bb8a1c214ed8f02019ad3fe4465cbaaa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9643/file/large-670b62b86623606764e292ee3979a3f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9643/file/medium-bb8a1c214ed8f02019ad3fe4465cbaaa.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">Sonnentor</p>
          <a href="/en/products/gewurz-curry-scharf-nfp-bio-50-g-18951">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürz Curry scharf NFP Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/gewurz-curry-suss-bio-50-g-18952">
          <img alt="Gewürz Curry süss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9647/file/small-2070fabe372d566503596cc498f0b346.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9647/file/medium-3ebc6e535ec2907c9ce6ba8d41893bdd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9647/file/large-0bc45e572fcf4a816cc060fde9f174dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9647/file/medium-3ebc6e535ec2907c9ce6ba8d41893bdd.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">Sonnentor</p>
          <a href="/en/products/gewurz-curry-suss-bio-50-g-18952">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürz Curry süss Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/gewurz-galgant-gemahlen-bio-35-g-18953">
          <img alt="Gewürz Galgant gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9656/file/small-195c7dac888b55a96c94272325e640d5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9656/file/medium-a0a4a57765bcc8bf2af63b1eefd0c444.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9656/file/large-0b322076407b5ca5d9339e768a420656.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9656/file/medium-a0a4a57765bcc8bf2af63b1eefd0c444.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">Sonnentor</p>
          <a href="/en/products/gewurz-galgant-gemahlen-bio-35-g-18953">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürz Galgant gemahlen Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/gewurzbluten-alles-im-grunen-nfp-bio-15-g-18956">
          <img alt="Gewürzblüten Alles im Grünen NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9639/file/small-2be4b3b261d9ccebf68334699ae315f4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9639/file/medium-4a1b30541bf60b1dd508a609d11ad0bd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9639/file/large-2291fc4953d63c48c4a4290425946926.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9639/file/medium-4a1b30541bf60b1dd508a609d11ad0bd.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">Sonnentor</p>
          <a href="/en/products/gewurzbluten-alles-im-grunen-nfp-bio-15-g-18956">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürzblüten Alles im Grünen NFP Bio, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tee-hanfblatter-bio-18-beutel-18973">
          <img alt="Tee Hanfblätter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9638/file/small-347a860c60e975614f38b6fc1a66e0a4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9638/file/medium-8884737e4410dae41ab8293e13903d85.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9638/file/large-1c4a4025328812e2fadf65f6bfb3f17e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9638/file/medium-8884737e4410dae41ab8293e13903d85.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">Sonnentor</p>
          <a href="/en/products/tee-hanfblatter-bio-18-beutel-18973">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Hanfblätter Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-0Bqa15aLqPZbjQLWdlRLMmGqhgizs6K-6WsYIPRYFE414GbpyYie_1Xz7tbPbzcTj1ZWn2eTAo09bqVKhGe4g" />
    <input value="18973" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mediterranes-bluten-zaubersalz-bio-120-g-18978">
          <img alt="Mediterranes Blüten Zaubersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9548/file/small-08c8c20654402f00119cd2d3e5222606.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9548/file/medium-08fa325761727dc48e64db94b6f8c897.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9548/file/large-6d44097dfb43881fdc8cc434637d44d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9548/file/medium-08fa325761727dc48e64db94b6f8c897.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">Sonnentor</p>
          <a href="/en/products/mediterranes-bluten-zaubersalz-bio-120-g-18978">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mediterranes Blüten Zaubersalz Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PXwoKhb3eVHlK-5_vHh3cxwUV8XVPML5OZhnXw6MShX-68Pa74t1icESFc--nJqDm6-kh4psQHn2yHGqp0y0pg" />
    <input value="18978" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tee-ingwer-100-bio-18-beutel-19024">
          <img alt="Tee Ingwer 100% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11468/file/small-608dbf1307fdb43789b7f9355c4217b7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11468/file/medium-521d5ea03e0b3f282f16e008ac041985.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11468/file/large-d6fad2244389cb0933161059f056eb21.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11468/file/medium-521d5ea03e0b3f282f16e008ac041985.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">Sonnentor</p>
          <a href="/en/products/tee-ingwer-100-bio-18-beutel-19024">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Ingwer 100% Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tee-lowenzahnblatter-bio-18-beutel-19039">
          <img alt="Tee Löwenzahnblätter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9635/file/small-cdf196acf3332c3ee28e190a43fc0475.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9635/file/medium-dcc8ab71267384bb8b45e97401985c71.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9635/file/large-0bc899d81ac191dcedc020936d2ad583.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9635/file/medium-dcc8ab71267384bb8b45e97401985c71.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">Sonnentor</p>
          <a href="/en/products/tee-lowenzahnblatter-bio-18-beutel-19039">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Löwenzahnblätter Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zHIOiN-07rnRjeFMojVKaUAIO_7tToVnF-K_7TOC8EMP5eV4JsjiYfW0Gvyg0aeZx7PIvLIeB-fYsqkYmkIO8A" />
    <input value="19039" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tee-rooibos-premium-natur-bio-18-beutel-19044">
          <img alt="Tee Rooibos Premium natur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9653/file/small-18738736b901efa76b0e9bf3b5119e0c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9653/file/medium-5dfe4d042fa679a452427dfcb8308bc6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9653/file/large-94628fcd058555ba85cebe76f34c5424.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9653/file/medium-5dfe4d042fa679a452427dfcb8308bc6.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">Sonnentor</p>
          <a href="/en/products/tee-rooibos-premium-natur-bio-18-beutel-19044">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Rooibos Premium natur Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tee-salbei-bio-18-beutel-19047">
          <img alt="Tee Salbei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9314/file/small-52ee9dc6c5331b1fc98cc2e1c8292a54.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9314/file/medium-34e7d05927511f6acc9f099e91102317.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9314/file/large-876c641d03d513e2f5f004392b41d1f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9314/file/medium-34e7d05927511f6acc9f099e91102317.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">Sonnentor</p>
          <a href="/en/products/tee-salbei-bio-18-beutel-19047">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Salbei Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/zauberhaftes-kristalsalz-fein-150-g-19066">
          <img alt="Zauberhaftes Kristalsalz fein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9659/file/small-8ce2995ceb497841c4389bd1fb2e3089.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9659/file/medium-6596dddeaa00b33275411d71b4c4dccb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9659/file/large-8048ebf3481b498d8399add37b6e3f4b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9659/file/medium-6596dddeaa00b33275411d71b4c4dccb.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">Sonnentor</p>
          <a href="/en/products/zauberhaftes-kristalsalz-fein-150-g-19066">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zauberhaftes Kristalsalz fein, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/zauberhaftes-kristalsalz-fein-streudose-120-g-19067">
          <img alt="Zauberhaftes Kristalsalz fein Streudose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9650/file/small-fdf9b2ad6843178b6af55df7a5d26610.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9650/file/medium-7bc7b699075721bcf6855d93a39059d3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9650/file/large-5204edcdc601be58d60dfa4b81bcf555.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9650/file/medium-7bc7b699075721bcf6855d93a39059d3.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">Sonnentor</p>
          <a href="/en/products/zauberhaftes-kristalsalz-fein-streudose-120-g-19067">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zauberhaftes Kristalsalz fein Streudose, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/burger-gemuse-rote-linse-2-x-80-g-19068">
          <img alt="Burger Gemüse rote Linse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9592/file/small-61dc045706e1634f5c5b1f46874f69d7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9592/file/medium-1835cb4a808af59222435cd1a53ba5b5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9592/file/large-8da0a1e286505c9f78aed4bac132134b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9592/file/medium-1835cb4a808af59222435cd1a53ba5b5.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">Soto</p>
          <a href="/en/products/burger-gemuse-rote-linse-2-x-80-g-19068">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Burger Gemüse rote Linse, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/fruhlingsrollen-mini-china-bio-4-x-50-g-19069">
          <img alt="Frühlingsrollen Mini China Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9593/file/small-eae9dff036bd8e2102016fad8d398376.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9593/file/medium-835f165f55eaf78ce81e53515158024f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9593/file/large-dee37612e8dac0ad8ff5d2547bcc6aaf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9593/file/medium-835f165f55eaf78ce81e53515158024f.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">Soto</p>
          <a href="/en/products/fruhlingsrollen-mini-china-bio-4-x-50-g-19069">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Frühlingsrollen Mini China Bio, 4 x 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 2.45 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cereal-drink-hafer-bio-500-ml-19070">
          <img alt="Cereal Drink Hafer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9805/file/small-00e71e880c78fc4154cb0e923ed93609.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9805/file/medium-492c9d71d7091bbf41aeefa92017d093.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9805/file/large-a01b8d547b179faec9d48e107e05dbe2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9805/file/medium-492c9d71d7091bbf41aeefa92017d093.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/cereal-drink-hafer-bio-500-ml-19070">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cereal Drink Hafer Bio, 500 ml</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 0.43 / 100 ml
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cereal-drink-hafer-plus-calcium-bio-1-l-19071">
          <img alt="Cereal Drink Hafer Plus Calcium Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9427/file/small-2fd9e326837ed9e186d52e1638d0bd13.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9427/file/medium-2ca1845ecb67977a224523a94398dc7f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9427/file/large-345f6a647a0d3887dc7653e339c35f16.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9427/file/medium-2ca1845ecb67977a224523a94398dc7f.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/cereal-drink-hafer-plus-calcium-bio-1-l-19071">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cereal Drink Hafer Plus Calcium Bio, 1 l</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 0.33 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4upC86blZetbgQqvj9OQqlikXfD0jqtwDQU8qK6hlGEhfakDX5lpM3-48R-NN31a3x-usqveKfDCVSpdB2Fq0g" />
    <input value="19071" 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">
      500 of 722 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/collections/under-5?format=turbo_stream&amp;page=26">Show more</a>
  </div>
</div>

</template></turbo-stream>