<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%3D29">
    <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-halswarmer-teebeutel-bio-17-stuck-19289">
          <img alt="Tee Halswärmer Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11400/file/small-e456e63da97ac3286664bfa2cfc2dec1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11400/file/medium-268d85abca92d30cc4d7c6c73ca38c52.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11400/file/large-41dac0aa08dea0f182195fcd6753b0b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11400/file/medium-268d85abca92d30cc4d7c6c73ca38c52.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">Yogi</p>
          <a href="/en/products/tee-halswarmer-teebeutel-bio-17-stuck-19289">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Halswärmer Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OFpuT2PeZJeiBS3BvM2JGdMW5vYGm8I9LWqI6byFL0uLLa2V-NwyVlo6d1brlQ3szaY_UWZdqyI18nJRwUQDog" />
    <input value="19289" 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%3D29">
    <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-himalaya-ginger-harmony-teebeutel-bio-17-stuck-19290">
          <img alt="Tee Himalaya Ginger Harmony Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9339/file/small-58c77423a4ce083ef7904be1e6006f1c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9339/file/medium-2ccb3d3e2a7acd23c0946d198c7cbf70.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9339/file/large-fd1f0d47694aff962edd4846fd2460a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9339/file/medium-2ccb3d3e2a7acd23c0946d198c7cbf70.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">Yogi</p>
          <a href="/en/products/tee-himalaya-ginger-harmony-teebeutel-bio-17-stuck-19290">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Himalaya Ginger Harmony Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1BuYfHiFFQUWEpaETXRbfbuGSMt23vseArVp5e7A0D1nbFum44dDxO4tzBMaLN-IpTaRbBYYkgEaLZNdkwH81A" />
    <input value="19290" 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%3D29">
    <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-orange-vanille-teebeutel-bio-17-stuck-19291">
          <img alt="Tee Ingwer Orange Vanille Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9340/file/small-4479d37bbe61b35518d080388d312fa8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9340/file/medium-bb007fcc49da1e9e3e35444f0754f85c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9340/file/large-3395ec2678afff351c0243ce4e21d6a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9340/file/medium-bb007fcc49da1e9e3e35444f0754f85c.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">Yogi</p>
          <a href="/en/products/tee-ingwer-orange-vanille-teebeutel-bio-17-stuck-19291">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Ingwer Orange Vanille Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DVg6_Juw_yNzaiyesnTLr7pE1fEp3CoNhIxOOQ_Gyam-L_kmALKp4otVdgnlLE9apPQMVkkaQxKcFLSBcgflQA" />
    <input value="19291" 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%3D29">
    <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-zitrone-teebeutel-bio-17-stuck-19292">
          <img alt="Tee Ingwer Zitrone Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9341/file/small-ce3702aaa40f53771e590310d2dca472.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9341/file/medium-fa0ed2ed7c6ea7552a1628979f9a9750.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9341/file/large-6766157f311ed4e87dcad8717aed1ebf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9341/file/medium-fa0ed2ed7c6ea7552a1628979f9a9750.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">Yogi</p>
          <a href="/en/products/tee-ingwer-zitrone-teebeutel-bio-17-stuck-19292">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Ingwer Zitrone Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MtJBjGSwhD3F12vCNMmbgUmJWtGB2IzTr8V4cGTCk5SBpYJW_7LS_D3oMVVjkR90VzmDduEe5cy3XYLIGQO_fQ" />
    <input value="19292" 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%3D29">
    <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-innere-harmonie-teebeutel-bio-17-stuck-19293">
          <img alt="Tee Innere Harmonie Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9343/file/small-f58588eb59dfbc0d93f85839e2326f24.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9343/file/medium-6d9072021e038d195c8857807f982f46.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9343/file/large-ab1296eab2ab6dd9369a064982c7f151.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9343/file/medium-6d9072021e038d195c8857807f982f46.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">Yogi</p>
          <a href="/en/products/tee-innere-harmonie-teebeutel-bio-17-stuck-19293">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Innere Harmonie Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cXScTnBpw2OfyoBB1mY47-Dp1hLyHIi6oYv3fcwzlkDCA1-U62uVomf12taBPrwa_lkPtZLa4aW5Ew3FsfK6qQ" />
    <input value="19293" 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%3D29">
    <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-kurkuma-chai-teebeutel-bio-17-stuck-19294">
          <img alt="Tee Kurkuma Chai Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9346/file/small-fdfa8cef24b4ebbce1e7ae8acb272a2c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9346/file/medium-6c2f09edc292110397a225144506b0e3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9346/file/large-5778219410dbb9ff69405727e6f6301e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9346/file/medium-6c2f09edc292110397a225144506b0e3.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">Yogi</p>
          <a href="/en/products/tee-kurkuma-chai-teebeutel-bio-17-stuck-19294">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Kurkuma Chai Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WVo4sy_A6O_ax1g217LYQQCDfTXbB9aJFx9M2V02rXzqLftptMK-LiL4AqGA6ly0HjOkkrvBv5YPh7ZhIPeBlQ" />
    <input value="19294" 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%3D29">
    <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-lakritz-teebeutel-bio-17-stuck-19295">
          <img alt="Tee Lakritz Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9342/file/small-979bc6b0061b0d529b912251db9dfc37.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9342/file/medium-7ccbc177127cbcb02739e3ee5bbcda0d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9342/file/large-52caacce2d85c7cc2d202d855eb2dd42.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9342/file/medium-7ccbc177127cbcb02739e3ee5bbcda0d.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">Yogi</p>
          <a href="/en/products/tee-lakritz-teebeutel-bio-17-stuck-19295">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Lakritz Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BajItAVh7fdPov9NjyCpHzon04TvLaX6AgTDan4VpUa23wtunmO7NredpdrYeC3qJJcKI4_rzOUanDnSA9SJrw" />
    <input value="19295" 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%3D29">
    <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-lebensfreude-teebeutel-bio-17-stuck-19296">
          <img alt="Tee Lebensfreude Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9345/file/small-73e0d4be7cc1721f585905fab7600c09.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9345/file/medium-3109c81fd4840ff014ee96b0d44ad118.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9345/file/large-7598af9b97c66cadf4e080998d868da4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9345/file/medium-3109c81fd4840ff014ee96b0d44ad118.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">Yogi</p>
          <a href="/en/products/tee-lebensfreude-teebeutel-bio-17-stuck-19296">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Lebensfreude Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ve6TZbgiyzU2BiNigeTmXpcgdaXwB-MLMW9e3DG1BprmmVC_IyCd9M45efXWvGKriZCsApDBihQp96RkTHQqcw" />
    <input value="19296" 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%3D29">
    <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-maca-chai-teebeutel-bio-17-stuck-19297">
          <img alt="Tee Maca Chai Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9661/file/small-ea1591316dc5644b38470448fc5aeec3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9661/file/medium-e07d8d4cc34812860df1bf7da6f1514a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9661/file/large-e1f60113988cf2bda01b6bb5bbd85190.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9661/file/medium-e07d8d4cc34812860df1bf7da6f1514a.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">Yogi</p>
          <a href="/en/products/tee-maca-chai-teebeutel-bio-17-stuck-19297">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Maca Chai Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ukMwBIQ_MpcmpqxeUz2jOIuroB5RFk7rpxTYTLjrr8YJNPPeHz1kVt6Z9skEZSfNlRt5uTHQJ_S_jCL0xSqDLw" />
    <input value="19297" 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%3D29">
    <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-nach-dem-essen-teebeutel-bio-17-stuck-19298">
          <img alt="Tee Nach dem Essen Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9344/file/small-3bd3980934aff23221402c41b58aac29.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9344/file/medium-2880a6f43e2236e550191304cc610be5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9344/file/large-e531fa3ac3b225d2d721616f2fa38d17.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9344/file/medium-2880a6f43e2236e550191304cc610be5.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">Yogi</p>
          <a href="/en/products/tee-nach-dem-essen-teebeutel-bio-17-stuck-19298">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Nach dem Essen Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XvxVhAAA7EHJSnFqAJx1oS6lT2NJdW-Tg0825VEbxdzti5ZemwK6gDF1K_1XxPFUMBWWxCmzBoyb18xdLNrpNQ" />
    <input value="19298" 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%3D29">
    <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-naturliche-abwehr-teebeutel-bio-17-stuck-19299">
          <img alt="Tee Natürliche Abwehr Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9347/file/small-a84afe687264528bba641a04fde87846.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9347/file/medium-9993eefe038d81744fe2fe65ad17b843.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9347/file/large-768ded5f6c19d4fff25e3d299677e4ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9347/file/medium-9993eefe038d81744fe2fe65ad17b843.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">Yogi</p>
          <a href="/en/products/tee-naturliche-abwehr-teebeutel-bio-17-stuck-19299">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Natürliche Abwehr Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CX_KgqrHa1K_rFQ7L41tvjll0RHV1uTxYXscNgc84A-6CAlYMcU9k0eTDqx41elLJ9UItrUQje554-aOev3M5g" />
    <input value="19299" 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%3D29">
    <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-teebeutel-bio-17-stuck-19301">
          <img alt="Tee Rooibos Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9349/file/small-b3ca69775126ac91a86d1fbc6d5c4ce7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9349/file/medium-79e529d30ad0914831e56782a7f41966.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9349/file/large-e3e6f7aab48d6e9786c6cd6d334be331.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9349/file/medium-79e529d30ad0914831e56782a7f41966.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">Yogi</p>
          <a href="/en/products/tee-rooibos-teebeutel-bio-17-stuck-19301">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Rooibos Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VNUAQoWNf6T1pw6JD7EnelD7X46soHKG7GA_ziUt9DfnosOYHo8pZQ2YVB5Y6aOPTkuGKcxmG5n0-MV2WOzY3g" />
    <input value="19301" 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%3D29">
    <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-ruhe-teebeutel-bio-17-stuck-19302">
          <img alt="Tee Ruhe Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9351/file/small-af5c08f68f3aabf31a9db6d233afa8a0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9351/file/medium-c8582793da3526201e49bebf18a1e342.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9351/file/large-45667bbd077e9e9ad63d98f3187f845f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9351/file/medium-c8582793da3526201e49bebf18a1e342.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">Yogi</p>
          <a href="/en/products/tee-ruhe-teebeutel-bio-17-stuck-19302">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Ruhe Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fhzW3uaCeEMamkI8Gu4IwVvh_tgInmEcHudJoUxRgAzNaxUEfYAuguKlGKtNtow0RVEnf2hYCAMGf7MZMZCs5Q" />
    <input value="19302" 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%3D29">
    <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-schoko-aztec-spice-teebeutel-bio-17-stuck-19303">
          <img alt="Tee Schoko Aztec Spice Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9353/file/small-01a2c73ef2f62a7c7e44f9528b70bb5e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9353/file/medium-692312a8d530942dd0645f483590504d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9353/file/large-b73025712e44e5519cea6ea2d664ed6b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9353/file/medium-692312a8d530942dd0645f483590504d.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">Yogi</p>
          <a href="/en/products/tee-schoko-aztec-spice-teebeutel-bio-17-stuck-19303">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Schoko Aztec Spice Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sb7aJgso1cez5EkdY5yes_u-zExZvaeOxhiIcFBD6TgCyRn8kCqDBkvbE4o0xBpG5Q4V6zl7zpHegHLILYLF0Q" />
    <input value="19303" 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%3D29">
    <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-sweet-chai-teebeutel-bio-17-stuck-19305">
          <img alt="Tee Sweet Chai Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9354/file/small-702bb6c68bf9f7141b1989b3684d8713.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9354/file/medium-61b9d5725725f573ea1a8f690d8a5f87.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9354/file/large-53edc57a8f0a187aa724571b7e0c3f8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9354/file/medium-61b9d5725725f573ea1a8f690d8a5f87.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">Yogi</p>
          <a href="/en/products/tee-sweet-chai-teebeutel-bio-17-stuck-19305">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Sweet Chai Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lOxoifzzs-y4VXilmc_ztP_Rpa0-aU1kuzoipUTpSbUnm6tTZ_HlLUBqIjLOl3dB4WF8Cl6vJHujotgdOShlXA" />
    <input value="19305" 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%3D29">
    <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-sweet-chili-teebeutel-bio-17-stuck-19306">
          <img alt="Tee Sweet Chili Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9352/file/small-ca656e6d4bc2c1a23e817a8805b2b654.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9352/file/medium-819825e9dcffcd77db676031f45716ee.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9352/file/large-1c3c9eceec01ab3b6c27acd69b4fe00a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9352/file/medium-819825e9dcffcd77db676031f45716ee.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">Yogi</p>
          <a href="/en/products/tee-sweet-chili-teebeutel-bio-17-stuck-19306">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Sweet Chili Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SxOxPn5gedX6xOW21kKOtnha7ydjvZMg-FU8u5tw2gv4ZHLk5WIvFAL7vyGBGgpDZuo2gAN7-j_gzcYD5rH24g" />
    <input value="19306" 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%3D29">
    <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/mozzarella-bio-100-g-19309">
          <img alt="Mozzarella Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10116/file/small-88b8f85f8a8114d2c4f7f7b4c432be83.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10116/file/medium-f005f94d26016a6fa180a148c990e65a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10116/file/large-47e39588f55988755c5b5587ad1fd8c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10116/file/medium-f005f94d26016a6fa180a148c990e65a.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">Züger</p>
          <a href="/en/products/mozzarella-bio-100-g-19309">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mozzarella Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ix_vHDzqx3e2Mazp60r9Pnz_v8ekeyHBVHPW4NTg2I6QaCzGp-iRtk4O9n68EnnLYk9mYMS9SN5M6yxYqSH0Zw" />
    <input value="19309" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" 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%3D29">
    <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/aufstrich-arrabitom-bio-50-g-19312">
          <img alt="Aufstrich Arrabitom Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9530/file/small-28186cda6d1a68f4eb4271cbe7564c7d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9530/file/medium-5b6b4baf962c575485babc65e51a461b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9530/file/large-aead511414c4743026593c0f864c09e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9530/file/medium-5b6b4baf962c575485babc65e51a461b.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">Zwergenwiese</p>
          <a href="/en/products/aufstrich-arrabitom-bio-50-g-19312">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Arrabitom Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6dLm-d-DYgJ3SBgxK7kSbkJzDJR0W-c8WetOLDYE345apSUjRIE0w493QqZ84ZabXMPVMxSdjiNBc7SUS8XzZw" />
    <input value="19312" 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%3D29">
    <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/aufstrich-basitom-bio-135-g-19313">
          <img alt="Aufstrich Basitom Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11109/file/small-f4d2ed3e498f77340b72b3e42a4d61d1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11109/file/medium-9398741da30bf69d2070272d38786ebd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11109/file/large-7c8ea63a0c13842878fd2b0d3243c02e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11109/file/medium-9398741da30bf69d2070272d38786ebd.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">Zwergenwiese</p>
          <a href="/en/products/aufstrich-basitom-bio-135-g-19313">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Basitom Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2LVBOiyetLIWBFHQUaOo5i3qPLfTIQwMR4syrVgOyT5rwoLgt5zic-47C0cG-ywTM1rlELPnZRNfE8gVJc_l1w" />
    <input value="19313" 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%3D29">
    <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/aufstrich-basitom-bio-50-g-19314">
          <img alt="Aufstrich Basitom Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9532/file/small-827de94a77c6e22cf5d8fe864576b374.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9532/file/medium-6d81f16eca6426660dc85659406a7ef8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9532/file/large-38783fa429fd6173596865836677c543.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9532/file/medium-6d81f16eca6426660dc85659406a7ef8.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">Zwergenwiese</p>
          <a href="/en/products/aufstrich-basitom-bio-50-g-19314">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Basitom Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

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

</template></turbo-stream>