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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fhampstead%3Fformat%3Dturbo_stream%26page%3D121">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rose-spumante-extra-dry-bio-7-5-dl-19981">
          <img alt="Rosé Spumante Extra Dry Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10672/file/small-ccb10dc126ef1d7ca740d5cf7f1d2b28.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10672/file/medium-c986fab6ac95842010f113340d9e995e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10672/file/large-4be782cbef812111ede7a839cdb9dbf2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10672/file/medium-c986fab6ac95842010f113340d9e995e.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">Pizzolato</p>
          <a href="/products/rose-spumante-extra-dry-bio-7-5-dl-19981">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosé Spumante Extra Dry Bio, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fhampstead%3Fformat%3Dturbo_stream%26page%3D121">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rose-spumante-extra-dry-bio-2-dl-19982">
          <img alt="Rosé Spumante Extra Dry Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10673/file/small-c5c0a5e29cfe8c74303fac9286fa51a1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10673/file/medium-c1121a3a2ea1c4debfff809872dd5ca6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10673/file/large-a3cd1ab3c99dc0c1ca326a2a127b1109.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10673/file/medium-c1121a3a2ea1c4debfff809872dd5ca6.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">Pizzolato</p>
          <a href="/products/rose-spumante-extra-dry-bio-2-dl-19982">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosé Spumante Extra Dry Bio, 2 dl</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 4.15 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oeiQf6gAEpfLBq_BfuJ8MU-ULi0TB0-zjF0RnsJhffyFCXBpY8tDRPVhIUMh3LMvX0SxEp8L5mEj-bGdoeb4Aw" />
    <input value="19982" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fhampstead%3Fformat%3Dturbo_stream%26page%3D121">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/halbweissmehl-bio-1-kg-19983">
          <img alt="Halbweissmehl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10676/file/small-c9a2f5d5c21a6d9e5b1a5b10b1e1d652.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10676/file/medium-a1b3f06c6576277889be2f7f6dc30d23.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10676/file/large-f7fed8f0fa456e8937ffb23bc53b81e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10676/file/medium-a1b3f06c6576277889be2f7f6dc30d23.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="/products/halbweissmehl-bio-1-kg-19983">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Halbweissmehl Bio, 1 kg</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 0.67 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fhampstead%3Fformat%3Dturbo_stream%26page%3D121">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rotwein-vinnocence-merlot-alkoholfrei-750-ml-19984">
          <img alt="Rotwein Vinnocence Merlot alkoholfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10678/file/small-1584348ed869e87bbb2c85aff6fbcd87.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10678/file/medium-9675e1962aaa05aab51f0fc9032b7db8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10678/file/large-cb9413cb1bae8f85f1cad135c315c44f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10678/file/medium-9675e1962aaa05aab51f0fc9032b7db8.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">Küferweg</p>
          <a href="/products/rotwein-vinnocence-merlot-alkoholfrei-750-ml-19984">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rotwein Vinnocence Merlot alkoholfrei, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fhampstead%3Fformat%3Dturbo_stream%26page%3D121">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sauerkraut-roh-bio-500-g-19985">
          <img alt="Sauerkraut roh Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10679/file/small-8dffa3bbc83ad1d5d1693b1997b5d804.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10679/file/medium-b50338c24e391ec034625cc01ea7282e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10679/file/large-9de8a44d2b14a279cb58eab35f16adef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10679/file/medium-b50338c24e391ec034625cc01ea7282e.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">Schöni</p>
          <a href="/products/sauerkraut-roh-bio-500-g-19985">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauerkraut roh Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X_sel4RNU9iTHXRBrTIXU8SNuwGXoxvBH-3Saq1jfGp7Gv6BT4YCC616-sPyDNhN1F0kPhuvshOwSXJpzuT5lQ" />
    <input value="19985" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fhampstead%3Fformat%3Dturbo_stream%26page%3D121">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sauerkraut-gekocht-bio-250-g-19986">
          <img alt="Sauerkraut gekocht Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10680/file/small-3ebfecc94b481d32911814f961e9a0fb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10680/file/medium-b541f0eb2ad0ff74500e7e14d8786e67.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10680/file/large-d063a5c4a23f484ef2cc78f93a11e94a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10680/file/medium-b541f0eb2ad0ff74500e7e14d8786e67.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">Schöni</p>
          <a href="/products/sauerkraut-gekocht-bio-250-g-19986">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauerkraut gekocht Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fhampstead%3Fformat%3Dturbo_stream%26page%3D121">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/salted-caramel-teebeutel-bio-17-stuck-19987">
          <img alt="Salted Caramel Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10681/file/small-89f263f8108083641fbc7e715bb15317.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10681/file/medium-c6ea2e6ccfadb752319ff6c0edd44a3a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10681/file/large-711437b77e4ba2ef30009d4aba9664e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10681/file/medium-c6ea2e6ccfadb752319ff6c0edd44a3a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yogi Tee</p>
          <a href="/products/salted-caramel-teebeutel-bio-17-stuck-19987">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salted Caramel Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fhampstead%3Fformat%3Dturbo_stream%26page%3D121">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/fermentstarter-250-ml-19988">
          <img alt="Fermentstarter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10682/file/small-d9b4f17b5434ceedb9205b97a5c9c0a8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10682/file/medium-88da107b9ef6dc8e82e2c83cc6e4b7fa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10682/file/large-43659857f19a6b9418dab7b3d0b0d7e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10682/file/medium-88da107b9ef6dc8e82e2c83cc6e4b7fa.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">MikroVeda</p>
          <a href="/products/fermentstarter-250-ml-19988">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fermentstarter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xtJIh3l3_0GpCVH044Ea-rs_EDpkscZVARKu7JUCqB_iM6iRsryukpdu33a8v9Xkq--PBei9b4eutg7v9oUt4A" />
    <input value="19988" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fhampstead%3Fformat%3Dturbo_stream%26page%3D121">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/vanille-zucker-konv-20-g-19989">
          <img alt="Vanille Zucker konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10683/file/small-042823337dfbd9c98b16b79bfe625203.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10683/file/medium-e6d82d9f4d27d8f16d93d1b667f1385b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10683/file/large-308363013b1c355f484266eb4ea77b0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10683/file/medium-e6d82d9f4d27d8f16d93d1b667f1385b.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">MORGA</p>
          <a href="/products/vanille-zucker-konv-20-g-19989">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vanille Zucker konv, 20 g</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 22.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bzOfVq90G_2nLnYHUNwoxDoH0vHmck-KuIqT88t2DKdL0n9AZL9KLplJ-IUP4ufaKtdNzmp-5lgXLjPwqPGJWA" />
    <input value="19989" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fhampstead%3Fformat%3Dturbo_stream%26page%3D121">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/dinkel-vollmehl-bio-1-kg-19990">
          <img alt="Dinkel Vollmehl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10684/file/small-8dea707edfe663b5753b3575d30a0573.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10684/file/medium-ffb789c053a7e3b042b0f578a4d55623.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10684/file/large-0a0a05895d3306d5ddfd215a5d646d25.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10684/file/medium-ffb789c053a7e3b042b0f578a4d55623.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="/products/dinkel-vollmehl-bio-1-kg-19990">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkel Vollmehl Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2nYNzmhRsOLAs8M2qtwXDPNIwLxGZOXO9vCTzibCROX-l-3Yo5rhMf7UTbT14tgS45hfg8poTBxZVDPNRUXBGg" />
    <input value="19990" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fhampstead%3Fformat%3Dturbo_stream%26page%3D121">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/quadritos-konv-40-g-19991">
          <img alt="Quadritos konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10685/file/small-deabc31c11fa3a0ae34dbcc7157d6f52.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10685/file/medium-8b6367ffcd45ded8fcd87dd7ba7de84e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10685/file/large-60a7824a886c813048c2c82ba44d6168.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10685/file/medium-8b6367ffcd45ded8fcd87dd7ba7de84e.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">Schär</p>
          <a href="/products/quadritos-konv-40-g-19991">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quadritos konv, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fhampstead%3Fformat%3Dturbo_stream%26page%3D121">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/pain-brioche-konv-370-g-19992">
          <img alt="Pain Brioché konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10686/file/small-df3a3ad0354c4edc59943d71d04f42d9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10686/file/medium-8d59e5a9a80e1f6216e1363d3cb25622.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10686/file/large-01a32d2ccfeda3e9967bfdddc9aa0596.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10686/file/medium-8d59e5a9a80e1f6216e1363d3cb25622.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">Schär</p>
          <a href="/products/pain-brioche-konv-370-g-19992">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pain Brioché konv, 370 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H57u-d0Ui-9eK_DJMbN7MSs_5lR1TAFgtu1hPPOl1G87fw7vFt_aPGBMfktujbQvO-95a_lAqLIZScE_kCJRkA" />
    <input value="19992" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fhampstead%3Fformat%3Dturbo_stream%26page%3D121">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mix-c-kuchen-und-keksemehl-mischung-konv-1-kg-19993">
          <img alt="Mix C Kuchen- und Keksemehl Mischung konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10687/file/small-e7c0e70d1ef3faf768f32f355b02bbb7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10687/file/medium-e8f21196b07cb098fbf9ac7236809a01.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10687/file/large-c742a0c2d5688dd3ab91f907c4597ad3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10687/file/medium-e8f21196b07cb098fbf9ac7236809a01.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">Schär</p>
          <a href="/products/mix-c-kuchen-und-keksemehl-mischung-konv-1-kg-19993">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mix C Kuchen- und Keksemehl Mischung konv, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fhampstead%3Fformat%3Dturbo_stream%26page%3D121">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/lasagne-glutenfrei-konv-250-g-19994">
          <img alt="Lasagne glutenfrei konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10688/file/small-784b22d1d1f1795bfe7321c6e4dc47e2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10688/file/medium-71d74616e0526f13ec58ee33941882d8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10688/file/large-f23d7c5bdc7ac8f9cb6a463550d454ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10688/file/medium-71d74616e0526f13ec58ee33941882d8.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">Schär</p>
          <a href="/products/lasagne-glutenfrei-konv-250-g-19994">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lasagne glutenfrei konv, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t2X5Q_2kQMNYpCdCn5vBvUABvetCcio5pn2btmwbSA-ThBlVNm8REGbDqcDApQ6jUNEi1M5-g-sJ2Tu1D5zN8A" />
    <input value="19994" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fhampstead%3Fformat%3Dturbo_stream%26page%3D121">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/kakaowaffeln-konv-125-g-19995">
          <img alt="Kakaowaffeln konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10689/file/small-9d65980d90083313c8f5941261ec0760.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10689/file/medium-9b9eef08c2e34a53ee0aeecc4480cd61.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10689/file/large-051879779be6ffab1a97f5390c86eaa5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10689/file/medium-9b9eef08c2e34a53ee0aeecc4480cd61.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">Schär</p>
          <a href="/products/kakaowaffeln-konv-125-g-19995">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kakaowaffeln konv, 125 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 2.96 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fhampstead%3Fformat%3Dturbo_stream%26page%3D121">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mehl-glutenfrei-konv-1-kg-19996">
          <img alt="Mehl glutenfrei konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10690/file/small-ffb831b8a3d1364240cf1daa8cd5b535.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10690/file/medium-7e949b9eefad5ec6122efdee30135445.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10690/file/large-1027c4f029e8b7037be258d9381351d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10690/file/medium-7e949b9eefad5ec6122efdee30135445.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">Schär</p>
          <a href="/products/mehl-glutenfrei-konv-1-kg-19996">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mehl glutenfrei konv, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o-LeBvUUGgCiluKE7Gv6nS_s8Ir7MPhdal2ef6V1an-HAz4QPt9L05zxbAazVTWDPzxvtXc8UY_F-T58xvLvgA" />
    <input value="19996" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fhampstead%3Fformat%3Dturbo_stream%26page%3D121">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/schnitzer-pita-brot-bio-240-g-19997">
          <img alt="Schnitzer Pita Brot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10691/file/small-ce42978beb82a82101ec9b723bbadf73.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10691/file/medium-c97248248143ecd26ed51190d0762218.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10691/file/large-dd2fe96270863272c128ce9edb5c1b2d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10691/file/medium-c97248248143ecd26ed51190d0762218.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">Florentin</p>
          <a href="/products/schnitzer-pita-brot-bio-240-g-19997">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schnitzer Pita Brot Bio, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fhampstead%3Fformat%3Dturbo_stream%26page%3D121">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mediterranes-kimchi-bio-230-g-19998">
          <img alt="Mediterranes Kimchi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10692/file/small-8985b9f141319f24aa0b5ee7943ba8f7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10692/file/medium-9c2918f1b681fe12660085a74730dad0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10692/file/large-6eb385e58e819a3415a708a53f2057a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10692/file/medium-9c2918f1b681fe12660085a74730dad0.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">completeorganics</p>
          <a href="/products/mediterranes-kimchi-bio-230-g-19998">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mediterranes Kimchi Bio, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9odZhQokoHFbyNRNEGdN255K-eUdzCVXA7uoRIYKBpnSZrmTwe_xomWvWs9PWYLFjppm2pHAjIWsHwhH5Y2DZg" />
    <input value="19998" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fhampstead%3Fformat%3Dturbo_stream%26page%3D121">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/high-protein-shake-vanille-5k-bio-30-g-19999">
          <img alt="High Protein Shake Vanille 5K Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10693/file/small-1d6aaf9724c649ef17339937d76cdfb8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10693/file/medium-970ab9c580ab1f18b0f5979304d0a961.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10693/file/large-dfce078cab225bfe245ae5236cf013ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10693/file/medium-970ab9c580ab1f18b0f5979304d0a961.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">PurYa!</p>
          <a href="/products/high-protein-shake-vanille-5k-bio-30-g-19999">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">High Protein Shake Vanille 5K Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fhampstead%3Fformat%3Dturbo_stream%26page%3D121">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/high-protein-shake-kakao-4k-bio-30-g-20000">
          <img alt="High Protein Shake Kakao 4K Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10694/file/small-d5745b09a9439af350a573a586a9064d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10694/file/medium-b3d0c79bd5dd98402f2a71f0d1144a10.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10694/file/large-6ac99dd2e75d553d36786a4e973d5f94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10694/file/medium-b3d0c79bd5dd98402f2a71f0d1144a10.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">PurYa!</p>
          <a href="/products/high-protein-shake-kakao-4k-bio-30-g-20000">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">High Protein Shake Kakao 4K Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9EoOq5rangabZDBkALNIPqE4kaouPo0elJdLktRwH1PQq-69URHP1aUDvuZfjYcgsegOlaIyJMw7M-uRt_earA" />
    <input value="20000" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      2&#39;420 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/hampstead?format=turbo_stream&amp;page=122">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>