<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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sunsnack-cranberries-ganz-gez-bio-200-g-19070">
          <img alt="SunSnack Cranberries ganz gez. Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10748/file/small-7f7d6fe34dd3d565220f725b85d4eee6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10748/file/medium-b956b2e9af14f38b70f680d7d1df0b84.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10748/file/large-95b7f638c24e076c99c202bce7301406.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10748/file/medium-b956b2e9af14f38b70f680d7d1df0b84.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">SunSnack</p>
          <a href="/products/sunsnack-cranberries-ganz-gez-bio-200-g-19070">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Cranberries ganz gez. Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ArRDG17AfrFlVoYUYWJ4MUilomiGhkrRTrEqxc5JqRP2XNdrLbbvFGk6BunjhY9FGcADqYDXhu01AdSUcyJ82g" />
    <input value="19070" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sunsnack-cranberries-halb-ungezuckert-bio-200-g-19071">
          <img alt="SunSnack Cranberries halb ungezuckert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10763/file/small-ed54e55e0a1bce50a4f293c9ba6740a3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10763/file/medium-6f0745e21ef909344e3094bcb7e4e6d3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10763/file/large-c843412a44d0fe014a1299c232e61061.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10763/file/medium-6f0745e21ef909344e3094bcb7e4e6d3.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">SunSnack</p>
          <a href="/products/sunsnack-cranberries-halb-ungezuckert-bio-200-g-19071">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Cranberries halb ungezuckert Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JWn76W70xrdeUebLMZanrIEk1ycaajSqjIFvbihnfA7RgW-ZHYJXElI9ZjazcVDY0EF25hw7-Jb3MZE_lQypxw" />
    <input value="19071" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sunsnack-datteln-entsteint-bio-200-g-19072">
          <img alt="SunSnack Datteln entsteint Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10753/file/small-43675eb340c40bdb7828bb5869ce43d0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10753/file/medium-2bef5532e0910c9c3d909829e0d63041.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10753/file/large-247890a80553f203b5cf679175bd09a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10753/file/medium-2bef5532e0910c9c3d909829e0d63041.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">SunSnack</p>
          <a href="/products/sunsnack-datteln-entsteint-bio-200-g-19072">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Datteln entsteint Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WWbrVvEGLo-akfJ82sAocmjtiHCJdqKpNQs-6MGsj5Gtjn8mgnC_Kpb9coFYJ98GOYgpsY8nbpVOu8C5fMdaWA" />
    <input value="19072" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sunsnack-datteln-entsteint-konv-200-g-19073">
          <img alt="SunSnack Datteln entsteint konv." class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10162/file/small-3e7b7301138d04433c8891653ffff3a1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10162/file/medium-9cf05505a72e9346960b12d8eab29c18.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10162/file/large-da43d99959c0375a36dc7896c21f14fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10162/file/medium-9cf05505a72e9346960b12d8eab29c18.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">SunSnack</p>
          <a href="/products/sunsnack-datteln-entsteint-konv-200-g-19073">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Datteln entsteint konv., 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CObzkw2n5h0xZ6OQZ-BWyZzokmI0l_PLHnqM6_RpWi38DmfjftF3uD0LI23lB6G9zY0zozLGP_dlynK6SQKP5A" />
    <input value="19073" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sunsnack-datteln-entsteint-konv-1-kg-19074">
          <img alt="SunSnack Datteln entsteint konv." class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10797/file/small-28c010604ab502607d15cf509b852732.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10797/file/medium-082b663116e804649478b3edf36f18a9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10797/file/large-136f68341588a90e16c623a4e02d27f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10797/file/medium-082b663116e804649478b3edf36f18a9.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">SunSnack</p>
          <a href="/products/sunsnack-datteln-entsteint-konv-1-kg-19074">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Datteln entsteint konv., 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lPRW3womTN2E_X1MvRKH29BGetYwH4o3McxTzH39TndgHMKveVDdeIiR_bE_9XCvgSPbFzZORgtKfK2dwJabvg" />
    <input value="19074" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sunsnack-datteln-medjool-bio-250-g-19075">
          <img alt="SunSnack Datteln Medjool Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10751/file/small-9db1cf38a9af018d07e569d61495242e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10751/file/medium-b8ecd5f35cd6af81b4746c4265c964d3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10751/file/large-d6e0b162a90f80fa60e62b6e4ba1c883.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10751/file/medium-b8ecd5f35cd6af81b4746c4265c964d3.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">SunSnack</p>
          <a href="/products/sunsnack-datteln-medjool-bio-250-g-19075">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Datteln Medjool Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_Yyn8dlbFGNtv95WGVR71ySpNGLML9vcsRVe8leBsOAJZDOBqi2FxmHTXqubs4yjdcyVo8p-F-DKpaCj6uplKQ" />
    <input value="19075" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sunsnack-exotic-fruits-mischung-175-g-19076">
          <img alt="SunSnack Exotic Fruits-Mischung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10810/file/small-8e826777b6849e8c59f216ec116c0cf7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10810/file/medium-36710401b2b871767179503d68cacd8c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10810/file/large-85ab5f1f29ff71d61c481cc07843559f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10810/file/medium-36710401b2b871767179503d68cacd8c.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">SunSnack</p>
          <a href="/products/sunsnack-exotic-fruits-mischung-175-g-19076">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Exotic Fruits-Mischung, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XzpIjLrieiIxY_ir9Y8yMhjZjvXHEf3X6QMWa5RskoSr0tz8yZTrhz0PeFZ3aMVGSbwvNMFAMeuSs-g6KQdHTQ" />
    <input value="19076" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sunsnack-feigen-protoben-bio-1-kg-19077">
          <img alt="SunSnack Feigen Protoben Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10754/file/small-3e662a3fad0dd3db2416aeb654a7b1a1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10754/file/medium-a348dd1033d385ebcee8476e721aff3e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10754/file/large-da5d0be1b8212e41e68b0a671eb3bafd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10754/file/medium-a348dd1033d385ebcee8476e721aff3e.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">SunSnack</p>
          <a href="/products/sunsnack-feigen-protoben-bio-1-kg-19077">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Feigen Protoben Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BU8T4Zam-suSnxxJRA1YJHPi8UjpmJxEMq7QldS1Z_rxp4eR5dBrbp7znLTG6q9QIodQie_JUHhJHi7Ead6yMw" />
    <input value="19077" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sunsnack-feigen-protoben-bio-250-g-19078">
          <img alt="SunSnack Feigen Protoben Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10755/file/small-796f7dc7fc6585f02cb2654ad69a50d3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10755/file/medium-9ccdfb4aa2b11243e1db38a55a12c178.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10755/file/large-ceddc5d1fe139ea3fc4543762eaf2069.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10755/file/medium-9ccdfb4aa2b11243e1db38a55a12c178.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">SunSnack</p>
          <a href="/products/sunsnack-feigen-protoben-bio-250-g-19078">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Feigen Protoben Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QpSEN7X6vOIhGo_hK35_vn3D-H12iyg7l7yM1gBP4E22fBBHxowtRy12DxypmYjKLKZZvHDa5AfsDHKHvSQ1hA" />
    <input value="19078" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sunsnack-feigen-protoben-bio-500-g-19079">
          <img alt="SunSnack Feigen Protoben Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10756/file/small-a017a232a86022b3a347d7091260af38.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10756/file/medium-323508b18746a649ee4690bb5942ffa3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10756/file/large-bfba05037ed3bb055bcc28aa3397f3da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10756/file/medium-323508b18746a649ee4690bb5942ffa3.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">SunSnack</p>
          <a href="/products/sunsnack-feigen-protoben-bio-500-g-19079">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Feigen Protoben Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TMOe8QNSTTLpHBkFTf_sgxr87eviNrdkz_rZJQq_y2e4KwqBcCTcl-VwmfjPGBv3S5lMKuRne1i0Sid0t9Qerg" />
    <input value="19079" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sunsnack-goji-beeren-bio-150-g-19080">
          <img alt="SunSnack Goji Beeren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10752/file/small-fbc35e1fa75780e1bffdae8d6c32a949.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10752/file/medium-537e35bda9bffb446c3c8df5dcac1681.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10752/file/large-a1cd8275b50860941abe34e715d1f337.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10752/file/medium-537e35bda9bffb446c3c8df5dcac1681.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">SunSnack</p>
          <a href="/products/sunsnack-goji-beeren-bio-150-g-19080">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Goji Beeren Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3wb0_ulsXK9Tsge0ujGGtsyV4qJAbYqeVXCEQoQwwLsr7mCOmhrNCl_eh0k41nHCnfBDY0Y8RqIuwHoTOVsVcg" />
    <input value="19080" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sunsnack-haselnusse-ganz-bio-225-g-19081">
          <img alt="SunSnack Haselnüsse ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10769/file/small-c689d82de8595310732c86bc26525c68.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10769/file/medium-d5a231198d81bf1777b3d050059baf3d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10769/file/large-552e3722921b00ac86b9f80bbe3e4e13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10769/file/medium-d5a231198d81bf1777b3d050059baf3d.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">SunSnack</p>
          <a href="/products/sunsnack-haselnusse-ganz-bio-225-g-19081">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Haselnüsse ganz Bio, 225 g</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 6.62 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WPd0MI-CrF98IhRv9-t7qkFe8NchL8psbYptIgreUg-sH-BA_PQ9-nBOlJJ1DIzeEDtRFid-BlAWOpNzt7WHxg" />
    <input value="19081" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sunsnack-haselnusse-gemahlen-bio-150-g-19082">
          <img alt="SunSnack Haselnüsse gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10768/file/small-a3c8cfde05f29ce1ad4b82a2b3332a96.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10768/file/medium-068124eb35cbc590a08f4a1b5a38138f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10768/file/large-a6dc01fed0e4154173beac8ad6594f38.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10768/file/medium-068124eb35cbc590a08f4a1b5a38138f.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">SunSnack</p>
          <a href="/products/sunsnack-haselnusse-gemahlen-bio-150-g-19082">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Haselnüsse gemahlen Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LI-D8-degQMm-r_ajBm4uPOg9qhBSujRkI4GkbpaizDYZxeDlCgQpiqWPycO_k_MosVXaUcbJO3rPvjABzFe-Q" />
    <input value="19082" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sunsnack-haselnusskerne-gerostet-225-g-19083">
          <img alt="SunSnack Haselnusskerne geröstet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10801/file/small-c3ff3dc7772446dab6dde74a3b9a6c52.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10801/file/medium-14bedd154770575e17202c2dadeb60b8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10801/file/large-8fd1498d0b16d98cc02dcaa8a9271846.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10801/file/medium-14bedd154770575e17202c2dadeb60b8.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">SunSnack</p>
          <a href="/products/sunsnack-haselnusskerne-gerostet-225-g-19083">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Haselnusskerne geröstet, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="phH7np7SNo6CSm3ZM6--ZB2HxyZ6r9PnnF_uu1r8O4NS-W_u7aSnK44m7SSxSEkQTOJm53z-H9vn7xDq55fuSg" />
    <input value="19083" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sunsnack-heidelbeere-200-g-19084">
          <img alt="SunSnack Heidelbeere" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10798/file/small-6200369b6861421de8dfae6df3798d6a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10798/file/medium-eada905b392c5bff41f7f3107cd32ae3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10798/file/large-b912f655b9443348c974477867782f07.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10798/file/medium-eada905b392c5bff41f7f3107cd32ae3.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">SunSnack</p>
          <a href="/products/sunsnack-heidelbeere-200-g-19084">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Heidelbeere, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="epJL5abBJABgBf7oTZxlEerWSIaZOre5fcIRhBNIycCOet-V1be1pWxpfhXPe5Jlu7PpR59re4UGcu_VriMcCQ" />
    <input value="19084" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sunsnack-ingwer-stangeli-bio-200-g-19085">
          <img alt="SunSnack Ingwer-Stängeli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10757/file/small-714734c9bf5da2bd905c2868071b77ca.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10757/file/medium-fb434654bb6d4e3d9755907e052d424d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10757/file/large-86079e616647344e02080965b7ec1b08.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10757/file/medium-fb434654bb6d4e3d9755907e052d424d.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">SunSnack</p>
          <a href="/products/sunsnack-ingwer-stangeli-bio-200-g-19085">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Ingwer-Stängeli Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QNR96irTMfPHGKDJLXAo9FYZggX2ctq0jRTmhBq9RUu0POmaWaWgVst0IDSvl9-AB3wjxPAjFoj2pBjVp9aQgg" />
    <input value="19085" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sunsnack-knusper-mix-bio-250-g-19086">
          <img alt="SunSnack Knusper-Mix Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10786/file/small-28fd7cda5b1616dd943306becb810da8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10786/file/medium-b1d648917debf4ff9b4424b4023beb99.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10786/file/large-5beef5962ad4e12e5a29114b34d82836.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10786/file/medium-b1d648917debf4ff9b4424b4023beb99.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">SunSnack</p>
          <a href="/products/sunsnack-knusper-mix-bio-250-g-19086">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Knusper-Mix Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qBxAHN-J6j0IKBF0avFfVpdXIYTHQI0Sfj0OYqp0_tlc9NRsrP97mAREkYnoFqgixjKARcERQS4FjfAzFx8rEA" />
    <input value="19086" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sunsnack-kokos-chips-gerostet-200-g-19087">
          <img alt="SunSnack Kokos-Chips geröstet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10842/file/small-f9854598e20aaca0c78dd7b17bc55502.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10842/file/medium-f0fc9d52a1ec48ad0813f48bd10543fb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10842/file/large-3480a067832d05d47d82cde0f821820f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10842/file/medium-f0fc9d52a1ec48ad0813f48bd10543fb.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">SunSnack</p>
          <a href="/products/sunsnack-kokos-chips-gerostet-200-g-19087">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Kokos-Chips geröstet, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mHxtac-FcbW-a6S3s-g41A8VitFn8-zQ8M9BRRXs_IFslPkZvPPgELIHJEoxD8-gXnArEGGiIOyLf78UqIcpSA" />
    <input value="19087" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sunsnack-kokos-schnitze-bio-150-g-19088">
          <img alt="SunSnack Kokos-Schnitze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10750/file/small-12a2061f5ebc55b67e2c16fa21579b24.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10750/file/medium-db72f0dd6f812e2a5ed142130a9a0582.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10750/file/large-ac4e0e4c1ab32ffab5148e1eaac3c2e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10750/file/medium-db72f0dd6f812e2a5ed142130a9a0582.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">SunSnack</p>
          <a href="/products/sunsnack-kokos-schnitze-bio-150-g-19088">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Kokos-Schnitze Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_Ga1MHFaEkkJli06wCVFGYHwdLSAR0ufKwYgV3aqhuMIjiFAAiyD7AX6rcdCwrJt0JXVdYYWh6NQtt4Gy8FTKg" />
    <input value="19088" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sunsnack-korinthen-bio-200-g-19089">
          <img alt="SunSnack Korinthen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10758/file/small-ebafacacbfcab9d67d9d9de713a8d0e3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10758/file/medium-25c4c89fe37c067e867823303dd5113c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10758/file/large-24da983a7cceb72feb4ad24730171a17.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10758/file/medium-25c4c89fe37c067e867823303dd5113c.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">SunSnack</p>
          <a href="/products/sunsnack-korinthen-bio-200-g-19089">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Korinthen Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

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

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



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

</template></turbo-stream>