<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%2Faryalaya%3Fformat%3Dturbo_stream%26page%3D72">
    <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/tee-loslassen-bio-18-beutel-18979">
          <img alt="Tee Loslassen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10967/file/small-353152f0c376c9d4e30d65a863f1b281.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10967/file/medium-9f0ac3eeaedf4e936a1c50336d5cae5f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10967/file/large-2b1eb39df512b41f2f88b3d4dee12de7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10967/file/medium-9f0ac3eeaedf4e936a1c50336d5cae5f.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/tee-loslassen-bio-18-beutel-18979">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Loslassen 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-18979-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qi2fsDCuxkXbKFZ9IxXYmM3A2yniBaf4PHcCFPXoOfUgGBc6YoGSkJX4FLwIZi5N_dmuFDVew7mBYFDGQ8Yq4Q" />
    <input value="18979" 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%2Faryalaya%3Fformat%3Dturbo_stream%26page%3D72">
    <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/tee-loslassen-bio-40-g-18980">
          <img alt="Tee Loslassen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10968/file/small-39f8628d858707e01ddefcbaae366e37.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10968/file/medium-d73eb5252f04ad688bc512b02f84ab6b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10968/file/large-cb2c782b76cb5bc726c16810da7f474c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10968/file/medium-d73eb5252f04ad688bc512b02f84ab6b.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/tee-loslassen-bio-40-g-18980">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Loslassen Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VVe2ChGbuXI8GS9Od1e2xNSiPXUCTF8GmOMrcLIiT4ffYj6AQ7Ttp3LJbY9cJEAR5LtISNUXO0cl9HmiBAxckw" />
    <input value="18980" 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%2Faryalaya%3Fformat%3Dturbo_stream%26page%3D72">
    <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/tee-lowenzahnblatter-bio-18-beutel-18981">
          <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/9536/file/small-942bfe30971fbb992ac10809dfed63a2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9536/file/medium-6d03820c6215732f78df17d9d7ebe9b7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9536/file/large-bcd20c0c95c5463a7cdad472984f9cf7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9536/file/medium-6d03820c6215732f78df17d9d7ebe9b7.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/tee-lowenzahnblatter-bio-18-beutel-18981">
            <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-18981-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FeQBNERv7ZZuPXUCwfkhPQNQTJsyiOqkiHEpE31W07qf0Ym-FkC5QyDtN8PqitfoM0k5puXTjuU1ZnvBy3jArg" />
    <input value="18981" 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%2Faryalaya%3Fformat%3Dturbo_stream%26page%3D72">
    <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/tee-mate-bio-90-g-18982">
          <img alt="Tee Mate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10969/file/small-b9b3c1aade4e22058edc7b790676809a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10969/file/medium-7263066f010db122a6c9e8e6e337d374.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10969/file/large-c10edce25b03e9bcfe857af14932cd17.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10969/file/medium-7263066f010db122a6c9e8e6e337d374.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/tee-mate-bio-90-g-18982">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Mate Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YkhHpc3hMW_aDgIQK-NIavc-sgaTPNsovqDD2w_74tDofc8vn85lupTeQNEAkL6_xyfHO0Rnv2kDt5EJudXxxA" />
    <input value="18982" 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%2Faryalaya%3Fformat%3Dturbo_stream%26page%3D72">
    <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/tee-mystischer-hexentee-lose-bio-40-g-18983">
          <img alt="Tee Mystischer Hexentee lose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9459/file/small-4741793d2f61c1b3b6a9f8216de6b39a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9459/file/medium-b367ed9b86546e9774b1d8c24b0a614c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9459/file/large-9c32bd4c9c149b325d19a9a778b14fec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9459/file/medium-b367ed9b86546e9774b1d8c24b0a614c.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/tee-mystischer-hexentee-lose-bio-40-g-18983">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Mystischer Hexentee lose Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8alBD8ES5q1UkOhuTcMCUlMk7CwFkjzSiDYHTVIbNtZ7nMmFkz2yeBpAqq9msPSHYz2ZEdLJWJM1IVWf5DUlwg" />
    <input value="18983" 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%2Faryalaya%3Fformat%3Dturbo_stream%26page%3D72">
    <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/tee-pfefferminz-demeter-50-g-18984">
          <img alt="Tee Pfefferminz Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9292/file/small-f4ef9dbe4b80ee6baecbd4f060878fe5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9292/file/medium-32dc8deab6bd0328503ea68dc868c622.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9292/file/large-9d8bf1ae3147072fde565673f2bb117f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9292/file/medium-32dc8deab6bd0328503ea68dc868c622.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/tee-pfefferminz-demeter-50-g-18984">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Pfefferminz Demeter, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XrZLsbwZHXCWjMI43K1opsdgrRfldLog3PAAaQZD0AfUg8M77jZJpdhcgPn33p5z93nYKjIv3mFh51K7sG3DEw" />
    <input value="18984" 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%2Faryalaya%3Fformat%3Dturbo_stream%26page%3D72">
    <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/tee-pfefferminze-bio-18-beutel-18985">
          <img alt="Tee Pfefferminze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9293/file/small-78415228b418e973ea79cae2df3fae9c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9293/file/medium-08771fe3fc91f6de503ea1bf1fa22f50.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9293/file/large-8a2025b15e450fe28d28a2e0afdf14a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9293/file/medium-08771fe3fc91f6de503ea1bf1fa22f50.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/tee-pfefferminze-bio-18-beutel-18985">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Pfefferminze Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </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-18985-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZpTCHZhMymqADPSAPWy80Hv4W2w3hytNU4GdyHiDrvLsoUqXymOev87ctkEWH0oFS-EuUeDcTwzuls8azq295g" />
    <input value="18985" 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%2Faryalaya%3Fformat%3Dturbo_stream%26page%3D72">
    <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/tee-rooibos-premium-natur-bio-18-beutel-18986">
          <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/9553/file/small-97f34fba6d71b993827fdedf75a13bc7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9553/file/medium-7e645111f8948c88e3c581c1a2d92396.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9553/file/large-f83ca12d82b830757c93d791bbc76252.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9553/file/medium-7e645111f8948c88e3c581c1a2d92396.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/tee-rooibos-premium-natur-bio-18-beutel-18986">
            <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-18986-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vrRDt22IXDnofr0f8Lyj6xl6B_nS_cwo9svkcVte1Zo0gcs9P6cI7Kau_97bz1U-KWNyxAWmqGlL3Laj7XDGjg" />
    <input value="18986" 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%2Faryalaya%3Fformat%3Dturbo_stream%26page%3D72">
    <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/tee-rooibos-vanille-bio-18-beutel-18987">
          <img alt="Tee Rooibos Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9558/file/small-1a6c8e84e526b3d5d759298164344b65.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9558/file/medium-76835fc6d8fe330acce32bfc03c985ed.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9558/file/large-c043832b25e38e2fd2e2af10b2daca25.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9558/file/medium-76835fc6d8fe330acce32bfc03c985ed.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/tee-rooibos-vanille-bio-18-beutel-18987">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Rooibos Vanille Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </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-18987-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="THeMmrHjnpBdov1vr4wMBA28h42QI1Av66_oI63c5hXGQgQQ48zKRRNyv66E__rRPaXysEd4NG5WuLrxG_L1AQ" />
    <input value="18987" 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%2Faryalaya%3Fformat%3Dturbo_stream%26page%3D72">
    <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/tee-rosenbluten-rosenknospen-bio-30-g-18988">
          <img alt="Tee Rosenblüten Rosenknospen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10145/file/small-f333ce41e03b70cbd1e5ce9cb91a89d1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10145/file/medium-58a80bb99ff26f663cf56c1e1df4a093.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10145/file/large-3ea16fbd8023868c31e6052c773ab4e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10145/file/medium-58a80bb99ff26f663cf56c1e1df4a093.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/tee-rosenbluten-rosenknospen-bio-30-g-18988">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Rosenblüten Rosenknospen Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.15
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="faM6I4AgoNKOgyob6h0ebPi6aI3c0I1WRQiKJhDhHKb3lrKp0g_0B8BTaNrBbui5yKMdsAuL6Rf4H9j0ps8Psg" />
    <input value="18988" 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%2Faryalaya%3Fformat%3Dturbo_stream%26page%3D72">
    <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/tee-salbei-bio-18-beutel-18989">
          <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/9294/file/small-ac76550511b9d0057ece2824f5c5e46c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9294/file/medium-73ac2f2a2270719c89d04e710942340f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9294/file/large-c33ff438ce53384e06dac8fbd907f3c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9294/file/medium-73ac2f2a2270719c89d04e710942340f.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/tee-salbei-bio-18-beutel-18989">
            <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-18989-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xXX0fiwfY-IugTJTYshm2SJBeLhQSwoSV83xJXPJlENPQHz0fjA3N2BRcJJJu5AMElgNhYcQblPq2qP3xeeHVw" />
    <input value="18989" 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%2Faryalaya%3Fformat%3Dturbo_stream%26page%3D72">
    <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/tee-salbei-bio-50-g-18990">
          <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/10970/file/small-9d0431c73c318400f7d1e23ad6cb97d9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10970/file/medium-19413c683bc8a8bb47cc613de0960c92.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10970/file/large-d9cc3c95a965b78c88c7a31b731df4c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10970/file/medium-19413c683bc8a8bb47cc613de0960c92.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/tee-salbei-bio-50-g-18990">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Salbei Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XN2_q54AKFUElMtW8D0ppYlb0sCCMYRIiTiiGfYcZGvW6DchzC98gEpEiZfbTt9wuUKn_VVq4Ak0L_DLQDJ3fw" />
    <input value="18990" 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%2Faryalaya%3Fformat%3Dturbo_stream%26page%3D72">
    <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/tee-schafgarbe-bio-50-g-18991">
          <img alt="Tee Schafgarbe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10971/file/small-10324c119cbd2bcd087b2f19107bdb3a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10971/file/medium-fa7963a266522937410d8fe732f05dcf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10971/file/large-3c62d72bec1ab531d4cd25569a4f3eef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10971/file/medium-fa7963a266522937410d8fe732f05dcf.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/tee-schafgarbe-bio-50-g-18991">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Schafgarbe Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wAZp7-exZ5fb8m-V3P9JVNp9y33pWkNvfv60Gchkd0hKM-FltZ4zQpUiLVT3jL-B6mS-QD4BJy7D6ebLfkpkXA" />
    <input value="18991" 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%2Faryalaya%3Fformat%3Dturbo_stream%26page%3D72">
    <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/tee-schonen-feierabend-bio-50-g-18992">
          <img alt="Tee Schönen Feierabend Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10972/file/small-34a5c119729064a26e89d1258e6cceb3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10972/file/medium-e3819431e9c37638a627c6a669d7c187.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10972/file/large-3ead0993dd11470c5cc69740738bd242.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10972/file/medium-e3819431e9c37638a627c6a669d7c187.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/tee-schonen-feierabend-bio-50-g-18992">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Schönen Feierabend Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Bx7UotzQTJ8a2xeQRzm9pI5oxneqohi8HFaV9KqONP2NK1wojv8YSlQLVVFsSktxvnGzSn35fP2hQccmHKAn6Q" />
    <input value="18992" 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%2Faryalaya%3Fformat%3Dturbo_stream%26page%3D72">
    <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/tee-sonnige-grusse-bio-18-beutel-18993">
          <img alt="Tee Sonnige Grüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10973/file/small-139cd5f1caed5e089419b78fa006ed84.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10973/file/medium-fa5786c2d2959d7a2d9829b3fcd3b741.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10973/file/large-6a3553bc821c0592ed63947af469072c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10973/file/medium-fa5786c2d2959d7a2d9829b3fcd3b741.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/tee-sonnige-grusse-bio-18-beutel-18993">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Sonnige Grüsse 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-18993-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gr3uookiAorhrlQwKKhJlT2TMJIJ716e_2KSvf89UVaQiGYo2w1WX69-FvED279ADYpFr960Ot9CdcBvSRNCQg" />
    <input value="18993" 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%2Faryalaya%3Fformat%3Dturbo_stream%26page%3D72">
    <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/tee-thymian-bio-18-beutel-18994">
          <img alt="Tee Thymian Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9295/file/small-aec47b89a0b0d3aff5065dfcbf7a1692.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9295/file/medium-699e76a7e185e69daaf888244c12e69d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9295/file/large-f37b6a38251a7efea67e564447450ee2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9295/file/medium-699e76a7e185e69daaf888244c12e69d.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/tee-thymian-bio-18-beutel-18994">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Thymian Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </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-18994-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lw2IYNwk9HEcWLJe6mekkkg7QrYT2D-zwyQr352u4FMdOADqjgugpFKI8J_BFFJHeCI3i8SDW_J-M3kNK4DzRw" />
    <input value="18994" 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%2Faryalaya%3Fformat%3Dturbo_stream%26page%3D72">
    <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/tee-thymian-bio-70-g-18995">
          <img alt="Tee Thymian Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10974/file/small-4ca07f0f18eb7c86d3964e268ff9e039.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10974/file/medium-a61e975c1026c281462fa7be87815608.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10974/file/large-2c1bca4fec24737fedbcb17f270c24c5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10974/file/medium-a61e975c1026c281462fa7be87815608.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/tee-thymian-bio-70-g-18995">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Thymian Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rKUIKr-iU6Vnj3P25nnwNamsWlsjA7tp3D9zjrvlolUmkICg7Y0HcClfMTfNCgbgmbUvZvRY3yhhKCFcDcuxQQ" />
    <input value="18995" 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%2Faryalaya%3Fformat%3Dturbo_stream%26page%3D72">
    <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/tee-weiss-pai-mu-tan-bio-18-beutel-18996">
          <img alt="Tee Weiss Pai Mu Tan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10146/file/small-712320e6a4733172984445aec73e28d7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10146/file/medium-708a4aee9ae2b2d132e02d04f17995c7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10146/file/large-d67a416fc5c223e124a612717d769c6b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10146/file/medium-708a4aee9ae2b2d132e02d04f17995c7.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/tee-weiss-pai-mu-tan-bio-18-beutel-18996">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Weiss Pai Mu Tan Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </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-18996-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fv3xtue0pnSt3EIBKdCQr2_matyccDVk2tQ1_3PmVW2cyHk8tZvyoeMMAMACo2Z6X_8f4UsrUSVnw2ctxchGeQ" />
    <input value="18996" 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%2Faryalaya%3Fformat%3Dturbo_stream%26page%3D72">
    <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/tee-weiss-pai-mu-tan-bio-40-g-18997">
          <img alt="Tee Weiss Pai Mu Tan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9296/file/small-8126b42538ecde0f058cbba7d1640384.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9296/file/medium-15b71e5bee3d50acdd325b56e650b182.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9296/file/large-a83eeb12848c724953d3ee6c638dcb93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9296/file/medium-15b71e5bee3d50acdd325b56e650b182.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/tee-weiss-pai-mu-tan-bio-40-g-18997">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Weiss Pai Mu Tan Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bda9QIcBcszQowbEqpOj2_f18BCxYq9BijUC9XuvtrLn4zXK1S4mGZ5zRAWB4FUOx-yFLWY5ywA3IlAnzYGlpg" />
    <input value="18997" 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%2Faryalaya%3Fformat%3Dturbo_stream%26page%3D72">
    <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/tee-wg-eine-mutze-voll-schlaf-bio-18-beutel-18998">
          <img alt="Tee WG Eine Mütze voll Schlaf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9454/file/small-90d2e9459bd3d838a226d1b540f38f8a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9454/file/medium-4382963253caded37afe7517d07d6168.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9454/file/large-83a58fe501abb8950ed4ded12cbf3504.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9454/file/medium-4382963253caded37afe7517d07d6168.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/tee-wg-eine-mutze-voll-schlaf-bio-18-beutel-18998">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee WG Eine Mütze voll Schlaf 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-18998-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tzQqpPV8ovPRtkviFv2jSH1m6g1cYzqyFp0R3Tx2PLM9AaIup1P2Jp9mCSM9jlWdTX-fMIs4XvOrikMPilgvpw" />
    <input value="18998" 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">
      1&#39;440 von 2&#39;529 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/aryalaya?format=turbo_stream&amp;page=73">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>