<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%3D69">
    <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/kaffee-wiener-verfuhrung-melange-gemahlen-bio-500-g-18919">
          <img alt="Kaffee Wiener Verführung Melange gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9556/file/small-e6b5ef83635c6029d2d28f7394522f7c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9556/file/medium-74a85db0d7e84f910284965b36675be8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9556/file/large-6d686b0a9a2f0ce1ef3c9a3657d9826a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9556/file/medium-74a85db0d7e84f910284965b36675be8.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/kaffee-wiener-verfuhrung-melange-gemahlen-bio-500-g-18919">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaffee Wiener Verführung Melange gemahlen Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="isB3DE1NjtA9KUnBrHHT5tPHzTz6MVy-UcU-A8YB6mHD2xUMZYuLoDD8klnI9swjZaJaG4kfFRPWg4FY_NpZaA" />
    <input value="18919" 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%3D69">
    <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/kuhle-kanne-erdbeere-ingwer-bio-16-beutel-18920">
          <img alt="Kühle Kanne Erdbeere Ingwer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10935/file/small-2e610e9e1b8e770c0ba94a7f12c1148f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10935/file/medium-e854b91652318a3cee4e284fdde30a09.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10935/file/large-b1df6417adb2dd54c9c53449373992ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10935/file/medium-e854b91652318a3cee4e284fdde30a09.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/kuhle-kanne-erdbeere-ingwer-bio-16-beutel-18920">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kühle Kanne Erdbeere Ingwer Bio, 16 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DUNk5OWSrhj29a7QhYcgGtUFPH6T919Y4ysi4E1AqhBEWAbkzVSraPsgdUjhAD_fY2CrWeDZFvVkbZ27d5sZGQ" />
    <input value="18920" 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%3D69">
    <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/kuhle-kanne-orange-basilikum-bio-16-beutel-18921">
          <img alt="Kühle Kanne Orange Basilikum Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10936/file/small-dc6ddab1287de3782374cac203cfc7bb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10936/file/medium-096b6110da191cfbca074da5794ad1a6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10936/file/large-a2a8cad33acf5e12012ed0810ead7092.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10936/file/medium-096b6110da191cfbca074da5794ad1a6.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/kuhle-kanne-orange-basilikum-bio-16-beutel-18921">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kühle Kanne Orange Basilikum Bio, 16 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cmp1y3VCOoDdMqfxXuzuU-g8KTBARr4e0qcwqZ6Edyk7cRfLXYQ_8NDnfGk6a_GWXlm-FzNo97NV4Y_ypF_EIA" />
    <input value="18921" 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%3D69">
    <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/mediterranes-bluten-zaubersalz-bio-120-g-18922">
          <img alt="Mediterranes Blüten Zaubersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9457/file/small-cd382ba9d14e374f7e38bcd54c23a8c3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9457/file/medium-a66372979d48bd462cba5ef3a13275f1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9457/file/large-09deea2ef760145d9e73e398f78be1ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9457/file/medium-a66372979d48bd462cba5ef3a13275f1.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/mediterranes-bluten-zaubersalz-bio-120-g-18922">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mediterranes Blüten Zaubersalz Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rjiaHiINRAzuWl0wccCJxqzVRIBASdDkTILV1JnhrlvnI_geCstBfOOPhqgVR5YDGrDTpzNnmUnLxGqPozodUg" />
    <input value="18922" 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%3D69">
    <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/mediterranes-bluten-zaubersalz-streudose-bio-90-g-18923">
          <img alt="Mediterranes Blüten Zaubersalz Streudose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9463/file/small-6a7e380250d95e8bc07fee02bf92d2f4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9463/file/medium-28dec48352ebdb5136088f42603e2cd1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9463/file/large-e58e619c6c7febb32b741783400f2e15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9463/file/medium-28dec48352ebdb5136088f42603e2cd1.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/mediterranes-bluten-zaubersalz-streudose-bio-90-g-18923">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mediterranes Blüten Zaubersalz Streudose Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YU3wWCdE6FqocoO3S0Cmh9z48Bi6HthvYl-SLyFAttgoVpJYD4LtKqWnWC8vx7lCap1nP8kwkcLlGS10G5sF0Q" />
    <input value="18923" 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%3D69">
    <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/sieglindes-erdapfelgewurz-bio-22-g-18924">
          <img alt="Sieglindes Erdäpfelgewürz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9529/file/small-b847700f88433d7294bdbcdc18fbd4e9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9529/file/medium-3f509f15235aa2f4fd09cec812e50427.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9529/file/large-28bd5562abdc78e7add6c01f0a2e58df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9529/file/medium-3f509f15235aa2f4fd09cec812e50427.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/sieglindes-erdapfelgewurz-bio-22-g-18924">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sieglindes Erdäpfelgewürz Bio, 22 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 28.18 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vTavC33sOp8CytUFgu8ojVXI0UzrWpml-xHWTg1d4C70Lc0LVSo_7w8fDp3maDdI461Ga5h00Ah8V2kVN4ZTJw" />
    <input value="18924" 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%3D69">
    <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/sirup-ingwer-zitronen-flasche-bio-500-ml-18925">
          <img alt="Sirup Ingwer-Zitronen Flasche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10937/file/small-e5dde3611dd7d42bdb3ef22fb967d194.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10937/file/medium-15968182460f493c40ee55dc19420cd8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10937/file/large-7b4e09b7ff9c81bfd0f4de627ac5c3bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10937/file/medium-15968182460f493c40ee55dc19420cd8.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/sirup-ingwer-zitronen-flasche-bio-500-ml-18925">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sirup Ingwer-Zitronen Flasche Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2O8xunwLs4tuELxckq4-ti81QN4OTpx6yvtCvgAACLuR9FO6VM22-2PFZ8T2KSFzmVDX-X1g1ddNvf3lOtu7sg" />
    <input value="18925" 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%3D69">
    <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-abend-bio-18-beutel-18926">
          <img alt="Tee Abend Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10938/file/small-d93f92982dfbcca6e88973117f47176b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10938/file/medium-75443627f622b638d940c8b064b6f7a2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10938/file/large-d17bb33ac1be20fc7d64c260ecf7878e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10938/file/medium-75443627f622b638d940c8b064b6f7a2.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-abend-bio-18-beutel-18926">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Abend 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-18926-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6V9FZsp47_k3O8GdL2N28_kVfE_D3wZOQeiSKvndV-KgRCdm4r7qiTruGgVL5Gk2T3DraLDxT-PGri1xwwbk6w" />
    <input value="18926" 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%3D69">
    <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-abend-bio-50-g-18927">
          <img alt="Tee Abend Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9284/file/small-0e2910f5ccb27af842a12c0d1c07c842.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9284/file/medium-d72a68b34ab9ac56598dd71db2ed41c7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9284/file/large-535ec637781a03215f2fcf22bc847cb7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9284/file/medium-d72a68b34ab9ac56598dd71db2ed41c7.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-abend-bio-50-g-18927">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Abend 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-18927-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lYUImGQFpQpk_qakvR-rN2FNVLzrKIR1PvJLYw2_3wHcnmqYTMOgemkrfTzZmLTy1yjDm5gGzdi5tPQ4N2RsCA" />
    <input value="18927" 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%3D69">
    <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-alles-liebe-bio-18-beutel-18928">
          <img alt="Tee Alles Liebe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10939/file/small-1c2733698e284f10d6a8e135f1f3cf53.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10939/file/medium-cace612437dec70f61bbbdb87fa53e1a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10939/file/large-7e9f0403fd6a0440325d61c7f6c51441.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10939/file/medium-cace612437dec70f61bbbdb87fa53e1a.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-alles-liebe-bio-18-beutel-18928">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Alles Liebe 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-18928-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Eg5LPj3siKkI4nbscAnRZTq38k3sbDZ9E1IJEFYM_KJbFSk-FSqN2QU3rXQUjs6gjNJlap9Cf9CUFLZLbNdPqw" />
    <input value="18928" 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%3D69">
    <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-basen-ausgleich-bio-18-beutel-18929">
          <img alt="Tee Basen Ausgleich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9285/file/small-c7adebbb6d05fd54e3abf52907b95be5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9285/file/medium-d68dfc9e8c28c2bae2f9b8b7184b076a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9285/file/large-e825b7f531834c2296d99301cf1c0b3e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9285/file/medium-d68dfc9e8c28c2bae2f9b8b7184b076a.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-basen-ausgleich-bio-18-beutel-18929">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Basen Ausgleich Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LX3CFz9-_lrqx9Wg97ep6I8-jRxMWSLloEgQu0FwfBxkZqAXF7j7KucSDjiTMLYtOVsaOz93a0gnDq_ge6vPFQ" />
    <input value="18929" 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%3D69">
    <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-basen-ausgleich-bio-50-g-18930">
          <img alt="Tee Basen Ausgleich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10940/file/small-818f9b46b8ff336eceae2fee4cf16ca5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10940/file/medium-5dfd066fb340c693df4221fafc11d5a1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10940/file/large-28889a831e37f4ea10e00766289ad914.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10940/file/medium-5dfd066fb340c693df4221fafc11d5a1.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-basen-ausgleich-bio-50-g-18930">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Basen Ausgleich 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-18930-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UEnYlkNmtw2LzB0oJo4z8NPbXgM9Lxkx0RjBRcvE3xMZUrqWa6CyfYYZxrBCCSw1Zb7JJE4BUJxWXn4e8R9sGg" />
    <input value="18930" 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%3D69">
    <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-bengelchen-bald-mami-bio-18-beutel-18931">
          <img alt="Tee Bengelchen Bald Mami Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9533/file/small-deecabc9ed1030fd3ee11ee05241f69a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9533/file/medium-4a964e8e9a90daf650a319ed536cfa93.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9533/file/large-2a1479aa46dac058deff521c9a0df410.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9533/file/medium-4a964e8e9a90daf650a319ed536cfa93.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-bengelchen-bald-mami-bio-18-beutel-18931">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Bengelchen Bald Mami 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-18931-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AVOJdCZa3Erst39qW191TpGKKxWPtH36T_98P2IhSQ9ISOt0DpzZOuFipPI_2GqLJ--8MvyaNFfIucNkWPr6Bg" />
    <input value="18931" 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%3D69">
    <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-bengelchen-durststiller-fruchtetee-bio-18-beutel-18932">
          <img alt="Tee Bengelchen Durststiller Früchtetee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9534/file/small-19cbd53ab41175c30f375750197ffa3f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9534/file/medium-d70c322068449ae9b756e30601d5126c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9534/file/large-01c902b4126d538c3e2e9622a8ac54d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9534/file/medium-d70c322068449ae9b756e30601d5126c.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-bengelchen-durststiller-fruchtetee-bio-18-beutel-18932">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Bengelchen Durststiller Früchtetee 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-18932-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2Yxkp11mHp3_g03PkIGUUn07Nm9tk97x8nclFCIT_YCQlwandaAb7fJWllf0BouXy16hSB69l1x1MZpPGMhOiQ" />
    <input value="18932" 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%3D69">
    <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-bengelchen-kutz-kutz-bio-18-beutel-18933">
          <img alt="Tee Bengelchen Kutz Kutz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9535/file/small-96a1fd6f7738914105fc6a2c8527a7fb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9535/file/medium-76272a303e72f2afce1d0063553c5dbf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9535/file/large-a10eda2aeb40d280274cd5679696251e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9535/file/medium-76272a303e72f2afce1d0063553c5dbf.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-bengelchen-kutz-kutz-bio-18-beutel-18933">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Bengelchen Kutz Kutz 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-18933-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O-KncL-KmRMliUu-CmR92tAruOOWmCeg7LdTg8cTVKJy-cVwl0ycYyhckCZu42IfZk4vxOW2bg1r8ezY_cjnqw" />
    <input value="18933" 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%3D69">
    <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-bengelchen-schlafengehen-bio-18-beutel-18934">
          <img alt="Tee Bengelchen Schlafengehen 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-b00a3ca2038909c9757b66d4fa2e18d4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9532/file/medium-5ef46615e2014654b358c40fbcf5c51d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9532/file/large-d0c7fb961405db00eb5ce3a8b96c5354.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9532/file/medium-5ef46615e2014654b358c40fbcf5c51d.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-bengelchen-schlafengehen-bio-18-beutel-18934">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Bengelchen Schlafengehen 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-18934-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X5ytREUhcyqoOmCpGtc0NPOjWRogyIU4vTXO89oVQFYWh89Ebed2WqXvuzF-UCvxRcbOPVPmzJU6c3Go4M7zXw" />
    <input value="18934" 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%3D69">
    <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-bengelchen-stilltee-bio-18-beutel-18935">
          <img alt="Tee Bengelchen Stilltee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9465/file/small-14242ccad37431d7ff1806e8aefb8256.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9465/file/medium-595c11252b784c104efc1541748980d7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9465/file/large-35efbba1a1c6e73fb3481b3258df968d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9465/file/medium-595c11252b784c104efc1541748980d7.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-bengelchen-stilltee-bio-18-beutel-18935">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Bengelchen Stilltee 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-18935-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KO1A6WEpFRw7DZ_k0tRg6CJYTgXoABlm2dmbuQJzQjlh9iLpSe8QbDbYRHy2U38tlD3ZIpsuUMtenyTiOKjxMA" />
    <input value="18935" 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%3D69">
    <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-blumiger-kurkuma-bio-18-beutel-18936">
          <img alt="Tee Blumiger Kurkuma Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10941/file/small-872b2190dd087b5cdc34ec2ae187582c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10941/file/medium-1c1d04ad05bc97775edc5d37ce36cd96.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10941/file/large-1997a0ee001fece83fd5f9327897820c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10941/file/medium-1c1d04ad05bc97775edc5d37ce36cd96.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-blumiger-kurkuma-bio-18-beutel-18936">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Blumiger Kurkuma Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xT-xBBN8p2JYqAu1NqvZbJ-jY3CVV5mY9jgI4A6cN9mMJNMEO7qiElV90C1SLMapKcb0V-Z50DVxfre7NEeE0A" />
    <input value="18936" 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%3D69">
    <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/blutenmischung-durch-die-blume-bio-7-g-18937">
          <img alt="Blütenmischung durch die Blume Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9527/file/small-b968bbb90b1a2c623ed5c57bb5da7e05.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9527/file/medium-f1f3bbaf746cadd0a936f2484119ea53.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9527/file/large-b867a730f4f6beb0e5cbabdf5600bf84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9527/file/medium-f1f3bbaf746cadd0a936f2484119ea53.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/blutenmischung-durch-die-blume-bio-7-g-18937">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Blütenmischung durch die Blume Bio, 7 g</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 135.71 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OUa94cxjAcR4zdQo-IpyOnt55xYBdD2JGWRF5_5EjMlwXd_h5KUEtHUYD7CcDW3_zRxwMXJadCSeIvq8xJ8_wA" />
    <input value="18937" 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%3D69">
    <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-bratapfel-bio-18-beutel-18938">
          <img alt="Tee Bratapfel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9540/file/small-ac34c63c7475e19c2772a4ad412ee2c1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9540/file/medium-68381da5149f8fa47aab3429713c7b99.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9540/file/large-625e5f808aaf379cd5104ded708de774.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9540/file/medium-68381da5149f8fa47aab3429713c7b99.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-bratapfel-bio-18-beutel-18938">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Bratapfel Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

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

</template></turbo-stream>