<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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/hartweizen-hell-spaghetti-bio-500-g-18205">
          <img alt="Hartweizen hell Spaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9154/file/small-b901e7dee081acf583e31fc23f2a7dbb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9154/file/medium-3016826bfaace753f495e0f6adc6d18b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9154/file/large-391e8b2c309ea3a0e2dce7dddfe11f93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9154/file/medium-3016826bfaace753f495e0f6adc6d18b.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">AlceNero</p>
          <a href="/en/products/hartweizen-hell-spaghetti-bio-500-g-18205">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hartweizen hell Spaghetti Bio, 500 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 0.54 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G8zqNP2Z8Tr-UPtsoJuntpuidAfomU-Dp4q6TkpSpuIMhRTWRHau89jazq4oElxIKuGVSzq9aNLXsDc_AGvbDA" />
    <input value="18205" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/hartweizen-hell-spiralen-tricolore-bio-500-g-18206">
          <img alt="Hartweizen hell Spiralen Tricolore Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9822/file/small-ac4d92c709bcc6541eed43b15dc94e4d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9822/file/medium-9f58395e868393c512f9f4451977a882.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9822/file/large-98d07aa49639e7abf01b8e18e4a72444.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9822/file/medium-9f58395e868393c512f9f4451977a882.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">AlceNero</p>
          <a href="/en/products/hartweizen-hell-spiralen-tricolore-bio-500-g-18206">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hartweizen hell Spiralen Tricolore Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Br0AsU-CKEQ60mb64pnVmLg0OfiwZkW76j9aV0jsy4ER9P5T9m13jRxYUzhqEC5mCXfYtGJCYuqaBdcmAtW2bw" />
    <input value="18206" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/tomaten-passata-bio-500-g-18211">
          <img alt="Tomaten Passata Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9178/file/small-3367c7e2084ca3b50110fcb7cc60ab91.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9178/file/medium-5bf3ae8d4db0d98e855a1c5ace4a6ee9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9178/file/large-4ed62d85892d9e52bf4435d01ffe2297.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9178/file/medium-5bf3ae8d4db0d98e855a1c5ace4a6ee9.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">AlceNero</p>
          <a href="/en/products/tomaten-passata-bio-500-g-18211">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tomaten Passata Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jf9Tiq7EzJDiyvkDsuXLKgbYx4G8BY-iButU_6FRZE2atq1oFyuTWcRAzME6bDDUt5smzW4hqPN20dmO62gZow" />
    <input value="18211" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/tomaten-pelati-dose-bio-400-g-18212">
          <img alt="Tomaten Pelati Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9179/file/small-ee4ecff31173836c6d951fb0a3f7de11.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9179/file/medium-e127c80b730e38d2a7b5dbebb30c607e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9179/file/large-26f280772c83a464dd5460808cfaee9a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9179/file/medium-e127c80b730e38d2a7b5dbebb30c607e.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">AlceNero</p>
          <a href="/en/products/tomaten-pelati-dose-bio-400-g-18212">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tomaten Pelati Dose Bio, 400 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 0.83 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9fKerszlyU1QqdIZ8uesPqbTYeDB1y4hq4rWeLu7qX_iu2BMdQqWhHYj59t6blfAF5CArBPzCXDbsFsJ8YLUkQ" />
    <input value="18212" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/tomaten-pulpe-bio-500-g-18213">
          <img alt="Tomaten Pulpe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11370/file/small-684d618395698ff9300d541aea37cfe3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11370/file/medium-0a447d1bedbd8736e01bf284c9666dd9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11370/file/large-86c5322a33451a7b7cc02f1f00e1c9a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11370/file/medium-0a447d1bedbd8736e01bf284c9666dd9.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">AlceNero</p>
          <a href="/en/products/tomaten-pulpe-bio-500-g-18213">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tomaten Pulpe Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="91by7xV1-tb24zStW8VATdQTnL6J5G6V_gv8zbn3oMrgHwwNrJqlH9BpAW_TTLuzZVB98lvAScSOMXG8887dJA" />
    <input value="18213" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/vollkorn-fusilli-500-g-18218">
          <img alt="Vollkorn Fusilli" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9820/file/small-dd708d875f1ae2957a972f8afd28be6a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9820/file/medium-9f70ebf7d116bc6733db7e54f248950e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9820/file/large-7c35cd828075af0c264d8c638e2252ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9820/file/medium-9f70ebf7d116bc6733db7e54f248950e.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">AlceNero</p>
          <a href="/en/products/vollkorn-fusilli-500-g-18218">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vollkorn Fusilli, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ACjM0AOuwZnNQ9nKaH_rrBWvJo7_NZuEzvmjExUDgDAXYTIyukGeUOvJ7Ajg9hBSpOzHwi0RvNW-wy5iXzr93g" />
    <input value="18218" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/vollkorn-spaghetti-bio-500-g-18219">
          <img alt="Vollkorn Spaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9821/file/small-312b659cf8e85fdb33df0887f1fd8cf7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9821/file/medium-ffccd7ec7234c986c21e8ea253063ea2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9821/file/large-1fc52f41e22ff2cf40b0101531ce0e2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9821/file/medium-ffccd7ec7234c986c21e8ea253063ea2.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">AlceNero</p>
          <a href="/en/products/vollkorn-spaghetti-bio-500-g-18219">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vollkorn Spaghetti Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n3LIsHmkSXlgmSdo40tJVM9IyRB4-exixZkGI77qoOGIOzZSwEsWsEYTEqprwrKqfgsoXKrdyzO1o4tS9NPdDw" />
    <input value="18219" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/amaranth-maiswaffeln-meersalz-bio-115-g-18222">
          <img alt="Amaranth Maiswaffeln Meersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11372/file/small-ea33bc1a1407c1d6ffb0de30fe0685ff.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11372/file/medium-848126bde76bf263708972d6ea803a41.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11372/file/large-76b57d968bad968a3492945b847a0a62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11372/file/medium-848126bde76bf263708972d6ea803a41.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">Allos</p>
          <a href="/en/products/amaranth-maiswaffeln-meersalz-bio-115-g-18222">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Amaranth Maiswaffeln Meersalz Bio, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vycf7S20qvnBJCh7WzNsM1JXgL2Xpi_BwSGRjGV6X_yobuEPlFv1MOeuHbnTupfN4xRh8UWCCJCxGxz9L0MiEg" />
    <input value="18222" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/auf-s-brot-toskana-bio-140-g-18226">
          <img alt="Auf&#39;s Brot Toskana Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9808/file/small-5c186ce1a5e171c57c74f9b539507439.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9808/file/medium-17981d6b8a835e3a385f014fd8020325.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9808/file/large-0a8e1c4d7ae02e81f9770e9ca7c4a40e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9808/file/medium-17981d6b8a835e3a385f014fd8020325.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">Allos</p>
          <a href="/en/products/auf-s-brot-toskana-bio-140-g-18226">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Auf&#39;s Brot Toskana Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IDNJ82rGn-Th-D6oSpFqxINlkMistw7ZR30-liVOuoY3ercR0ynALcdyC2rCGJE6MiZxhH6TKYg3R7Pnb3fHaA" />
    <input value="18226" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/aufstrich-belugalinse-balsamico-bio-140-g-18227">
          <img alt="Aufstrich Belugalinse-Balsamico Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9809/file/small-7f82e75d6108559be915b7405d48d65e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9809/file/medium-3766bbb4e40c952e133ec335f61cab6f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9809/file/large-7cf0c7a3097aa056f2fc04b0fc180911.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9809/file/medium-3766bbb4e40c952e133ec335f61cab6f.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">Allos</p>
          <a href="/en/products/aufstrich-belugalinse-balsamico-bio-140-g-18227">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Belugalinse-Balsamico Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3WKP-qoMOBDX86PX2mbM3aE8AhaUplY6jPu4t3LwwLXKK3EYE-Nn2fF5lhVS7zcjEH_jWkaCcWv8wTXGOMm9Ww" />
    <input value="18227" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/cuisine-hafer-bio-200-ml-48b85317-c4ac-4e0b-82da-012b0c64380b-18229">
          <img alt="Cuisine Hafer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10956/file/small-8bf9a73e076c94020357502478c08dca.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10956/file/medium-3c7c282a4c4fad1e960171cfd5805aaa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10956/file/large-6f18c713aa7638ea579f0fb3b75a9aa3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10956/file/medium-3c7c282a4c4fad1e960171cfd5805aaa.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">Allos</p>
          <a href="/en/products/cuisine-hafer-bio-200-ml-48b85317-c4ac-4e0b-82da-012b0c64380b-18229">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cuisine Hafer Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j93pnR2ANZ_1ZNYe8S0WhAdZazOEMhCTTjv5ZRJUUk2YlBd_pG9qVtPu49x5pO16thqKf1YWN8I-AXQUWG0vow" />
    <input value="18229" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/cuisine-kokos-bio-200-ml-18230">
          <img alt="Cuisine Kokos Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10962/file/small-5ebefee3795727da6e9b3435bcfab8ee.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10962/file/medium-b7345ed21934759b259e5b3839293731.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10962/file/large-8d7f1b33333d0f66e28727fd08fcbbe3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10962/file/medium-b7345ed21934759b259e5b3839293731.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">Allos</p>
          <a href="/en/products/cuisine-kokos-bio-200-ml-18230">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cuisine Kokos Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-N10g3mXxR6e-zpgiRGMkaeLSImrAStV2koUW10eUSbvlIphwHia17hxD6IBmHdvFsipxXklDASqcJkqFycsyA" />
    <input value="18230" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/fruchtschnitte-apfel-walnuss-bio-40-g-18232">
          <img alt="Fruchtschnitte Apfel-Walnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9447/file/small-473989c7aa8a35dd7bb4d838031fa843.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9447/file/medium-12f4cfa9ccbb7cbe1ded697e41ec8d9e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9447/file/large-b45ae9346add03bb65fcfcffee577442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9447/file/medium-12f4cfa9ccbb7cbe1ded697e41ec8d9e.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">Allos</p>
          <a href="/en/products/fruchtschnitte-apfel-walnuss-bio-40-g-18232">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtschnitte Apfel-Walnuss Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZmpzjAiqwGtGVr6n6knjJ-cIvkED-T7w9C3IbErC4nhxI41usUWfomDci2ViwBjZVktfDdHdGaGEF0UdAPuflg" />
    <input value="18232" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/halva-bio-75-g-18233">
          <img alt="Halva Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11264/file/small-9cc305fdd0cd1205c4b6862790e87524.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11264/file/medium-bceeb9bc94b0cc7b8af441e6a253dcb5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11264/file/large-1c80fc80f30cef344d73c92d4af7b69d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11264/file/medium-bceeb9bc94b0cc7b8af441e6a253dcb5.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">Allos</p>
          <a href="/en/products/halva-bio-75-g-18233">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Halva Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uX1STjoKeVyPnZTZu_p56DB1b3XsenBgcMgm9wXSxAyuNKysg-UmlakXoRszc4IWgTaOOT5eVzEA8quGT-u54g" />
    <input value="18233" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/hof-gemuse-pascals-paprika-trio-bio-135-g-18234">
          <img alt="Hof Gemüse Pascals Paprika Trio Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9812/file/small-4c64ee0a4128b77d8d821b3dcdd09488.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9812/file/medium-504d3ef05e0a44387ed914deeaee1bcb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9812/file/large-f602752d68a191ca93966bc140d887a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9812/file/medium-504d3ef05e0a44387ed914deeaee1bcb.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">Allos</p>
          <a href="/en/products/hof-gemuse-pascals-paprika-trio-bio-135-g-18234">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hof Gemüse Pascals Paprika Trio Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lwTi7JSDR2SEYLiTVRqDNuIPg_zMl-91ITdklZBP7_KATRwOLWwYraLqjVHdk3jIU0xisB6zyCRRDenk2naSHA" />
    <input value="18234" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/hof-gemuse-rote-bete-meerrettich-bio-135-g-18235">
          <img alt="Hof Gemüse Rote Bete-Meerrettich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9811/file/small-20a87cbdb0247b55ceffa1acc8a91803.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9811/file/medium-73fc3ac6c7d8c81a59811e10e526e085.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9811/file/large-1b553fe872abe240881bf534e4690c8f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9811/file/medium-73fc3ac6c7d8c81a59811e10e526e085.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">Allos</p>
          <a href="/en/products/hof-gemuse-rote-bete-meerrettich-bio-135-g-18235">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hof Gemüse Rote Bete-Meerrettich Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Nu44s2nzCjPQJcj401WPb4q5J2rX6Yfp34ITzJZlHeghp8ZR0BxV-vav_Tpb3HSRO_rGJgXNoLivuJ693FxgBg" />
    <input value="18235" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/hof-gemuse-rucola-kirschtomate-bio-135-g-18236">
          <img alt="Hof Gemüse Rucola-Kirschtomate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9810/file/small-306ae55fc49e40896c6effb67f87d708.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9810/file/medium-b80ca4fff653a42e1c5fa1db6161c8b8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9810/file/large-24a9bb3f473539e2b634f39d8ffc14e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9810/file/medium-b80ca4fff653a42e1c5fa1db6161c8b8.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">Allos</p>
          <a href="/en/products/hof-gemuse-rucola-kirschtomate-bio-135-g-18236">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hof Gemüse Rucola-Kirschtomate Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vZ-q7rLyMOIV_I2e69j3-LujZUevtBGIqLRv-f_lQTWq1lQMCx1vKzN2uFxjUQwGCuCEC32QNtnYjuKItdw82w" />
    <input value="18236" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/hof-gemuse-tomate-lauch-bio-135-g-18237">
          <img alt="Hof Gemüse Tomate-Lauch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9813/file/small-29c97811c8129d64bc63abd901d737a1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9813/file/medium-ff7730bc47691840d055065c2e07930e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9813/file/large-eec76978a8c31c174b886aa0829b53ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9813/file/medium-ff7730bc47691840d055065c2e07930e.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">Allos</p>
          <a href="/en/products/hof-gemuse-tomate-lauch-bio-135-g-18237">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hof Gemüse Tomate-Lauch Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c0T3pbdC103USsk-1yw9A9LRvWJ22S93HmsAJTqqqJVkDQlHDq2IhPLA_Pxfpcb9Y5JcLqT9CCZuUY1UcJPVew" />
    <input value="18237" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/mandel-drink-ohne-zucker-bio-1-l-18239">
          <img alt="Mandel Drink ohne Zucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9444/file/small-b876c4457da9262a4da5e2882adc6d35.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9444/file/medium-c67a4727174cdeb447709714426b6b4e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9444/file/large-2e37d7d591ba4f9abe5396661f779522.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9444/file/medium-c67a4727174cdeb447709714426b6b4e.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">Allos</p>
          <a href="/en/products/mandel-drink-ohne-zucker-bio-1-l-18239">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandel Drink ohne Zucker Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hnQvziOlZOQBE2CYplSoI380OLeSyOIW22dbMRF8IEmRPdEsmko7LSeZVVou3VPdznfZ-0DsxUerXdZAW0Vdpw" />
    <input value="18239" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D14">
    <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/sojadrink-ungesusst-1-l-18241">
          <img alt="Sojadrink ungesüsst" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9446/file/small-c569aab1e6b86f84dbb621e50b8a89cf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9446/file/medium-c8a3434174b3e1c81b4211c8ea3e1d3d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9446/file/large-3e89486b6c4a6635248caa79cbdba8de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9446/file/medium-c8a3434174b3e1c81b4211c8ea3e1d3d.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">Allos</p>
          <a href="/en/products/sojadrink-ungesusst-1-l-18241">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sojadrink ungesüsst, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oa279RJAq4BWdxEdY8UtH7PPaV33f1Wqh2YyAnTmTlO25EUXq6_0SXD9JN_rTNbhAoyIESVbcvv3XL9zPt8zvQ" />
    <input value="18241" 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">
      280 of 722 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/collections/under-5?format=turbo_stream&amp;page=15">Show more</a>
  </div>
</div>

</template></turbo-stream>