<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%2Fdiy-do-it-yourself%2Fvegan-cheese%3Fformat%3Dturbo_stream%26page%3D2">
    <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/agar-agar-powder-gluten-free-organic-2-g-90">
          <img alt="Agar Agar Powder Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/98/file/small-bb454f673491642db64eea4358362c5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/98/file/medium-3bb833df9cbfde626bc4ed5567e55b84.webp 900w, https://assets.fabulous.ch/public/variant_asset/98/file/large-0374bd33e95401544bf2aa877a483e26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/98/file/medium-3bb833df9cbfde626bc4ed5567e55b84.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">Lima</p>
          <a href="/en/products/agar-agar-powder-gluten-free-organic-2-g-90">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Agar Agar Powder Gluten Free Organic, 6 x 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZnuZDVyAhqyAVAdkYJwIRRD9HDjZ5MqYPQGRweCZgx9sG0Gi7ccmLcK1YKslJL9cID4FfYcN2abVgsY_H5IkCg" />
    <input value="90" 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%2Fdiy-do-it-yourself%2Fvegan-cheese%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/kochbuch-veganer-kase-miyoko-schinner-1-piece-1220">
          <img alt="Kochbuch Veganer Käse Miyoko Schinner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1069/file/small-a1c0b3bc68bd99cef2f994baa8f400c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/1069/file/medium-711bfd0b12b5fb96dcee202a779d2f9a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1069/file/large-e9ae24ab60f45daf640ee8d572e401ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1069/file/medium-711bfd0b12b5fb96dcee202a779d2f9a.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">Buchverlag</p>
          <a href="/en/products/kochbuch-veganer-kase-miyoko-schinner-1-piece-1220">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kochbuch Veganer Käse Miyoko Schinner, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.55
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </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%2Fdiy-do-it-yourself%2Fvegan-cheese%3Fformat%3Dturbo_stream%26page%3D2">
    <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/coconut-cooking-fat-organic-500-ml-1778">
          <img alt="Coconut Cooking Fat Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1398/file/small-3e7c2e046446e6581e3bc29ce96c1632.webp 600w, https://assets.fabulous.ch/public/variant_asset/1398/file/medium-d1f3ce43ebf14b388b397932921bb4a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/1398/file/large-820911b1928454f8bb2dfc8e2f85f982.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1398/file/medium-d1f3ce43ebf14b388b397932921bb4a9.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">Dr. Goerg</p>
          <a href="/en/products/coconut-cooking-fat-organic-500-ml-1778">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconut Cooking Fat Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mBjh_uv-n-NzSv9GzlG1aXuPUTDAYci0Dc5-ALk2sf-SeDlRWrk_YjGrmImL6QJwS0xIdZ6I24rlTSn-Rj0W6g" />
    <input value="1778" 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%2Fdiy-do-it-yourself%2Fvegan-cheese%3Fformat%3Dturbo_stream%26page%3D2">
    <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/oil-rapeseed-virgin-organic-500-ml-2859">
          <img alt="Oil Rapeseed Virgin Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2014/file/small-4eee89bf9404e7e623dd2becc86d9a73.webp 600w, https://assets.fabulous.ch/public/variant_asset/2014/file/medium-76665d6116c37a08e3e9965a556d397f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2014/file/large-7072db26594ea8ff3ed3bc6f2c623ffa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2014/file/medium-76665d6116c37a08e3e9965a556d397f.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">Bio Planète</p>
          <a href="/en/products/oil-rapeseed-virgin-organic-500-ml-2859">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oil Rapeseed Virgin Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KVQfYBR_yT71X1pxTMQR6UQeuTBvwmkbT30G0e43sGcjNMfPpThpv7e-Pb4JfKbwdN2gdTEreiWn_lEvETwXcg" />
    <input value="2859" 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%2Fdiy-do-it-yourself%2Fvegan-cheese%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cheese-starter-culture-penicillium-roqueforti-type-gorgonzola-vegan-1-piece-6588">
          <img alt="Cheese Starter Culture Penicillium Roqueforti, Type GORGONZOLA Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3774/file/small-d817bdb00dfbf338a6f7082bc20e46d6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3774/file/medium-302738f6ab50d9af3362e2e5c719c79d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3774/file/large-e1a80f4010e7229318b0ce3161faf5f5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3774/file/medium-302738f6ab50d9af3362e2e5c719c79d.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">Produced for fabulous!</p>
          <a href="/en/products/cheese-starter-culture-penicillium-roqueforti-type-gorgonzola-vegan-1-piece-6588">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cheese Starter Culture Penicillium Roqueforti, Type GORGONZOLA Vegan, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </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%2Fdiy-do-it-yourself%2Fvegan-cheese%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cheese-starter-culture-penicillium-roqueforti-type-roquefort-vegan-1-piece-6589">
          <img alt="Cheese Starter Culture Penicillium Roqueforti, Type ROQUEFORT Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3775/file/small-f98e117ee2e5205aa8549e0269b439a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/3775/file/medium-ada170b2961db6a4e15a1e0f1ba78bbb.webp 900w, https://assets.fabulous.ch/public/variant_asset/3775/file/large-b581dae2b2605679163e3e81ecb93a95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3775/file/medium-ada170b2961db6a4e15a1e0f1ba78bbb.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">Produced for fabulous!</p>
          <a href="/en/products/cheese-starter-culture-penicillium-roqueforti-type-roquefort-vegan-1-piece-6589">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cheese Starter Culture Penicillium Roqueforti, Type ROQUEFORT Vegan, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </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%2Fdiy-do-it-yourself%2Fvegan-cheese%3Fformat%3Dturbo_stream%26page%3D2">
    <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/cheese-starter-culture-penicillium-candidum-type-camembert-vegan-1-piece-6591">
          <img alt="Cheese Starter Culture Penicillium Candidum, Type CAMEMBERT Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3777/file/small-92847e630c9c8c900e4bfb3aabe815c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3777/file/medium-bb1323ec8ddb46bcc0db0ed0c4383068.webp 900w, https://assets.fabulous.ch/public/variant_asset/3777/file/large-5992546b7417006a0f87b6a5d03929b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3777/file/medium-bb1323ec8ddb46bcc0db0ed0c4383068.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">Produced for fabulous!</p>
          <a href="/en/products/cheese-starter-culture-penicillium-candidum-type-camembert-vegan-1-piece-6591">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cheese Starter Culture Penicillium Candidum, Type CAMEMBERT Vegan, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5WM_JSZYGHvKrBQG0xcwJxeIFHgJAslgKjj0ZQazjknvA-eKlx-4-ohNc8mWr4c-J0sNPVfr2l7Cu6Ob-bgpXA" />
    <input value="6591" 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%2Fdiy-do-it-yourself%2Fvegan-cheese%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cheese-starter-culture-beaugel-penicillium-vegan-1-piece-6592">
          <img alt="Cheese Starter Culture Beaugel Penicillium Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3778/file/small-cfc2298996619a473e284d33daa152f5.webp 600w, https://assets.fabulous.ch/public/variant_asset/3778/file/medium-b08dfbae7eb5266ecd14512844629dc9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3778/file/large-e99681227a139efb01e30da2fd5141dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3778/file/medium-b08dfbae7eb5266ecd14512844629dc9.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">Produced for fabulous!</p>
          <a href="/en/products/cheese-starter-culture-beaugel-penicillium-vegan-1-piece-6592">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cheese Starter Culture Beaugel Penicillium Vegan, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.00
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </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%2Fdiy-do-it-yourself%2Fvegan-cheese%3Fformat%3Dturbo_stream%26page%3D2">
    <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/duplex-paper-for-cheese-alternatives-20-pcs-20-piece-6595">
          <img alt="Duplex Paper for Cheese Alternatives, 20 pcs." class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3783/file/small-043b433edb764ca106931e434ef124ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/3783/file/medium-07c4706f321c2ba26f0da507f8f39d82.webp 900w, https://assets.fabulous.ch/public/variant_asset/3783/file/large-b08bf421042b25995c64299563849372.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3783/file/medium-07c4706f321c2ba26f0da507f8f39d82.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">Produced for fabulous!</p>
          <a href="/en/products/duplex-paper-for-cheese-alternatives-20-pcs-20-piece-6595">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Duplex Paper for Cheese Alternatives, 20 pcs., 20 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4Pj_NdQjEJZnZIRSYolq_Tgl_ZKtnnTZjgO89nX3C2XqmCeaZWSwFyWF450nMd3kCObk1_N3Z-dmgOsIivyscA" />
    <input value="6595" 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%2Fdiy-do-it-yourself%2Fvegan-cheese%3Fformat%3Dturbo_stream%26page%3D2">
    <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/kochbuch-kase-veganese-heike-kugler-anger-1-piece-6631">
          <img alt="Kochbuch Käse veganese | Heike Kügler-Anger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3821/file/small-f768eda15622037d2259abafe19a08f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3821/file/medium-8a731d46dfd16b0e7941c4e9408fb10e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3821/file/large-85c87dcdf6f934eb3f499a76d327cbe8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3821/file/medium-8a731d46dfd16b0e7941c4e9408fb10e.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">Buchverlag</p>
          <a href="/en/products/kochbuch-kase-veganese-heike-kugler-anger-1-piece-6631">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kochbuch Käse veganese | Heike Kügler-Anger, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OP9yGZZaE6X8OF7w6K4Ok73hJ5roQPdtML9TrCBML3Iyn6q2Jx2zJL7ZOT-tFrmKjSI-37ap5FPYPARS30eIZw" />
    <input value="6631" 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%2Fdiy-do-it-yourself%2Fvegan-cheese%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/kase-aus-nussen-julie-piatt-1-piece-6633">
          <img alt="Käse aus Nüssen! | Julie Piatt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3823/file/small-337be169fd899dfa3d99e38e1951c6fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/3823/file/medium-d16a68f585892cd5bd01c27b315229c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/3823/file/large-e006addee91eba327ac7826524912172.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3823/file/medium-d16a68f585892cd5bd01c27b315229c7.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">Buchverlag</p>
          <a href="/en/products/kase-aus-nussen-julie-piatt-1-piece-6633">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Käse aus Nüssen! | Julie Piatt, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.55
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </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%2Fdiy-do-it-yourself%2Fvegan-cheese%3Fformat%3Dturbo_stream%26page%3D2">
    <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/coconut-cooking-fat-bulk-buy-organic-3-kg-6746">
          <img alt="Coconut Cooking Fat Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3899/file/small-11c6e8b3eba9e5508c81b0d8da8b8279.webp 600w, https://assets.fabulous.ch/public/variant_asset/3899/file/medium-abcdd107dee5c748c8c7bf528b92a445.webp 900w, https://assets.fabulous.ch/public/variant_asset/3899/file/large-0d180afff0b4c9060d11879222f78dac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3899/file/medium-abcdd107dee5c748c8c7bf528b92a445.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/coconut-cooking-fat-bulk-buy-organic-3-kg-6746">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconut Cooking Fat Bulk Buy Organic, 3 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 81.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QI_JNYFjOvwSdMg4pkVSDUSLeu5JMIj-0fUriqvdAi9K7xGaMCSafVCVr_fj_eUUdEhjqxfZm8A5dnx0VNalOg" />
    <input value="6746" 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%2Fdiy-do-it-yourself%2Fvegan-cheese%3Fformat%3Dturbo_stream%26page%3D2">
    <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-to-salt-adios-salt-mediterranean-organic-50-g-9474">
          <img alt="Alternative to salt &quot;Adios salt!&quot; Mediterranean Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5339/file/small-48ac2757f55d7357d2a20ee7d0aa6a2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5339/file/medium-831f73df1c0b359b02eb384e1050cf1a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5339/file/large-2618281564a535d5c3ae7f5e86acba2b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.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-to-salt-adios-salt-mediterranean-organic-50-g-9474">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alternative to salt &quot;Adios salt!&quot; Mediterranean Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 10.90 / 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="d9_n3EYetB3jSqyKKWm9jm268OTg1x0LLHdyRMYKjsh9vz9z91kUnKGry0Vs0QqXXXnpob4-DjXE9CW6OQEp3Q" />
    <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%2Fdiy-do-it-yourself%2Fvegan-cheese%3Fformat%3Dturbo_stream%26page%3D2">
    <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/cashew-nuts-bulk-pack-organic-5-kg-15731">
          <img alt="Cashew Nuts Bulk Pack Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7166/file/small-c92fce109483b2314cc20b79ad365bc0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7166/file/medium-7b143c6a285839607fdbfe9923eec820.webp 900w, https://assets.fabulous.ch/public/variant_asset/7166/file/large-1d7c476169f6075b73b03b9f98ae8dc1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7166/file/medium-7b143c6a285839607fdbfe9923eec820.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/cashew-nuts-bulk-pack-organic-5-kg-15731">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashew Nuts Bulk Pack Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 159.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dtsoatp1q4tfqZXPi_ico2Ijl1c8BsFYxHl5BJg30XMEu_DFazILCh1I8gDOQCu6UuCOEmLv0mYs-i76Zzx2Zg" />
    <input value="15731" 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%2Fdiy-do-it-yourself%2Fvegan-cheese%3Fformat%3Dturbo_stream%26page%3D2">
    <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/original-kanne-bread-drink-shot-organic-40-ml-16105">
          <img alt="Original Kanne Bread Drink Shot Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7432/file/small-bed93c77a74ead08ac2692137f4aa52c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7432/file/medium-7a6e1326dbcb6292aeaa2baa3990c642.webp 900w, https://assets.fabulous.ch/public/variant_asset/7432/file/large-252813222ade321026deb754c9b66b92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7432/file/medium-7a6e1326dbcb6292aeaa2baa3990c642.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">Kanne Brottrunk</p>
          <a href="/en/products/original-kanne-bread-drink-shot-organic-40-ml-16105">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Original Kanne Bread Drink Shot Organic, 40 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ygScOjrKJWNPrXpY_a1zFyIUTU7CqG3C-bdRvsE7oZzAZESVi42F4g1MHZe4FcQOEtdUC5xBfvwRNAZAPjAGiQ" />
    <input value="16105" 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%2Fdiy-do-it-yourself%2Fvegan-cheese%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    30 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/coconut-fat-100-organic-250-g-short-shelf-life-03-09-2026-20340">
          <img alt="Coconut Fat 100% Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7652/file/small-649d77bfb43621281831c0f743920490.webp 600w, https://assets.fabulous.ch/public/variant_asset/7652/file/medium-c65a76b68335fa071246a962bb492cb9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7652/file/large-c4587469fc8c19d6cf68badb7e33d3a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7652/file/medium-c65a76b68335fa071246a962bb492cb9.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/coconut-fat-100-organic-250-g-short-shelf-life-03-09-2026-20340">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconut Fat 100% Organic, 250 g (Short shelf life 03.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.30</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vYxPYAxXcKwVAa3MrhBlTIJ7L-r9w3Iz1TGoPPdy7IK37JfPvRDQLVfgygPrqNJVsrg2r6MqYQ09sv_CCHlLlw" />
    <input value="20340" 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">
      36 of 36 products
    </p>
  </div>
</div>

</template></turbo-stream>