<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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D9">
    <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="/products/sirocco-tea-favorite-selection-bio-8-beutel-20098">
          <img alt="Sirocco Tea Favorite Selection Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10659/file/small-0ca589fd73c240f6b4f55d3f73b83fa1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10659/file/medium-69199959b1d75ecba97b075373bbdc10.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10659/file/large-4a53aeac137c716cb50ed59bd656be8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10659/file/medium-69199959b1d75ecba97b075373bbdc10.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">Sirocco</p>
          <a href="/products/sirocco-tea-favorite-selection-bio-8-beutel-20098">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sirocco Tea Favorite Selection Bio, 8 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1ahmoaOJvuoEebb9R78dVvF_9VOeeU1Ofiq0hRjc5YZNDYBYyCU9jLz2ZgjIKUZgvuREclkw2hUp_wHi-c1MmA" />
    <input value="20098" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D9">
    <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="/products/pukka-tea-kurkuma-aktiv-20x1-8g-bio-1-stuck-20111">
          <img alt="Pukka Tea Kurkuma Aktiv 20x1.8g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11195/file/small-c1560d7359fb9349ebd9624bb6ca587b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11195/file/medium-12b2a698948b4fdf50a8eee60068c630.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11195/file/large-52b4db5b105e32bf2d48df64877cea3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11195/file/medium-12b2a698948b4fdf50a8eee60068c630.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">Pukka</p>
          <a href="/products/pukka-tea-kurkuma-aktiv-20x1-8g-bio-1-stuck-20111">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pukka Tea Kurkuma Aktiv 20x1.8g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DwtCJBIyrPsoQkj71SgCnxX7rqw12jc65iPRMm0pDNaXrqTdeZ4vnZDNmA5avlmpWmAfjfKToGGx9mRVjDilyA" />
    <input value="20111" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D9">
    <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="/products/yogi-tee-tulsi-gelassenheit-teebeutel-bio-17-stuck-20134">
          <img alt="Yogi Tee Tulsi Gelassenheit 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/10693/file/small-d9949d6a68747418af37e9a4afd26c26.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10693/file/medium-406d9ce770fc48cdef43b33bc3d3259b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10693/file/large-aa152775cda5da6bc1f8a7fe856c2a7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10693/file/medium-406d9ce770fc48cdef43b33bc3d3259b.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="/products/yogi-tee-tulsi-gelassenheit-teebeutel-bio-17-stuck-20134">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Yogi Tee Tulsi Gelassenheit Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KcKdn1PAM5gSgqxEmjxLOOxBlzPc2ljYrQd4ebufmKOxZ3tmOGyw_qoNfLEVqhAOo9omEhuTz4P60s0eWo4xvQ" />
    <input value="20134" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D9">
    <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="/products/hampstead-schwarztee-first-flush-offen-demeter-100-g-20138">
          <img alt="Hampstead Schwarztee First Flush offen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10705/file/small-d5834bbbd8214f64ca76b14d3b006b2c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10705/file/medium-f70a427f065a9c860f81c2e40e8a516f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10705/file/large-86e7a96548ca854541926b262b6bbd84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10705/file/medium-f70a427f065a9c860f81c2e40e8a516f.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">Hampstead</p>
          <a href="/products/hampstead-schwarztee-first-flush-offen-demeter-100-g-20138">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hampstead Schwarztee First Flush offen Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UaFxMj4t9Yqx5o85MszFtkz7Y7z_unXl93ByoaLC2KzJBJfLVYF27AlpX8y9Wp6AA2DSnTjz4r6gpcfGQ9Nxsg" />
    <input value="20138" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D9">
    <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="/products/sirocco-tea-grand-selection-bio-36-beutel-20172">
          <img alt="Sirocco Tea Grand Selection Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10738/file/small-2fcca44b6ec63313e97b902104e16972.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10738/file/medium-869690744f47837045e8e30cbeb8bad1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10738/file/large-abb78c1cbf970e8a7a85cb6db6acfa8a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10738/file/medium-869690744f47837045e8e30cbeb8bad1.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">Sirocco</p>
          <a href="/products/sirocco-tea-grand-selection-bio-36-beutel-20172">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sirocco Tea Grand Selection Bio, 36 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eWnwP9AVnWfaaW7LqhmiBMRtPR2yXrN9orG2DI2EJ_DhzBbGu7keAWLmvj4lj_kyi_aMPHUXJCb1ZANrbJWO7g" />
    <input value="20172" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D9">
    <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="/products/pukka-tea-drei-fenchel-20x1-8g-bio-1-stuck-20213">
          <img alt="Pukka Tea Drei Fenchel 20x1.8g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10854/file/small-9554a5d598e914aee1d17f4458f65357.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10854/file/medium-b469878f25a1db5288cccb9d57476523.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10854/file/large-796aae8297cca3a8258ad78452ee5e00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10854/file/medium-b469878f25a1db5288cccb9d57476523.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">Pukka</p>
          <a href="/products/pukka-tea-drei-fenchel-20x1-8g-bio-1-stuck-20213">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pukka Tea Drei Fenchel 20x1.8g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6qqJDTrQOSzbdPGrYdmdnAC9mJWiACmqxPFdEmlqBrRyD2_0UXy6SmP7IV7uT8aqTyYptGVJvvGTJOh1iHuvqg" />
    <input value="20213" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D9">
    <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="/products/chalira-alpenwald-tee-bio-100-g-20227">
          <img alt="Chalira Alpenwald Tee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10868/file/small-f537369bbf3edae4bf2b906e68efbc5f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10868/file/medium-4298c438fe14fec3cd2d1d02ec7df36d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10868/file/large-5167f4634e8b24f35c8bdcaade421e9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10868/file/medium-4298c438fe14fec3cd2d1d02ec7df36d.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">Chalira</p>
          <a href="/products/chalira-alpenwald-tee-bio-100-g-20227">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Alpenwald Tee Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UY-YmzoFAjEeIqE__7TlXlXjVj9NRmU_DYEG_YQqY9_JKn5iUamBV6atccpwIr5oGnjnHooP8mRaVLOaZTvKwQ" />
    <input value="20227" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D9">
    <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="/products/chalira-silberkelch-tee-bio-60-g-20228">
          <img alt="Chalira Silberkelch Tee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10869/file/small-d65cdd5d76da34eadfc40ac5bf6bd35e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10869/file/medium-4b7b18c8a4590fb730827af69ace0025.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10869/file/large-4152efd5146a856202c63fdf26a2a365.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10869/file/medium-4b7b18c8a4590fb730827af69ace0025.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">Chalira</p>
          <a href="/products/chalira-silberkelch-tee-bio-60-g-20228">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Silberkelch Tee Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lidsKF53ZsuMi_bue9rQmNupgjJuPL9aQ0NAyTzVjlIOgorRNdvlrTQEJhv0TIuulDIzE6l1KAEUlvWu3cQnTA" />
    <input value="20228" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D9">
    <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="/products/yogi-tee-salted-caramel-teebeutel-bio-17-stuck-20377">
          <img alt="Yogi Tee Salted Caramel 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/11078/file/small-bd5a2fd468b011ad861209bcdc602433.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11078/file/medium-f7d8a0d114bfc70fe618bf3b358113ba.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11078/file/large-f574dcf84070f88ce1c59bda756c2fed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11078/file/medium-f7d8a0d114bfc70fe618bf3b358113ba.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="/products/yogi-tee-salted-caramel-teebeutel-bio-17-stuck-20377">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Yogi Tee Salted Caramel 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-20377-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lmuo0dNtfJcKL_jyhw5Cmj7XrgYJ4dL6_Trqt-QJq4UOzk4ouMH_8bKgKAcImBmscUwfJ86oRaGq71_QBRgCmw" />
    <input value="20377" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%2Ftee%3Fformat%3Dturbo_stream%26page%3D9">
    <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="/products/sonnentor-tee-naturlich-bitter-bio-18-beutel-20506">
          <img alt="Sonnentor Tee Natürlich Bitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11237/file/small-f866f97cf369f9f2f5171542542b76bd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11237/file/medium-cf27afbd80b720332a77ca7e2d8bddce.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11237/file/large-34ca5c4b15781655a6185537efd73bf1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11237/file/medium-cf27afbd80b720332a77ca7e2d8bddce.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="/products/sonnentor-tee-naturlich-bitter-bio-18-beutel-20506">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnentor Tee Natürlich Bitter Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IlhzX8VnIs3GHLdF_d4SEbhFsBIK9Y7StW4qQKHCPLO6_ZWmrsuhq36TZ7BySEkn994BM828GYniu58nQNOVrQ" />
    <input value="20506" 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>
          Warenkorb
</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">
      170 von 170 Produkten
    </p>
  </div>
</div>

</template></turbo-stream>