<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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D82">
    <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/mandeln-weiss-200-g-19166">
          <img alt="Mandeln weiss" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10874/file/small-b582906c143fe973ee79121f17355f54.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10874/file/medium-9eec0b7979c1fe9bcc7cd628e6281702.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10874/file/large-6c403a873139322f6b6ab970473a4cf0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10874/file/medium-9eec0b7979c1fe9bcc7cd628e6281702.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/mandeln-weiss-200-g-19166">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandeln weiss, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a4rbUWx8CHAZT2d7nhgXFXqhBuXAVmHZi07jnj5izXl56jDzLSgL_RfsFYm4JaEsKzHTI69qNcbc8gXMhFJgdw" />
    <input value="19166" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D82">
    <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/mango-scheiben-bio-150-g-19167">
          <img alt="Mango-Scheiben Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10833/file/small-3c7d9db56f35c69ff956f24be06cc43a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10833/file/medium-d0ee520a2cddabfc41643ff1f63e3214.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10833/file/large-418b3d0f8c6a073b6954091a264f97da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10833/file/medium-d0ee520a2cddabfc41643ff1f63e3214.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/mango-scheiben-bio-150-g-19167">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mango-Scheiben 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-19167-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5yqQ87N_kK1s5OyIEflT9BsvM-ZM5Ri40H3AOId0IID1SntR8iuTIGJHnno3xOXNSr_mICPZTKeHwSZqPUSNjg" />
    <input value="19167" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D82">
    <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/mango-scheiben-bio-400-g-19168">
          <img alt="Mango-Scheiben Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10831/file/small-b2d50f15f893d97c6a2fc3ae4b37f42f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10831/file/medium-00a792d10d9f060f4b84c5154f2afd5a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10831/file/large-b710998bd5379beffb2e522068ae1fda.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10831/file/medium-00a792d10d9f060f4b84c5154f2afd5a.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/mango-scheiben-bio-400-g-19168">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mango-Scheiben Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NwQJVKvHimkokEXSyghpZOAGwhMU7hCZBjmjRj55NQ4lZOL26pOJ5CYzNyDsNd9dsZYX1XvSRIZRhUUUhEmYAA" />
    <input value="19168" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D82">
    <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/mangostreifen-200-g-19169">
          <img alt="Mangostreifen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10871/file/small-69b45de1cc2d61b14c8e1c1969ae821e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10871/file/medium-0e5aedccdc5f353e686df482be1664b9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10871/file/large-caac154b1f8dfc0f07901216e87e8708.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10871/file/medium-0e5aedccdc5f353e686df482be1664b9.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/mangostreifen-200-g-19169">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mangostreifen, 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-19169-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uHu92fH2PSCSriWfOYHOtT3iEo8TgghHJQMepo_4HOCqG1Z7sKI-rZwNV20fvHiMbHLHSXy-XFhyv_j0Ncix7g" />
    <input value="19169" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D82">
    <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/maulbeeren-bio-150-g-19170">
          <img alt="Maulbeeren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10835/file/small-aad584e464b533ec20afeb817f92936b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10835/file/medium-45135cd7e5b42bdfd52dafaf253b0525.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10835/file/large-ae7e6f52a81ec2d73d38efcbc6dc7a94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10835/file/medium-45135cd7e5b42bdfd52dafaf253b0525.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/maulbeeren-bio-150-g-19170">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Maulbeeren Bio, 150 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 4.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gR_aO9y3EwbJjsP-gmghBYM3h3HTHu3V41TmmIOTBPiTfzGZneMQi8ctsQykVZc80qdSt7wiucq06ADKOaOp9g" />
    <input value="19170" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D82">
    <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/mega-mix-fruchte-nusse-joghurt-300-g-19171">
          <img alt="Mega-Mix Früchte+Nüsse Joghurt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10884/file/small-4dc07ac17e68d8af525480c677dd75d4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10884/file/medium-82cf8f4f98a64c7604a8d8232f380193.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10884/file/large-3c1c97aff24f356969e4311ffde9243c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10884/file/medium-82cf8f4f98a64c7604a8d8232f380193.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/mega-mix-fruchte-nusse-joghurt-300-g-19171">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mega-Mix Früchte+Nüsse Joghurt, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </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-19171-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pkNgbagEr7653rEyysOcGCA54vDWTbU9gi9hIRrSTGm0I4vP6VCsM7d9w8Ds_iohcak3Nrlx4SLVk4dzoOLhZw" />
    <input value="19171" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D82">
    <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/mischobst-200-g-19172">
          <img alt="Mischobst" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10883/file/small-2f92608eb8d5a886d85c1a4abd237445.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10883/file/medium-41a3dc13bd0fd262253e0b82be10f1cb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10883/file/large-6f83db8119071429f1e87b593cfbef99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10883/file/medium-41a3dc13bd0fd262253e0b82be10f1cb.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/mischobst-200-g-19172">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mischobst, 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-19172-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XTbetGEKhJ3eaURGKlPHqAZl7KvphERqp4UYSs2r2wJPVjUWIF6HENDKNrQMbnGRV_U5bYa4EHXwOf4Yd5t2DA" />
    <input value="19172" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D82">
    <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/mischobst-450-g-19173">
          <img alt="Mischobst" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10915/file/small-74c9209b850b8aa727c6206c0b9eb158.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10915/file/medium-e3bc8432d255e36f181c2a272f424057.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10915/file/large-2113df90f697f21c9e3929627c684fbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10915/file/medium-e3bc8432d255e36f181c2a272f424057.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/mischobst-450-g-19173">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mischobst, 450 g</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 3.09 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CQxiiKbcRfk9ejXW0ZSHjLc2Vr2jYnyvn-5EWYMlqaobbIkq54hGdDPZRyT3qTG15qaDe8xeKLDIUqILORUEpA" />
    <input value="19173" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D82">
    <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/mohnsamen-250-g-19174">
          <img alt="Mohnsamen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10878/file/small-93530f66f74c4dd212105aab55553ace.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10878/file/medium-cbad79477f7394017f04994dc84f2af7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10878/file/large-97dc7ea9fafc959adbf84b6ef54b2683.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10878/file/medium-cbad79477f7394017f04994dc84f2af7.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/mohnsamen-250-g-19174">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mohnsamen, 250 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.08 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eC9beq7jXoIc6bO6_ozczImZN7zPYm3qqj2AAfDKdhJqT7DY77ddDxJKwUjYsWr12AnieqBeOfX9gWZTSvrbHA" />
    <input value="19174" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D82">
    <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/nusskerne-halbe-bio-150-g-19175">
          <img alt="Nusskerne halbe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10853/file/small-d62e1aff337eae1a81fee5616509aed9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10853/file/medium-825d2f25089d9b15af436e1cd54bd768.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10853/file/large-f84f101d53d3ae5330ebbf56c42032fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10853/file/medium-825d2f25089d9b15af436e1cd54bd768.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/nusskerne-halbe-bio-150-g-19175">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nusskerne halbe Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="drqmT92tLprzAu05aGRj8iEt_14vXh9BWig3DWSotOdk2k3tnPktF_2hn8tOWdXLcL0qmEBiS14NlNFf3pgZ6Q" />
    <input value="19175" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D82">
    <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/nusskerne-halbe-helle-bio-650-g-19176">
          <img alt="Nusskerne halbe helle Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10854/file/small-b09954fe1975436bd3e7c28d57d991e3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10854/file/medium-c81c2348bd2f28bb18bfdf4f21ac677b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10854/file/large-843790b0d30badf8e28a8ff393a380a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10854/file/medium-c81c2348bd2f28bb18bfdf4f21ac677b.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/nusskerne-halbe-helle-bio-650-g-19176">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nusskerne halbe helle Bio, 650 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EqEsF9CzK6qEKiuqKXgIug561AMXJrllBt7gL227FDkAwce1kecoJ4qJWVgPRb6DX-oBxXga7XpRYgZ914u5Nw" />
    <input value="19176" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D82">
    <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/papayastangel-200-g-19177">
          <img alt="Papayastängel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10914/file/small-9e0192954d400cb62c2f4eea1ee04d27.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10914/file/medium-6ad143a5c00ccff25712903c3c0c83f3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10914/file/large-308dc3e551e4d3f1c1519c9a558b5fd6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10914/file/medium-6ad143a5c00ccff25712903c3c0c83f3.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/papayastangel-200-g-19177">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Papayastängel, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="36nBII4VK__hMm4jrKixZZcIBFXeaykZ-R4KKNJfLFzNySqCz0Eocu-RHNGKlQdcxpjRk7FXfQauoux6aG-BUg" />
    <input value="19177" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D82">
    <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/paranusskerne-bio-250-g-19178">
          <img alt="Paranusskerne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10856/file/small-030b5cff96ea7b4b423841dbbe762760.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10856/file/medium-35d244d97b4edb2f9bc523fd1fa113a4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10856/file/large-0c451e27061509036c2221f941a344c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10856/file/medium-35d244d97b4edb2f9bc523fd1fa113a4.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/paranusskerne-bio-250-g-19178">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Paranusskerne Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RiXif-jmRa7fATBufbWTc_sXO7sfMD7QlYUxvsOOIutURQndqbJGI9GiQpxbiCVKqofufXAMas_COdfseb6P5Q" />
    <input value="19178" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D82">
    <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/pekan-nusskerne-150-g-19179">
          <img alt="Pekan-Nusskerne" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10879/file/small-e2c1e557b275ff72846fd33d00f8ccc5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10879/file/medium-e0fcf672fa624906bb05bfa085ced34d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10879/file/large-88abd764c66f5730db6def19f69e15d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10879/file/medium-e0fcf672fa624906bb05bfa085ced34d.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/pekan-nusskerne-150-g-19179">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pekan-Nusskerne, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yZdeI9UaIr3VzMGMRtgNvqQ4xx5ig1E40M-CEPGIHOvb97WBlE4hMNtvs35g5buH9agS2A2_BSeHc2RCS7ix5Q" />
    <input value="19179" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D82">
    <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/pflaumen-ohne-stein-bio-225-g-19180">
          <img alt="Pflaumen ohne Stein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10837/file/small-8c6e569515fea99b1ca725d488abe9d8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10837/file/medium-43d86fcd3f54320803ce60267ecebf3c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10837/file/large-7c1d5dc94dd421607ce7e7efb2faec18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10837/file/medium-43d86fcd3f54320803ce60267ecebf3c.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/pflaumen-ohne-stein-bio-225-g-19180">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflaumen ohne Stein Bio, 225 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 3.78 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="awuzOgvExi4DHIXI-2L4jRA3FfyIE8v8hT8hEGTVvPJ5a1iYSpDFow2_9zrdX060QafAOucvn-PSg8dC3uUR_A" />
    <input value="19180" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D82">
    <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/pflaumen-ohne-stein-bio-500-g-19181">
          <img alt="Pflaumen ohne Stein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10836/file/small-2fa943b592c844d59d9a6ce91c395250.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10836/file/medium-2114c28b0a894c98cec076d1bcd970f3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10836/file/large-b96fd3fe12841ec891dae21914175928.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10836/file/medium-2114c28b0a894c98cec076d1bcd970f3.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/pflaumen-ohne-stein-bio-500-g-19181">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflaumen ohne Stein Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GRZjGPt4r8KFE8P-nCO-xhB-eBhETwU_unLMnLAVQDALdoi6uiysT4uwsQy6Hgj_Qe6t3itzUSDtzirOCiXtPg" />
    <input value="19181" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D82">
    <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/pinienkerne-weiss-bio-100-g-19182">
          <img alt="Pinienkerne weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10855/file/small-a71dc122f8efbd531243473baa3262fd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10855/file/medium-0b6b12c171aab5da614a10087dd3f77a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10855/file/large-fdbe135bab6edb59f77c2698b1d993ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10855/file/medium-0b6b12c171aab5da614a10087dd3f77a.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/pinienkerne-weiss-bio-100-g-19182">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pinienkerne weiss Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tpHQEebRuuB1Ifpt_bmqRj5QIBIlUivp1Gcg65sV7Lyk8Tuzp4W5bXuCiJ_bhBx_b8D11Epuf_aD28a5ISVBsg" />
    <input value="19182" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D82">
    <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/pistazien-ganz-gerostet-u-gesalzen-175-g-19183">
          <img alt="Pistazien ganz geröstet u. gesalzen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10881/file/small-6118c355f18fcf8507d1f5bd8e88e73c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10881/file/medium-2d2ae102db93b8b33065e1846dad6e94.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10881/file/large-4d6915bc6791761d0ef7f778b4a3dba9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10881/file/medium-2d2ae102db93b8b33065e1846dad6e94.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/pistazien-ganz-gerostet-u-gesalzen-175-g-19183">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pistazien ganz geröstet u. gesalzen, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xNYHRKUcsL9bfhX8pr3LY5-pQU6hROwmeVHR4t-WdX7Wtuzm5EizMlXdZw6AgH1azjmUiM54uDku7TewZabYcA" />
    <input value="19183" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D82">
    <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/pistazien-geschalt-100-g-19184">
          <img alt="Pistazien geschält" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10880/file/small-4c413375cc1094056405a01b15ebd577.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10880/file/medium-a920649b58be78787474c4611332fe0d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10880/file/large-dec3e60a29a600b4d012e103e1b3a407.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10880/file/medium-a920649b58be78787474c4611332fe0d.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/pistazien-geschalt-100-g-19184">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pistazien geschält, 100 g</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 13.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z0jipw1kAZKbXYUTX4i_efAKy8dbovNCgMkXEmrnnc51KAkFTDACH5X-9-F5tQlAoZoeATSep13XdfFA0NcwwA" />
    <input value="19184" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D82">
    <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/rauch-mandeln-200-g-19185">
          <img alt="Rauch-Mandeln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10916/file/small-1b90d4acb9de497cd14e0c509a650d60.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10916/file/medium-f94019979b349aa32168d79c4bee24ae.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10916/file/large-870b081755a4e25754c9159fd9f7bbc7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10916/file/medium-f94019979b349aa32168d79c4bee24ae.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/rauch-mandeln-200-g-19185">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rauch-Mandeln, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jiNVLE6De4PPE53HzqklIuc49ulefcTGord6goEeYhGcQ76OD9d4DsGw7zXolJMbtqgjLzFBkNn1C5zQOy7PHw" />
    <input value="19185" 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;640 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/products?format=turbo_stream&amp;page=83">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>