<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%2Fdenttabs%3Fformat%3Dturbo_stream%26page%3D77">
    <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-19079">
          <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/10488/file/small-2a69610b42348064ad4bd92a18c0b131.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10488/file/medium-5ec1f0ccf919fbb75805d37cd938a6c0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10488/file/large-31099d94a2ebafe5365b7949577c89ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10488/file/medium-5ec1f0ccf919fbb75805d37cd938a6c0.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">Sun Snack</p>
          <a href="/products/sunsnack-exotic-fruits-mischung-175-g-19079">
            <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-19079-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LAR5edj2pDSnevjuxfrvTnlhwZ3mSUXWTUoeVd7jmW6kDUQf_goqmtX2AvXb8w3Kfi0Udtzuye_tu0Row91jWw" />
    <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  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%2Fdenttabs%3Fformat%3Dturbo_stream%26page%3D77">
    <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-19080">
          <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/10434/file/small-3047e1c02788c3af08b2ba1a3a8350c4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10434/file/medium-1ad5dfefce713e9725a819b11f9f3efb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10434/file/large-d1dcdf30348f2b26c8787c97efc0084c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10434/file/medium-1ad5dfefce713e9725a819b11f9f3efb.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">Sun Snack</p>
          <a href="/products/sunsnack-feigen-protoben-bio-1-kg-19080">
            <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-19080-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B-ojcF9Bq0kfzSJvEXRA5Vnpf51NxQ3JhTXv3-ZeNaCP4x4Web0l521B2HQPfaJhXqWqdndigfAlxLXi-2DPlQ" />
    <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 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%2Fdenttabs%3Fformat%3Dturbo_stream%26page%3D77">
    <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-19081">
          <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/10433/file/small-846e2dbaed9f57e6ad98b8dc28f7cd81.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10433/file/medium-17eefc57ba658898eb3836c5d04305c2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10433/file/large-bf4d8487c7f7ef375503497390d4b5f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10433/file/medium-17eefc57ba658898eb3836c5d04305c2.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">Sun Snack</p>
          <a href="/products/sunsnack-feigen-protoben-bio-250-g-19081">
            <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-19081-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="we10umjB2uap-gZOiU2TOn-j0kCJUcoVJ9crycfty_FJ5EncTj1USNt2_FWXRHG-eO8Hq7P2RiyHJnH02tMxxA" />
    <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  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%2Fdenttabs%3Fformat%3Dturbo_stream%26page%3D77">
    <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-19082">
          <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/10435/file/small-4d363828b6841f9d6875886f714663a7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10435/file/medium-207e3abef85c90d1a46fb7148dd4fc95.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10435/file/large-ac0cc0ea3177f8c84f51489d4abce2c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10435/file/medium-207e3abef85c90d1a46fb7148dd4fc95.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">Sun Snack</p>
          <a href="/products/sunsnack-feigen-protoben-bio-500-g-19082">
            <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-19082-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ep8NkRdQmTXsuE3WSOeZoDJiDxRM_1xe9nbU2U48yFvyljD3MawXm540t81W7nskNS7a_3ZY0GdWh47kUwIybg" />
    <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 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%2Fdenttabs%3Fformat%3Dturbo_stream%26page%3D77">
    <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-19083">
          <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/10431/file/small-315e7ef828bbf67f939c93e535c963f8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10431/file/medium-06a4464f073ee8b93363bfb83da42bbb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10431/file/large-49434f9bb92f2c3a81e0f15787e883ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10431/file/medium-06a4464f073ee8b93363bfb83da42bbb.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">Sun Snack</p>
          <a href="/products/sunsnack-goji-beeren-bio-150-g-19083">
            <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-19083-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2J7FZO2ao0ES_YNy2FCRajB6GagMInMfydvRmLYuGFFQl_gCy2Yt72BxeWnGWXPuNzbMQzaF_yZpKoulqxDiZA" />
    <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  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%2Fdenttabs%3Fformat%3Dturbo_stream%26page%3D77">
    <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-19084">
          <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/10447/file/small-25dd59ff7bf9d5e57eef71d74e578d02.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10447/file/medium-363c253a6d60cd46dd1ca4804ef01f3d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10447/file/large-4beca2025a7b6c120dbccd049b0a4067.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10447/file/medium-363c253a6d60cd46dd1ca4804ef01f3d.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">Sun Snack</p>
          <a href="/products/sunsnack-haselnusse-ganz-bio-225-g-19084">
            <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-19084-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4wFOtyP5ApFuIFILfr213gMkOGCQJhRMVjs_yqs9h1drCHPRBQWMPxysqBBgtFdaBGjti6qBmHX2ymX3tgN9Yg" />
    <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 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%2Fdenttabs%3Fformat%3Dturbo_stream%26page%3D77">
    <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-19085">
          <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/10450/file/small-4c9c479be9c653efe29241698268fa1c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10450/file/medium-41ac89d311394602304021e9a70ec32f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10450/file/large-5b7f5a1c2dae97ee3ecffa5988e309d0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10450/file/medium-41ac89d311394602304021e9a70ec32f.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">Sun Snack</p>
          <a href="/products/sunsnack-haselnusse-gemahlen-bio-150-g-19085">
            <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-19085-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="18LMUdr_acvsxz1kn6b-z8XqCXm9T5FAUqalacc81oxfy_E3_APnZZ5Lx3-BrxxLwqbckofoHXnyV_9U2gIsuQ" />
    <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  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%2Fdenttabs%3Fformat%3Dturbo_stream%26page%3D77">
    <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-19086">
          <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/10482/file/small-0a0d5c5c5fd911c302869fd1fbe42194.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10482/file/medium-e95d724093a3f0dad889403d7da85c1c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10482/file/large-1b0d74ddc6005bdf401b31fbce15d9a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10482/file/medium-e95d724093a3f0dad889403d7da85c1c.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">Sun Snack</p>
          <a href="/products/sunsnack-haselnusskerne-gerostet-225-g-19086">
            <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-19086-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BU6ZmPTny_-iX7efPIZVlZViFQxIY0_eG_wM81GoeNSNR6T-0htFUdDTTYQij7cRki7A53LEw-e7DVbOTJaC4Q" />
    <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 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%2Fdenttabs%3Fformat%3Dturbo_stream%26page%3D77">
    <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-19087">
          <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/10479/file/small-de4673b62c65f2369dd2da86bc457812.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10479/file/medium-3e304ca4d2e42ab2668e87908043b8b2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10479/file/large-0a5352f14b220e3962302703bbce2005.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10479/file/medium-3e304ca4d2e42ab2668e87908043b8b2.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">Sun Snack</p>
          <a href="/products/sunsnack-heidelbeere-200-g-19087">
            <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-19087-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-vPoc7q0DN4ygQNYGPAftG5hXNP_HJMESNsnFZSnGipy-tUVnEiCcEAN-UMG-f0waS2JOMW7Hz3oKn0oiZngHw" />
    <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  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%2Fdenttabs%3Fformat%3Dturbo_stream%26page%3D77">
    <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-19088">
          <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/10436/file/small-ab43ec80a1dca4ea1a16d5ab25abb156.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10436/file/medium-81e7ed03923ee59af621a9d7b286e1be.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10436/file/large-7e9abddebccfa6f62adb2efe303698c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10436/file/medium-81e7ed03923ee59af621a9d7b286e1be.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">Sun Snack</p>
          <a href="/products/sunsnack-ingwer-stangeli-bio-200-g-19088">
            <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-19088-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0n45R6PsFwmzI0lSfuWhh76CtO-RDczglD450qKgR09adwQhhRCZp8Gvs0lg7EMDuc5hBKuqQNk0z2Pvv569eg" />
    <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 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%2Fdenttabs%3Fformat%3Dturbo_stream%26page%3D77">
    <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-19089">
          <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/10464/file/small-02650fc46306ee96188d258e634e707b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10464/file/medium-caa24ece1cdf575d1c82c8ec9d221a4c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10464/file/large-bae5df5fc465fd2693a1cb6843b2e2c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10464/file/medium-caa24ece1cdf575d1c82c8ec9d221a4c.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">Sun Snack</p>
          <a href="/products/sunsnack-knusper-mix-bio-250-g-19089">
            <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-19089-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0rL-_8OARc9JEg_M8b8axnsnASfzPurW9pDP8x923x1au8OZ5XzLYTue9dfvtvhCfGvUzMmZZu9WYZXOAkglKA" />
    <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>


  

  <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%2Fdenttabs%3Fformat%3Dturbo_stream%26page%3D77">
    <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-19090">
          <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/10513/file/small-5f5b32deca684c72324feabdab7b18b5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10513/file/medium-1f30ea8c3612bcf708818cd3f982ec83.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10513/file/large-4883188aae58668403e20cb611df0f7a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10513/file/medium-1f30ea8c3612bcf708818cd3f982ec83.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">Sun Snack</p>
          <a href="/products/sunsnack-kokos-chips-gerostet-200-g-19090">
            <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-19090-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rgcjaTMar7aTCfZ-MoP65U1ImRX4-5oJiXnAIPVWiyomDh4PFeYhGOGFDGUsihhhSgRM_sJcFjApiJod6GhxHw" />
    <input value="19090" 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%2Fdenttabs%3Fformat%3Dturbo_stream%26page%3D77">
    <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-19091">
          <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/10428/file/small-7a0de25fab8e1104c99c275a0918ca1f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10428/file/medium-5bee37b9637fb4f44d411fdba113c27c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10428/file/large-0b06c40d1a574d41f479a9d8ad46dc69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10428/file/medium-5bee37b9637fb4f44d411fdba113c27c.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">Sun Snack</p>
          <a href="/products/sunsnack-kokos-schnitze-bio-150-g-19091">
            <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-19091-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hwekzKV9MzwSUpb5ftpyaKBQgl3UqYUFTXPOUBtPaQwPDpmqg4G9kmDebOJg05DspxxXtu4OCTztgpRtBnGTOQ" />
    <input value="19091" 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%2Fdenttabs%3Fformat%3Dturbo_stream%26page%3D77">
    <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-19092">
          <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/10438/file/small-10d28717975d00c04784304578e0b306.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10438/file/medium-e20d27748c21d72e1a182c7e0944034d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10438/file/large-bc459c23ae9e0b89e817778baad96b92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10438/file/medium-e20d27748c21d72e1a182c7e0944034d.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">Sun Snack</p>
          <a href="/products/sunsnack-korinthen-bio-200-g-19092">
            <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-19092-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qWCooh0oxcKb32bLE8BVKonAozORpUOyiq4OpN2nJJghaZXEO9RLbOlTnNANybeujox22KsCz4sqX1SZwJnerQ" />
    <input value="19092" 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%2Fdenttabs%3Fformat%3Dturbo_stream%26page%3D77">
    <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-kurbiskerne-bio-250-g-19093">
          <img alt="SunSnack Kürbiskerne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10451/file/small-8897951629fe9cf22f93769fd9bc555c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10451/file/medium-dac051d86fc40237ed79a6e6d7f8a62d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10451/file/large-df7170a4211442a481b66d380d21bfaa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10451/file/medium-dac051d86fc40237ed79a6e6d7f8a62d.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">Sun Snack</p>
          <a href="/products/sunsnack-kurbiskerne-bio-250-g-19093">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Kürbiskerne Bio, 250 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.40 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CGk6PUMDAFKJZhdo-A5JomX_arn008wUbKV-pU_D2vSAYAdbZf-O_Pvq7XPmB6smYrO_Us50QC3MVCSYUv0gwQ" />
    <input value="19093" 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%2Fdenttabs%3Fformat%3Dturbo_stream%26page%3D77">
    <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-macadamia-nusse-bio-225-g-19094">
          <img alt="SunSnack Macadamia- Nüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10453/file/small-34d74d6e12121149677ccaec58a5c6cb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10453/file/medium-aa05da82ef8c96abe177ccbc50030bb7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10453/file/large-0297ee92337b5b8acfbf5d950619b1d0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10453/file/medium-aa05da82ef8c96abe177ccbc50030bb7.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">Sun Snack</p>
          <a href="/products/sunsnack-macadamia-nusse-bio-225-g-19094">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Macadamia- Nüsse Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nLzUhM-s_t8lHsmk4NFPBdE9aGuMwt1gGZY5936WFn8Uteni6VBwcVeSM7_-2K2B1nG9gLZlUVm5Z2PKY6jsSg" />
    <input value="19094" 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%2Fdenttabs%3Fformat%3Dturbo_stream%26page%3D77">
    <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-mandeln-braun-kalif-bio-250-g-19095">
          <img alt="SunSnack Mandeln braun Kalif. Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10455/file/small-fb42134cbc754f15180ca25630e123c8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10455/file/medium-0118c233d19595268a3d3d59b4c6527f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10455/file/large-140c859d24f5317288aab1978b75e8c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10455/file/medium-0118c233d19595268a3d3d59b4c6527f.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">Sun Snack</p>
          <a href="/products/sunsnack-mandeln-braun-kalif-bio-250-g-19095">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Mandeln braun Kalif. Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZfLN-GqQTSBBEc4Cx1G_Vjg_qm1ciNoRBBwaTW_GkpHt-_CeTGzDjjOdNBnZWF3SP3N_hmYvViik7UBwcvhopA" />
    <input value="19095" 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%2Fdenttabs%3Fformat%3Dturbo_stream%26page%3D77">
    <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-mandeln-braun-kalif-bio-500-g-19096">
          <img alt="SunSnack Mandeln braun Kalif. Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10454/file/small-1f342d6d728d81b9e0526be5295241ac.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10454/file/medium-5aecac6010c1ddb7e991ef88a63ad4eb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10454/file/large-c132d415e448103dbea2a5fc7414becf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10454/file/medium-5aecac6010c1ddb7e991ef88a63ad4eb.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">Sun Snack</p>
          <a href="/products/sunsnack-mandeln-braun-kalif-bio-500-g-19096">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Mandeln braun Kalif. Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </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-19096-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GqNkwi20dGkvEybkJ4oQw3Sx1WXVcen-jrCMmVHNGoSSqlmkC0j6x12f3P85g_JHc_0Aju_WZccuQdakTPPgsQ" />
    <input value="19096" 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%2Fdenttabs%3Fformat%3Dturbo_stream%26page%3D77">
    <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-mandeln-braun-span-bio-250-g-19097">
          <img alt="SunSnack Mandeln braun Span. Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10456/file/small-e13b1f55b82fdacd63e162269024113f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10456/file/medium-61260697f1db440c26ec9b2640b86939.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10456/file/large-4d206c6374675afab18412d09540cf8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10456/file/medium-61260697f1db440c26ec9b2640b86939.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">Sun Snack</p>
          <a href="/products/sunsnack-mandeln-braun-span-bio-250-g-19097">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Mandeln braun Span. Bio, 250 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 3.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bjlfIy0zfGW93XHa5Tip_teenSLEzMwJQXuAvgYNucXmMGJFC8_yy89Ri8H7MUt60NJIyf5rQDDhitqDGzND8A" />
    <input value="19097" 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%2Fdenttabs%3Fformat%3Dturbo_stream%26page%3D77">
    <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-mandeln-gemahlen-bio-150-g-19098">
          <img alt="SunSnack Mandeln 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/10458/file/small-d2a3e57abfcd6ceecc8fbe800b5beae2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10458/file/medium-42e0c072126e947fc0429bcf5b990d87.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10458/file/large-6f5d93fe92f2b66af46f8e275b07169c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10458/file/medium-42e0c072126e947fc0429bcf5b990d87.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">Sun Snack</p>
          <a href="/products/sunsnack-mandeln-gemahlen-bio-150-g-19098">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Mandeln gemahlen Bio, 150 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 3.13 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bC48aE-RMgBPvEdRRC9TfhG417GJmosIX9b293ZWj2jkJwEOaW28rj0wvUpaJrH6FvQCWrM9BzH_J6zKa2h1XQ" />
    <input value="19098" 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;540 von 2&#39;529 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/denttabs?format=turbo_stream&amp;page=78">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>