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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%2Fsalty-snacks%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/spread-basitom-organic-135-g-385">
          <img alt="Spread Basitom Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/336/file/small-5fffdac62f801718a942e6002b0c0ccd.webp 600w, https://assets.fabulous.ch/public/variant_asset/336/file/medium-c3da5d8d687d10067c650162bde21843.webp 900w, https://assets.fabulous.ch/public/variant_asset/336/file/large-0e8ee8e49286dcc2a3e306b46a22dddd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/336/file/medium-c3da5d8d687d10067c650162bde21843.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">Zwergenwiese</p>
          <a href="/en/products/spread-basitom-organic-135-g-385">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spread Basitom Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;385&quot;],&quot;content_name&quot;:&quot;Spread Basitom Organic, 135 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;385&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OG9YAgyrtbFYZY-HOAkETKvY7V0kBAlZhMRmxuC23D6k12XwLuDX2_m4TdDk845uXAfm1_bKNSqkju153DlrHQ" />
    <input value="385" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%2Fsalty-snacks%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/swiss-natural-hummus-organic-150-g-15593">
          <img alt="Swiss Natural Hummus Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7118/file/small-1e17f3147c04104c51041e5c659ce325.webp 600w, https://assets.fabulous.ch/public/variant_asset/7118/file/medium-a9fa3a53f5c431e0fbe0c185896e8bb1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7118/file/large-cf8e8c052b62930f75bc3ebdc3c57de1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7118/file/medium-a9fa3a53f5c431e0fbe0c185896e8bb1.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">Wild Foods</p>
          <a href="/en/products/swiss-natural-hummus-organic-150-g-15593">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Swiss Natural Hummus Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.27 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15593&quot;],&quot;content_name&quot;:&quot;Swiss Natural Hummus Organic, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15593&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2DWYLdUaz_CS3Rqn65gOirzscGp10zhsEAnQ9VTRlRVEjaXf91GtmjMA2PA3YoSoSzN74KcdBB8wQ1tKaF4iNg" />
    <input value="15593" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%2Fsalty-snacks%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pane-picco-sesame-black-cumin-demeter-150-g-7913">
          <img alt="Pane Picco Sesame Black Cumin Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4638/file/small-e53a6bb03f49368d03053683aec32664.webp 600w, https://assets.fabulous.ch/public/variant_asset/4638/file/medium-7777fe328ae80d008a0a6e11f2ad11c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/4638/file/large-ee46b2f72764f043da3bcd9bca7c6cd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4638/file/medium-7777fe328ae80d008a0a6e11f2ad11c8.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">Sommer</p>
          <a href="/en/products/pane-picco-sesame-black-cumin-demeter-150-g-7913">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pane Picco Sesame Black Cumin Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7913&quot;],&quot;content_name&quot;:&quot;Pane Picco Sesame Black Cumin Demeter, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7913&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8jAGb7uo2R6J1tWylh6as9EEMB5juHjFV4sBmXD36ENuiDudmeO7dCgLF-VK5BCRJts7lLF2RLZ3wYomTHhfYA" />
    <input value="7913" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%2Fsalty-snacks%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/kulau-sea-veggies-nori-snack-gluten-free-organic-4-g-3252">
          <img alt="Kulau Sea Veggies Nori Snack Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9106/file/small-c24081efb48eb38eff37095bda6a2ec1.webp 600w, https://assets.fabulous.ch/public/variant_asset/9106/file/medium-9153665ccb74fd61709fa9eca2bb1b0e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9106/file/large-0ec033a37b7dcc89591b4ad86573e59e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9106/file/medium-9153665ccb74fd61709fa9eca2bb1b0e.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">Kulau</p>
          <a href="/en/products/kulau-sea-veggies-nori-snack-gluten-free-organic-4-g-3252">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kulau Sea Veggies Nori Snack Gluten Free Organic, 4 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3252&quot;],&quot;content_name&quot;:&quot;Kulau Sea Veggies Nori Snack Gluten Free Organic, 4 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3252&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SNYhWyLQml5wXo0RFw1gJtcZaLX3SDoPFJRJk-a574vUbhypAJv4NNGDT0bL9-oEIMZjPyWGBnw03sIs2jZYqA" />
    <input value="3252" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%2Fsalty-snacks%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/corn-tortilla-chips-natural-organic-125-g-571">
          <img alt="Corn Tortilla Chips Natural Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/527/file/small-8f768eeeba6bbe53fcae8aa4808f1ef4.webp 600w, https://assets.fabulous.ch/public/variant_asset/527/file/medium-c5607c37d73464ec1e536172d103c0cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/527/file/large-a656b284df4605bde4e217f3797f6d00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/527/file/medium-c5607c37d73464ec1e536172d103c0cb.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">Pural</p>
          <a href="/en/products/corn-tortilla-chips-natural-organic-125-g-571">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Corn Tortilla Chips Natural Organic, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;571&quot;],&quot;content_name&quot;:&quot;Corn Tortilla Chips Natural Organic, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;571&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TUlw8hilh83aaGbEgQ2dE-alU9NZvNyOpiVCajKR5MHR8U0AOu7lp3u1pJNd9xcxEXpYWYty4P2Gb8nVDh5T4g" />
    <input value="571" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%2Fsalty-snacks%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/horseradish-jar-demeter-125-g-139">
          <img alt="Horseradish Jar Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/154/file/small-4ad19b7e421e836fe5fdfd44f74ff302.webp 600w, https://assets.fabulous.ch/public/variant_asset/154/file/medium-596f96eb919fcf4300c50ea9c7a3c2b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/154/file/large-7eb000fe158a946dff02c9082dab3dd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/154/file/medium-596f96eb919fcf4300c50ea9c7a3c2b0.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">Pural</p>
          <a href="/en/products/horseradish-jar-demeter-125-g-139">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Horseradish Jar Demeter, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.16 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;139&quot;],&quot;content_name&quot;:&quot;Horseradish Jar Demeter, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;139&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JYN74Y4G3geL5RG8Vj951kpidQJtPQVqUXvjNNX4bGe5O0YTrE28bSo40-uKxfP0vb1-iL_zORlxMWiL6XfbRA" />
    <input value="139" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%2Fsalty-snacks%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/apero-mix-unsalted-375-g-22242">
          <img alt="Apéro Mix Unsalted" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11734/file/small-22c53dfbb3f3e6a3d2f33f1842aa3844.webp 600w, https://assets.fabulous.ch/public/variant_asset/11734/file/medium-352719ae33082658c5a89232c5622f7f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11734/file/large-b11a428a9ba692437bc8f1f277302e6a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11734/file/medium-352719ae33082658c5a89232c5622f7f.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">Stoli GmbH</p>
          <a href="/en/products/apero-mix-unsalted-375-g-22242">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apéro Mix Unsalted, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22242&quot;],&quot;content_name&quot;:&quot;Apéro Mix Unsalted, 375 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22242&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y8xUfnQ7j5_6mHBXDLnRBUcgCIvDrDyzludEus8zXEBXdGmMVnDt9VtFsgDQQ1snsP8DARFiAMC2rc8F87zrYw" />
    <input value="22242" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%2Fsalty-snacks%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/apero-mix-with-sea-salt-375-g-22241">
          <img alt="Apéro Mix with Sea Salt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11733/file/small-eb8515f103b2614b3f553872570f20cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/11733/file/medium-3bc8b9ce4e6d5be98f2e54a4194af87d.webp 900w, https://assets.fabulous.ch/public/variant_asset/11733/file/large-14507bbd57abdf5e2ef3f93d88f5da56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11733/file/medium-3bc8b9ce4e6d5be98f2e54a4194af87d.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">Stoli GmbH</p>
          <a href="/en/products/apero-mix-with-sea-salt-375-g-22241">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apéro Mix with Sea Salt, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

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

      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%2Fsalty-snacks%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/dark-chocolate-nuts-430-g-22248">
          <img alt="Dark Chocolate Nuts" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11744/file/small-5296bcb87dd6e7fde19321a0b43920be.webp 600w, https://assets.fabulous.ch/public/variant_asset/11744/file/medium-cab54e1d221a27eac5d604d12ae680fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11744/file/large-a1d4b248eeae42b3d2d4698f45aceaab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11744/file/medium-cab54e1d221a27eac5d604d12ae680fd.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">Stoli GmbH</p>
          <a href="/en/products/dark-chocolate-nuts-430-g-22248">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dark Chocolate Nuts, 430 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22248&quot;],&quot;content_name&quot;:&quot;Dark Chocolate Nuts, 430 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22248&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zR32eqz1_CihfIK6gzrjQAYxLpxHjzoqnA6qKW0qNGdRpcuIjr6eQgChQO1fwGli8e4lFpVBBlm8RCGWUaWDRA" />
    <input value="22248" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%2Fsalty-snacks%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/rosemary-cashews-440-g-22246">
          <img alt="Rosemary Cashews" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11742/file/small-56f859868101fc3dd429cce294f27944.webp 600w, https://assets.fabulous.ch/public/variant_asset/11742/file/medium-d95157404b17d02b11c3aee5c1bd3d52.webp 900w, https://assets.fabulous.ch/public/variant_asset/11742/file/large-573b5804c7c5d903e287d82424cc9a7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11742/file/medium-d95157404b17d02b11c3aee5c1bd3d52.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">Stoli GmbH</p>
          <a href="/en/products/rosemary-cashews-440-g-22246">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosemary Cashews, 440 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22246&quot;],&quot;content_name&quot;:&quot;Rosemary Cashews, 440 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22246&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-_YhUWLTUM1tTTceV_VqJANeOG8mND_QsWDVZ6ryXiRnThyjQJgyp8yQ9UmLD-AG9IEz5fT6A6ORKl7Yln3pBw" />
    <input value="22246" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%2Fsalty-snacks%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/walnuts-with-maple-syrup-320-g-22247">
          <img alt="Walnuts with Maple Syrup" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11743/file/small-ea85566bf57f5e96a69e751e976c986b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11743/file/medium-b0d0165e7cd0c94d1722d24057a9eb31.webp 900w, https://assets.fabulous.ch/public/variant_asset/11743/file/large-23ddd80527f190e41ba852f33b857c55.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11743/file/medium-b0d0165e7cd0c94d1722d24057a9eb31.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">Stoli GmbH</p>
          <a href="/en/products/walnuts-with-maple-syrup-320-g-22247">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Walnuts with Maple Syrup, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22247&quot;],&quot;content_name&quot;:&quot;Walnuts with Maple Syrup, 320 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22247&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fPgYXRu7q2cNACJ2S3R4_69o4HYcN6oOUQ6cVoy1S7ngQCWvOfDJDazd4CGXjvLdWLfr_M75ln1xRBfpsDr8mg" />
    <input value="22247" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%2Fsalty-snacks%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/rosemary-cashews-30-g-22199">
          <img alt="Rosemary Cashews" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11688/file/small-5c5a03e10f8ba4c06706b2397d5cc487.webp 600w, https://assets.fabulous.ch/public/variant_asset/11688/file/medium-3e355fe318f1aea53d23105919d12f48.webp 900w, https://assets.fabulous.ch/public/variant_asset/11688/file/large-2597d128b3193f334292e716ed88af1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11688/file/medium-3e355fe318f1aea53d23105919d12f48.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">Stoli GmbH</p>
          <a href="/en/products/rosemary-cashews-30-g-22199">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosemary Cashews, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.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-22199-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22199&quot;],&quot;content_name&quot;:&quot;Rosemary Cashews, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22199&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0KKXbjmZlH7lM-qtEz-KQs9M_-IravfMJ0u_Zag-f_BMGqqcG9L2FETuKPrPxQBgOJP0aPmky78HATTalLHI0w" />
    <input value="22199" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%2Fsalty-snacks%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/copy-of-almonds-with-sea-salt-36-g-22235">
          <img alt="COPY OF Almonds with Sea Salt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11728/file/small-ed837ef1333b1aa47671dd76f0b697bf.webp 600w, https://assets.fabulous.ch/public/variant_asset/11728/file/medium-1c4b30012e2443c00820e1817ba90fba.webp 900w, https://assets.fabulous.ch/public/variant_asset/11728/file/large-60f02491166d20914c72e30e74b45df8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11728/file/medium-1c4b30012e2443c00820e1817ba90fba.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">Stoli GmbH</p>
          <a href="/en/products/copy-of-almonds-with-sea-salt-36-g-22235">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">COPY OF Almonds with Sea Salt, 36 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22235&quot;],&quot;content_name&quot;:&quot;COPY OF Almonds with Sea Salt, 36 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22235&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UAK4CiIxTTgzzDPRqeCSoJgRM3_eHfOxSv-eu-upnU_MuoX4AHovUpIR8YZ1GhiCb8449QzTz8JqtRUE1yYqbA" />
    <input value="22235" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%2Fsalty-snacks%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/paprika-cashews-30-g-22197">
          <img alt="Paprika Cashews" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11686/file/small-fa0409c46fbcf0451b4fce1be21b6675.webp 600w, https://assets.fabulous.ch/public/variant_asset/11686/file/medium-b44cb5c7cdae64dfb0835869191147e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11686/file/large-9fd3d7a448a9044df1bf4a7fbb27d996.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11686/file/medium-b44cb5c7cdae64dfb0835869191147e4.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">Stoli GmbH</p>
          <a href="/en/products/paprika-cashews-30-g-22197">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Paprika Cashews, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.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-22197-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22197&quot;],&quot;content_name&quot;:&quot;Paprika Cashews, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22197&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2ismKOr2ExDDSU1XhYxFLOW5C8i7mggWZdtiIn97JdNGkxvayL1xemKUjwBZds8OEmYAQmlUNGVFkemdQ_SS8A" />
    <input value="22197" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%2Fsalty-snacks%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/deluxe-unsalted-nut-mix-30-g-22213">
          <img alt="Deluxe Unsalted Nut Mix" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11702/file/small-93752a04b1e7a13fe61b1f11467b4221.webp 600w, https://assets.fabulous.ch/public/variant_asset/11702/file/medium-c1902b25fc0623341fa41de6289cc6a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/11702/file/large-25ce52958c4a34e7b0e2236fc76cdf6c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11702/file/medium-c1902b25fc0623341fa41de6289cc6a6.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">Stoli GmbH</p>
          <a href="/en/products/deluxe-unsalted-nut-mix-30-g-22213">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deluxe Unsalted Nut Mix, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.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-22213-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22213&quot;],&quot;content_name&quot;:&quot;Deluxe Unsalted Nut Mix, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22213&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pq35OhY-gTFk86gL1mL3sBIqZXzuN9K6o0guztXIcYU6FcTINHXjW8UualwKmH2S5fVu9jz57smDAqVx6UfGpg" />
    <input value="22213" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%2Fsalty-snacks%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/unsalted-cashews-30-g-22221">
          <img alt="Unsalted Cashews" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11710/file/small-f8f5bd178c8239c31f5ef5da18d88bf5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11710/file/medium-757953784ca889d49b927d0065dd8f9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/11710/file/large-fdff0d5b54e1f0be34f9941de0c5884d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11710/file/medium-757953784ca889d49b927d0065dd8f9e.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">Stoli GmbH</p>
          <a href="/en/products/unsalted-cashews-30-g-22221">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Unsalted Cashews, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.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-22221-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22221&quot;],&quot;content_name&quot;:&quot;Unsalted Cashews, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22221&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OLAc_xH_Af79gmL6pC3bz9uKJ6W5NN5v3DpouSjpCqmkCCENM7RjlFxfoK1411HtLFUsL2v64hz8cOMGFGa9ig" />
    <input value="22221" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%2Fsalty-snacks%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cashews-with-sea-salt-30-g-22218">
          <img alt="Cashews with Sea Salt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11707/file/small-c43040bdd8143c471b34343b69a30ba5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11707/file/medium-d4bc1925c44eff3139584575fa77c775.webp 900w, https://assets.fabulous.ch/public/variant_asset/11707/file/large-0b01edd9c03e2f1c3c593a8814360267.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11707/file/medium-d4bc1925c44eff3139584575fa77c775.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">Stoli GmbH</p>
          <a href="/en/products/cashews-with-sea-salt-30-g-22218">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashews with Sea Salt, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.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-22218-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22218&quot;],&quot;content_name&quot;:&quot;Cashews with Sea Salt, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22218&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vJyBCMMBPayY9Q4FXqNNxccgPuItwAr6VlMR04cFQuQgJLz64UpfxjkozFKCWcfnMP81aP8ONol2GZpsu4r1xw" />
    <input value="22218" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%2Fsalty-snacks%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/almonds-with-sea-salt-36-g-22232">
          <img alt="Almonds with Sea Salt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11724/file/small-aab2e96373f59ea7a4027ffe0a2225a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/11724/file/medium-d9fe88c2a4e777ba9df66012824affba.webp 900w, https://assets.fabulous.ch/public/variant_asset/11724/file/large-66eb61c92801e625e71605ea10470643.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11724/file/medium-d9fe88c2a4e777ba9df66012824affba.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">Stoli GmbH</p>
          <a href="/en/products/almonds-with-sea-salt-36-g-22232">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Almonds with Sea Salt, 36 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22232&quot;],&quot;content_name&quot;:&quot;Almonds with Sea Salt, 36 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22232&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SqYbDp09XK914dvJvcegCC73nKw4hIzJ6_njN882Jh_WHib8v3Y-xdQ8GZ5hPSoq2SiXJupKsLrLs2iI87mRPA" />
    <input value="22232" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%2Fsalty-snacks%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/almonds-with-sea-salt-225-g-22230">
          <img alt="Almonds with Sea Salt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11721/file/small-b214d8504e52b0830c4c166f73bec86b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11721/file/medium-a8aee9bac19021b40b06c03960bbda33.webp 900w, https://assets.fabulous.ch/public/variant_asset/11721/file/large-763f445c0fa73e14dcda619540dbcf43.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11721/file/medium-a8aee9bac19021b40b06c03960bbda33.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">Stoli GmbH</p>
          <a href="/en/products/almonds-with-sea-salt-225-g-22230">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Almonds with Sea Salt, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.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-22230-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22230&quot;],&quot;content_name&quot;:&quot;Almonds with Sea Salt, 225 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22230&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E3RyjL1RwygpCWyG2iB6As-vdS8RZN4rOtFtjYFx9rOPzE9-nxqhQojUrtEG2vAgOHB-pcOq4lgam-Yyvf5BkA" />
    <input value="22230" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%2Fsalty-snacks%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cashews-with-sea-salt-185-g-22216">
          <img alt="Cashews with Sea Salt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11705/file/small-aedfdd204ebaea1bbef74fe9cb7e839a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11705/file/medium-4d8b898379c2133a7fc1e357c65e7b03.webp 900w, https://assets.fabulous.ch/public/variant_asset/11705/file/large-f64d452f2b0264bf04b0c4f405ff2a79.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11705/file/medium-4d8b898379c2133a7fc1e357c65e7b03.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">Stoli GmbH</p>
          <a href="/en/products/cashews-with-sea-salt-185-g-22216">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashews with Sea Salt, 185 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22216&quot;],&quot;content_name&quot;:&quot;Cashews with Sea Salt, 185 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22216&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GNr-8R-JGEQBG1awkEw9KzEWWGHn-kMbLwgV-11oiJeEYsMDPcJ6LqDGlOdMtrcJxslT6zU0f2gPQp5EYec_tA" />
    <input value="22216" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      80 of 225 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/food/salty-snacks?format=turbo_stream&amp;page=5">Show more</a>
  </div>
</div>

</template></turbo-stream>