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

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tee-rooibos-lose-bio-100-g-8442">
          <img alt="Tee Rooibos 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/4983/file/small-b346ec1b14bbc9dbf32cb2d21fbca193.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/4983/file/medium-86e7a6168ab012790c1b9bd5eba02f56.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/4983/file/large-a96ca0f85cf3d8bc9d43a813f0710f43.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/4983/file/medium-86e7a6168ab012790c1b9bd5eba02f56.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/en/products/tee-rooibos-lose-bio-100-g-8442">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Rooibos lose Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pasta-explore-cuisine-penne-aus-roten-linsen-bio-250-g-8639">
          <img alt="Pasta Explore Cuisine Penne aus roten Linsen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/5029/file/small-2f58e6551c8044162b3356482aa7cd04.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/5029/file/medium-a31ce4858eeaad54cd2417300060806b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/5029/file/large-9eb7d6043733f18cf5331a7784f668d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/5029/file/medium-a31ce4858eeaad54cd2417300060806b.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">Explore Cuisine</p>
          <a href="/en/products/pasta-explore-cuisine-penne-aus-roten-linsen-bio-250-g-8639">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Explore Cuisine Penne aus roten Linsen Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TkhD-vt7YBegHq4xeyI-1uvPec2ngHomtMuW6AzDdKB6OGW4qqxl-4jbp2WdYUQBSn6x4qMbbeGBdClSZ5OxhQ" />
    <input value="8639" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/stella-kokos-vegane-couverture-fair-bio-80-g-8673">
          <img alt="Stella Kokos Vegane Couverture Fair &amp; Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/5050/file/small-426bb7a1681b4e11900c8a443c44c429.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/5050/file/medium-819596f686a60434c01e3b2ce3c4d424.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/5050/file/large-c95c54469870077c3fde87442e6fc188.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/5050/file/medium-819596f686a60434c01e3b2ce3c4d424.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">Stella Bernrain</p>
          <a href="/en/products/stella-kokos-vegane-couverture-fair-bio-80-g-8673">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Stella Kokos Vegane Couverture Fair &amp; Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tomatensauce-kinder-ohne-zuckerzusatz-demeter-330-ml-8883">
          <img alt="Tomatensauce Kinder ohne Zuckerzusatz Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/5144/file/small-6775379215d9061b8ef4589d1f0e6d10.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/5144/file/medium-0aab3a6ee42ce3e0118ce1c97acde988.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/5144/file/large-c0b2dfe416d09d80e18bce75daa7faa3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/5144/file/medium-0aab3a6ee42ce3e0118ce1c97acde988.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">Naturata</p>
          <a href="/en/products/tomatensauce-kinder-ohne-zuckerzusatz-demeter-330-ml-8883">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tomatensauce Kinder ohne Zuckerzusatz Demeter, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tomatensauce-kinder-mit-apfelsusse-bio-334-ml-8884">
          <img alt="Tomatensauce Kinder mit Apfelsü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/5146/file/small-0a7c55b98c191319ed15c3bd8bd0a9b5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/5146/file/medium-8302bde8a5d57cdf7fc61275067520f9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/5146/file/large-3190d7a4bfe8bc4937c13c3cebcccd80.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/5146/file/medium-8302bde8a5d57cdf7fc61275067520f9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/en/products/tomatensauce-kinder-mit-apfelsusse-bio-334-ml-8884">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tomatensauce Kinder mit Apfelsüsse Bio, 334 ml</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 1.68 / 100 ml
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/indisches-naan-knoblauch-bio-240-g-9307">
          <img alt="Indisches Naan KNOBLAUCH Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/5306/file/small-e03d4ef3951b2cfb6fc7452e7d00538a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/5306/file/medium-4333ca13c54cfe0d9687db925691603b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/5306/file/large-a56423cea29dd50a83976fc6e6828715.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/5306/file/medium-4333ca13c54cfe0d9687db925691603b.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">Terrasana</p>
          <a href="/en/products/indisches-naan-knoblauch-bio-240-g-9307">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Indisches Naan KNOBLAUCH Bio, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M0-LoQFdwRZ9ZXlcFMe414lfRGyElIkf-VDC2lSlz6EHP63jUIrE-lWgcAjyhMIAKO6MQ4APntjM731gP_UKhA" />
    <input value="9307" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tahin-sesammus-ohne-salz-bio-500-g-9443">
          <img alt="Tahin (Sesammus) ohne Salz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/5322/file/small-4c8da9dda5b0e6131b37eac4373cf55d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/5322/file/medium-e4fa3bbc688f3c44da5dfb13947aa81b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/5322/file/large-b345e2796183643f8185682e9753a623.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/5322/file/medium-e4fa3bbc688f3c44da5dfb13947aa81b.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">Rapunzel</p>
          <a href="/en/products/tahin-sesammus-ohne-salz-bio-500-g-9443">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tahin (Sesammus) ohne Salz Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I-G9MBvPXgGyu4hMd0yWCs40HwxFTpf33YFBrIWCsEMXkZtyShhb7Zp-gRiRD-zdb4XXI0HVgDDoPv4W7tJ1Zg" />
    <input value="9443" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/kaffee-caffe-irlanda-crema-gemahlen-henauer-demeter-250-g-9464">
          <img alt="Kaffee Caffè Irlanda CREMA gemahlen Henauer Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/5326/file/small-3a85b4e16d60a8ee47a882e78ef4bcc2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/5326/file/medium-3305d550b78c95f495d29354cecda2bf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/5326/file/large-cfe927d063441b450d4c3518622b7380.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/5326/file/medium-3305d550b78c95f495d29354cecda2bf.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">Henauer Kaffee</p>
          <a href="/en/products/kaffee-caffe-irlanda-crema-gemahlen-henauer-demeter-250-g-9464">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaffee Caffè Irlanda CREMA gemahlen Henauer Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="031h__3G4ZnNYtKBmHyhj2HAZyBxPKoo9wW5RCrr-k7nDUe9rBHkdeWn29V-P9tYwHGvD3Wnve_Cugb-Qbs_aw" />
    <input value="9464" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/alternative-zu-salz-adios-salz-mediterran-bio-50-g-9474">
          <img alt="Alternative zu Salz &quot;Adios Salz!&quot; Mediterran Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/5339/file/small-48ac2757f55d7357d2a20ee7d0aa6a2f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/5339/file/medium-831f73df1c0b359b02eb384e1050cf1a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/5339/file/large-2618281564a535d5c3ae7f5e86acba2b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/5339/file/medium-831f73df1c0b359b02eb384e1050cf1a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/en/products/alternative-zu-salz-adios-salz-mediterran-bio-50-g-9474">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alternative zu Salz &quot;Adios Salz!&quot; Mediterran Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.15
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/schmierseife-flussig-500-ml-9779">
          <img alt="Schmierseife flüssig" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/5426/file/small-cfa69f857fff07a549442f74b2050c59.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/5426/file/medium-c5d2f60624b5115f0b5beac7add96017.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/5426/file/large-170b2fa03e9f549f2b59f76fe300d394.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/5426/file/medium-c5d2f60624b5115f0b5beac7add96017.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">Sonett</p>
          <a href="/en/products/schmierseife-flussig-500-ml-9779">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schmierseife flüssig, 500 ml</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 1.38 / 100 ml
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/raps-kernol-bio-500-ml-10142">
          <img alt="Raps Kernöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/5493/file/small-b777c03b8f853928947e8b8465a73ff5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/5493/file/medium-84ce5f13f4e3c6a847e10b90db104dd8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/5493/file/large-2a7f4d60ceb6ca846d6e12492dc1e235.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/5493/file/medium-84ce5f13f4e3c6a847e10b90db104dd8.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">Die kleine Mühle</p>
          <a href="/en/products/raps-kernol-bio-500-ml-10142">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raps Kernöl Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cookie-birkengold-dinkel-vollkorn-kekse-ohne-zuckerzusatz-125-g-10845">
          <img alt="Cookie Birkengold Dinkel Vollkorn Kekse ohne Zuckerzusatz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/5629/file/small-0eb7e881159026a43224248bb6deff86.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/5629/file/medium-1390d719377f0e913f53756e7ed2710e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/5629/file/large-b770ef643525afb0feb6719bc5ee4197.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/5629/file/medium-1390d719377f0e913f53756e7ed2710e.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">Birkengold</p>
          <a href="/en/products/cookie-birkengold-dinkel-vollkorn-kekse-ohne-zuckerzusatz-125-g-10845">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cookie Birkengold Dinkel Vollkorn Kekse ohne Zuckerzusatz, 125 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 4.72 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/salz-deutsches-steinsalz-fein-500-g-11218">
          <img alt="Salz Deutsches Steinsalz fein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/5747/file/small-2e89aee2b6dd93ed910d5d2be5079723.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/5747/file/medium-001dcf33ae313b613695465e0989117e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/5747/file/large-3a2abfa150907727b5128ed6b8782ced.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/5747/file/medium-001dcf33ae313b613695465e0989117e.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">Naturata</p>
          <a href="/en/products/salz-deutsches-steinsalz-fein-500-g-11218">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salz Deutsches Steinsalz fein, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/ohne-muhhh-drink-3-5-fett-bio-1-l-11332">
          <img alt="Ohne Muhhh Drink 3.5% Fett Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/5808/file/small-b66051eb33fd56682fcc0877bd3086cb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/5808/file/medium-2d1fe58f6c9ac36b6d718ac56c579549.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/5808/file/large-e67e68015c9edacd021d1835b21fa79e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/5808/file/medium-2d1fe58f6c9ac36b6d718ac56c579549.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">Allos</p>
          <a href="/en/products/ohne-muhhh-drink-3-5-fett-bio-1-l-11332">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ohne Muhhh Drink 3.5% Fett Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yhZYDbYxv9Nm6RdB-lEmhbdQkOosXkBo-Fo_0J9MQ_r-Zn5P5-a6P04sHhUcElxSFuFYxSjFV6_N5YBq9ByG3w" />
    <input value="11332" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/zopfmehl-mischung-beutel-bio-1-kg-11548">
          <img alt="Zopfmehl-Mischung Beutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/5913/file/small-cbf0ff27388e6abb1a45ee1e26b7c3a8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/5913/file/medium-468360ccae576d777048f2f491b0c07a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/5913/file/large-a212cf1b61afd44ad586ea196b23844a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/5913/file/medium-468360ccae576d777048f2f491b0c07a.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">Biofarm</p>
          <a href="/en/products/zopfmehl-mischung-beutel-bio-1-kg-11548">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zopfmehl-Mischung Beutel Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/reissirup-glutenfrei-bio-460-g-11633">
          <img alt="Reissirup glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/5940/file/small-2034fc53d5a9a438ed0f19b2ab5e7ffd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/5940/file/medium-8fa3d37085c8980e9f4c0ff23fb306b3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/5940/file/large-32e3092429586890400ccc23b76853c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/5940/file/medium-8fa3d37085c8980e9f4c0ff23fb306b3.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">Werz</p>
          <a href="/en/products/reissirup-glutenfrei-bio-460-g-11633">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reissirup glutenfrei Bio, 460 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 1.35 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/waschespuler-1-l-11743">
          <img alt="Wäschespüler" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/6002/file/small-f9b6f4326c4f35ab86f5087e346322cb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/6002/file/medium-ccd802fb0f366b2c3ded76c0bf924012.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/6002/file/large-a44acd2ca9345c61d7370608814067ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/6002/file/medium-ccd802fb0f366b2c3ded76c0bf924012.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">Sonett</p>
          <a href="/en/products/waschespuler-1-l-11743">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wäschespüler, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.10
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/waschmittel-pulver-konzentrat-40-95-1-2-kg-11744">
          <img alt="Waschmittel Pulver Konzentrat 40°- 95°" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/6003/file/small-32475aae2fbcc20fc6b1d3ec87027f78.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/6003/file/medium-94e7c7a434d2f42a1f2be7fd19c904cf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/6003/file/large-519b84f7f2bf7746bcc82f8cccf9ae75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/6003/file/medium-94e7c7a434d2f42a1f2be7fd19c904cf.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">Sonett</p>
          <a href="/en/products/waschmittel-pulver-konzentrat-40-95-1-2-kg-11744">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Waschmittel Pulver Konzentrat 40°- 95°, 1.2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KurCsM2WYTeAkIMv0wchVv5VccqO6P-VN5eb1-PuzwEemuTynEFk26hVins1RFuBX-S55Ypz6FICKCRtiL4KJA" />
    <input value="11744" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/paprika-gerauchert-bio-50-g-11915">
          <img alt="Paprika Geräuchert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/6074/file/small-10be4fb9976c3ff488c780425aa57d82.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/6074/file/medium-ea4e140979854c2d12c4f3ab40b1f2e4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/6074/file/large-595a811462a0dd21a72b857e8aef6a3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/6074/file/medium-ea4e140979854c2d12c4f3ab40b1f2e4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/en/products/paprika-gerauchert-bio-50-g-11915">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Paprika Geräuchert Bio, 50 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 8.80 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/frucht-riegel-mango-bio-40-g-12141">
          <img alt="Frucht-Riegel Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/6141/file/small-85eaf0e95085a8caf0f41b3b1c2a533b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/6141/file/medium-1afe8b8a32260c7f90a1fa765467ed24.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/6141/file/large-6dc66a335c89ad15355fc80adf1b5aa8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/6141/file/medium-1afe8b8a32260c7f90a1fa765467ed24.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">Allos</p>
          <a href="/en/products/frucht-riegel-mango-bio-40-g-12141">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Frucht-Riegel Mango Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

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

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      520 of 3&#39;030 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/yogi-tee?format=turbo_stream&amp;page=27">Show more</a>
  </div>
</div>

</template></turbo-stream>