<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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D182">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    25 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/new-roots-tomato-basil-organic-140-g-short-shelf-life-16-09-2026-22146">
          <img alt="New Roots Tomato &amp; Basil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6922/file/small-b7f52153a1d7a589408742d78057640e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6922/file/medium-ee27490d446be4ff2f824190dc42a3fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/6922/file/large-0635fe2f6ce9698312b79c452cf882e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6922/file/medium-ee27490d446be4ff2f824190dc42a3fa.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">New Roots</p>
          <a href="/en/products/new-roots-tomato-basil-organic-140-g-short-shelf-life-16-09-2026-22146">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">New Roots Tomato &amp; Basil Organic, 140 g (Short shelf life 16.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.85</span>
            </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.64 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22146&quot;],&quot;content_name&quot;:&quot;New Roots Tomato \u0026 Basil Organic, 140 g (Short shelf life 16.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22146&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tY_C2U9ioXxnbdE263rnCbZW9v-P41_QSsW1UMZdrqCBs48ijvsdUhEebpq4RPP20iHIfWtR7Em4NnTSX2vWPA" />
    <input value="22146" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D182">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    15 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/falafel-burger-hans-im-gluck-organic-2-x-100-g-short-shelf-life-17-09-2026-22157">
          <img alt="Falafel Burger - Hans im Glück Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7120/file/small-7e8fbdbe6e94922ae53fd3d5849d434d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7120/file/medium-83c613f602ea5fb4cb9b93b70d616c52.webp 900w, https://assets.fabulous.ch/public/variant_asset/7120/file/large-68b34612701588d382e1737dfbffa68e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7120/file/medium-83c613f602ea5fb4cb9b93b70d616c52.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">Soto</p>
          <a href="/en/products/falafel-burger-hans-im-gluck-organic-2-x-100-g-short-shelf-life-17-09-2026-22157">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Falafel Burger - Hans im Glück Organic, 2 x 100 g (Short shelf life 17.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.15</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.40</span>
            </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 2.58 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22157&quot;],&quot;content_name&quot;:&quot;Falafel Burger - Hans im Glück Organic, 2 x 100 g (Short shelf life 17.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22157&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Yd3RccXEc_6j03Lc7PuweFOsXtFAuHQFtY6rtL-AFEhV4ZyKBF3P0NWgzXC_xaSHN9tgU6QKx5xHfWo2JrZs1A" />
    <input value="22157" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D182">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cream-cheese-original-fermented-organic-140-g-short-shelf-life-18-09-2026-22158">
          <img alt="Cream Cheese Original fermented Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/228/file/small-90a86b445a75ebf6bac0d3fa3ce6eb68.webp 600w, https://assets.fabulous.ch/public/variant_asset/228/file/medium-f09f08c0ddb7cd2adbe50eecd95b6682.webp 900w, https://assets.fabulous.ch/public/variant_asset/228/file/large-6b06fe509700f721b7e87111b37851b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/228/file/medium-f09f08c0ddb7cd2adbe50eecd95b6682.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">Soyana</p>
          <a href="/en/products/cream-cheese-original-fermented-organic-140-g-short-shelf-life-18-09-2026-22158">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cream Cheese Original fermented Organic, 140 g (Short shelf life 18.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.70</span>
            </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 2.93 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22158&quot;],&quot;content_name&quot;:&quot;Cream Cheese Original fermented Organic, 140 g (Short shelf life 18.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22158&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7gd3A4ZRq_d9GeR5jEuDMNreA41wzXs7SvkUmLpCUQLaOzr4R8gX2QtqW9XfdZfPvqk9D5R_yKK4CtUaI3Qpng" />
    <input value="22158" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D182">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/swiss-natural-hummus-organic-150-g-short-shelf-life-18-09-2026-22159">
          <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-short-shelf-life-18-09-2026-22159">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Swiss Natural Hummus Organic, 150 g (Short shelf life 18.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.40</span>
            </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-22159-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22159&quot;],&quot;content_name&quot;:&quot;Swiss Natural Hummus Organic, 150 g (Short shelf life 18.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22159&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IpAmre9-onYbHyIKBEbRIMpX84Ll45ACjx--K-m-81gWrGtWLuceWG1snaZXeMXfriDNAAFRI5t97H-pcIiLxA" />
    <input value="22159" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D182">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    5 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/soy-vanilla-dessert-organic-4-x-100-g-short-shelf-life-19-09-2026-22162">
          <img alt="Soy Vanilla Dessert Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8879/file/small-9451a17495dd630cfb1ba77b782712fe.webp 600w, https://assets.fabulous.ch/public/variant_asset/8879/file/medium-5f89614d32698a0aac66a273ff2bb9be.webp 900w, https://assets.fabulous.ch/public/variant_asset/8879/file/large-3e74ae0db838f84f2a9c206ac6d928d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8879/file/medium-5f89614d32698a0aac66a273ff2bb9be.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">Sojade</p>
          <a href="/en/products/soy-vanilla-dessert-organic-4-x-100-g-short-shelf-life-19-09-2026-22162">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soy Vanilla Dessert Organic, 4 x 100 g (Short shelf life 19.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.05</span>
            </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 1.33 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22162&quot;],&quot;content_name&quot;:&quot;Soy Vanilla Dessert Organic, 4 x 100 g (Short shelf life 19.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22162&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iwJrTvH50FIdI2k15lj7DB7qNOyZJfpw6lmreJDVyxW_Pia1MGBsfGtQ1pm1Zu_zep0Kbn2XSekYqmr6CeOziQ" />
    <input value="22162" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D182">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/sweetened-condensed-coconut-milk-sugar-free-320-g-short-shelf-life-11-10-2026-22163">
          <img alt="Sweetened Condensed Coconut Milk sugar-free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6583/file/small-86a01f83da8287204fbb64416820bc4a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6583/file/medium-78eb870b56f95e0abfbc08901872b9a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6583/file/large-c9756e29cbb207b9aa1cdc8f3011bfec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6583/file/medium-78eb870b56f95e0abfbc08901872b9a2.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">Nature&#39;s Charm</p>
          <a href="/en/products/sweetened-condensed-coconut-milk-sugar-free-320-g-short-shelf-life-11-10-2026-22163">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sweetened Condensed Coconut Milk sugar-free, 320 g (Short shelf life 11.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.40</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22163&quot;],&quot;content_name&quot;:&quot;Sweetened Condensed Coconut Milk sugar-free, 320 g (Short shelf life 11.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22163&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i0PB5cvq3eI9NRHEK-BsX7LLZlMZUt4lRBPWRqsxgQW_f4weCnNhzEtGrmh43nig1rxY0f3gbby24BfEMgf5mQ" />
    <input value="22163" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D182">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    21 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/energy-drink-organic-250-ml-short-shelf-life-11-10-2026-22164">
          <img alt="Energy Drink Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7975/file/small-4357da517ecead9094a5fb667f2fd946.webp 600w, https://assets.fabulous.ch/public/variant_asset/7975/file/medium-1e6a70cbbd40affa199ef0ada3847ebd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7975/file/large-ef6143ec86892b627a81763299fa2664.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7975/file/medium-1e6a70cbbd40affa199ef0ada3847ebd.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">Biotta</p>
          <a href="/en/products/energy-drink-organic-250-ml-short-shelf-life-11-10-2026-22164">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Energy Drink Organic, 250 ml (Short shelf life 11.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.30</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22164&quot;],&quot;content_name&quot;:&quot;Energy Drink Organic, 250 ml (Short shelf life 11.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22164&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4KI845gYpWAVPANETjeUTSt06uf6gduVc-1V8dxbBBvUnnEYWYEZTmNPvOgdCYCyTwPUZR4zaAyBHpRzRW18hw" />
    <input value="22164" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D182">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/biscuits-mini-cookies-filled-with-cocoa-gluten-free-organic-125-g-short-shelf-life-08-10-2026-22165">
          <img alt="Biscuits Mini Cookies filled with Cocoa 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/4621/file/small-02a0109bfdc5f1fb172fa83fc7bc85c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/4621/file/medium-8d0b7ae458f501cd565a4cc6b008f0d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/4621/file/large-b3b64533d8d02fdcaac725fe280596c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4621/file/medium-8d0b7ae458f501cd565a4cc6b008f0d7.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">Céliane</p>
          <a href="/en/products/biscuits-mini-cookies-filled-with-cocoa-gluten-free-organic-125-g-short-shelf-life-08-10-2026-22165">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biscuits Mini Cookies filled with Cocoa Gluten Free Organic, 125 g (Short shelf life 08.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.40</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22165&quot;],&quot;content_name&quot;:&quot;Biscuits Mini Cookies filled with Cocoa Gluten Free Organic, 125 g (Short shelf life 08.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22165&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pwAefKIaPZdOkV7Rzn22_5X7q2dqb_GzD-xLUd8fUGGTPFOHY4OBuTji4X2dQ6IA8YyV5Y7dQir9H4rTRiko_Q" />
    <input value="22165" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D182">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/chips-chickpeas-paprika-organic-75-g-short-shelf-life-26-09-2026-22166">
          <img alt="Chips Chickpeas Paprika Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9004/file/small-44d7507282a27bcf3b7ebbd7f00c917b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9004/file/medium-7884ca3425d29aaa6bf0966eb957da9b.webp 900w, https://assets.fabulous.ch/public/variant_asset/9004/file/large-b04532eaf5a918361ecc421ebbe404a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9004/file/medium-7884ca3425d29aaa6bf0966eb957da9b.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">de Rit</p>
          <a href="/en/products/chips-chickpeas-paprika-organic-75-g-short-shelf-life-26-09-2026-22166">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chips Chickpeas Paprika Organic, 75 g (Short shelf life 26.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.70</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22166&quot;],&quot;content_name&quot;:&quot;Chips Chickpeas Paprika Organic, 75 g (Short shelf life 26.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22166&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NeP0AT1mqk0GrF1DnGauHv9lgWFCjpQMq52k6wZiqA0B37n6_P8WY3Df4u_PWLrhmxK_46Y8J5VZbmVpn1TQkQ" />
    <input value="22166" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D182">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    9 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/manioc-chips-sour-cream-onion-organic-60-g-short-shelf-life-26-09-2026-22167">
          <img alt="Manioc Chips Sour Cream &amp; Onion Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6890/file/small-490364215601deb7aca1fcd721fb2a25.webp 600w, https://assets.fabulous.ch/public/variant_asset/6890/file/medium-639ad7cf410944898d0ccfe1cb78ba05.webp 900w, https://assets.fabulous.ch/public/variant_asset/6890/file/large-0d29a200f5811d754e27fe60abd8cd5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6890/file/medium-639ad7cf410944898d0ccfe1cb78ba05.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">el origen</p>
          <a href="/en/products/manioc-chips-sour-cream-onion-organic-60-g-short-shelf-life-26-09-2026-22167">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Manioc Chips Sour Cream &amp; Onion Organic, 60 g (Short shelf life 26.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.90</span>
            </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-22167-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22167&quot;],&quot;content_name&quot;:&quot;Manioc Chips Sour Cream \u0026 Onion Organic, 60 g (Short shelf life 26.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22167&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a4MbNfyH3307a7Cjs2NQeCRSTRi0Tsi1Pm3Uoc8fzGVfv1bOPR5jU00YDw_gXUSHQCVzmlD8eyzMnhUjVim0-Q" />
    <input value="22167" 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">
      3&#39;630 of 3&#39;630 products
    </p>
  </div>
</div>

</template></turbo-stream>