<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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D108">
    <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/butter-beans-organic-400-g-16247">
          <img alt="Butter Beans Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7486/file/small-24a7a4f86bd6389384ee5a044372346c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7486/file/medium-e5ae3703b75bff883a641e241b3b1e37.webp 900w, https://assets.fabulous.ch/public/variant_asset/7486/file/large-7240be86744bdfa50560a5a0e5c582ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7486/file/medium-e5ae3703b75bff883a641e241b3b1e37.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">Davert</p>
          <a href="/en/products/butter-beans-organic-400-g-16247">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Butter Beans Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </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-16247-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16247&quot;],&quot;content_name&quot;:&quot;Butter Beans Organic, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16247&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="BrKvVvV3UEMHjC9z8FnBeJ0PXTg_ICE6Jdvm9avbtfSBh7zkb15CYekFxnBBHMoqh7_mP2WjfdLkyoxsyX2xNQ" />
    <input value="16247" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D108">
    <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/lifebar-cake-strawberry-caramel-matcha-organic-35-g-18104">
          <img alt="Lifebar Cake Strawberry Caramel Matcha Organic " class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9048/file/small-4821e8daf6d29971538338e2e760d792.webp 600w, https://assets.fabulous.ch/public/variant_asset/9048/file/medium-76a319a0b65de7157cbd84902611b0bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/9048/file/large-e5eecaa40cc52f7311f8d808dac3542d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9048/file/medium-76a319a0b65de7157cbd84902611b0bf.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">Lifefood</p>
          <a href="/en/products/lifebar-cake-strawberry-caramel-matcha-organic-35-g-18104">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lifebar Cake Strawberry Caramel Matcha Organic , 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18104&quot;],&quot;content_name&quot;:&quot;Lifebar Cake Strawberry Caramel Matcha Organic , 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18104&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cqfOyclFCfj0PrDw9ox1yfFL2c5dQb1_QZwNKgX-eWz1kt17U2wb2hq3WfNHyX6b6_tiyQfC4ZeAjWezZ1h9rQ" />
    <input value="18104" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D108">
    <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/lifebar-cake-double-chocolate-organic-35-g-18086">
          <img alt="Lifebar Cake Double Chocolate Organic " class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9046/file/small-e21fad5fd6660597b5b2a6f1fedb6a71.webp 600w, https://assets.fabulous.ch/public/variant_asset/9046/file/medium-cae87c4feead5d7bb11abf0e4aa64385.webp 900w, https://assets.fabulous.ch/public/variant_asset/9046/file/large-655f1856ba7e2b329bff5fd5fcc578bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9046/file/medium-cae87c4feead5d7bb11abf0e4aa64385.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">Lifefood</p>
          <a href="/en/products/lifebar-cake-double-chocolate-organic-35-g-18086">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lifebar Cake Double Chocolate Organic , 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18086&quot;],&quot;content_name&quot;:&quot;Lifebar Cake Double Chocolate Organic , 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18086&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="646A7ndszyfrqmoSdW__oI3ReVjJJZP-Ru1vaZMXbXBsu5Nc7UXdBQUjgxHEKvTyl2HCX5OmzxaH_AXw8bFpsQ" />
    <input value="18086" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D108">
    <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/ice-lollies-fruit-water-ice-organic-400-ml-11478">
          <img alt="Ice Lollies Fruit Water Ice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5866/file/small-06d59cfa71558ab29547285c88cc1531.webp 600w, https://assets.fabulous.ch/public/variant_asset/5866/file/medium-329063fb749c1d73a570e001c3ede097.webp 900w, https://assets.fabulous.ch/public/variant_asset/5866/file/large-d7d504dd19eab13e8939211a73c614e7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5866/file/medium-329063fb749c1d73a570e001c3ede097.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">Terrasana</p>
          <a href="/en/products/ice-lollies-fruit-water-ice-organic-400-ml-11478">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ice Lollies Fruit Water Ice Organic, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11478&quot;],&quot;content_name&quot;:&quot;Ice Lollies Fruit Water Ice Organic, 400 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11478&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FZ11clWNLzF065StwkGLRexofH_ZrZeY0B30kBrWluaSqGbAz6Q9E5pifa5zBIAX9tjHeIMuy3ARDJ4JeHCSJw" />
    <input value="11478" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D108">
    <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/bulgur-organic-500-g-15696">
          <img alt="Bulgur Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7148/file/small-e3feb300fd57c02bc33b5b32e477e217.webp 600w, https://assets.fabulous.ch/public/variant_asset/7148/file/medium-0350d6198dedb2e11ec121888f72d17c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7148/file/large-ab34ec3b8d91f2df759e7d89b048e489.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7148/file/medium-0350d6198dedb2e11ec121888f72d17c.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">Rapunzel</p>
          <a href="/en/products/bulgur-organic-500-g-15696">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bulgur Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15696&quot;],&quot;content_name&quot;:&quot;Bulgur Organic, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15696&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LET9K6VSUZ8cVhYI7E4phV4t-w5PFgmqk4hawdABC7-rce6ZP3tDvfLf_wtdCyLXRJ1ACRWVVUJSmTBYsqcPfg" />
    <input value="15696" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D108">
    <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/dried-green-beans-organic-bud-100-g-18113">
          <img alt="Dried Green Beans Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9056/file/small-074888b3dd51d8f502dcde88ac43a5d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/9056/file/medium-72ad860a8053c5a00cf1e4da8fd2aab2.webp 900w, https://assets.fabulous.ch/public/variant_asset/9056/file/large-f74bd5d3387a8ec665e6d617c21d8b68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9056/file/medium-72ad860a8053c5a00cf1e4da8fd2aab2.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">Bohnen Piraten</p>
          <a href="/en/products/dried-green-beans-organic-bud-100-g-18113">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dried Green Beans Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.55
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18113&quot;],&quot;content_name&quot;:&quot;Dried Green Beans Organic, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18113&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f_Rh6hy5Hk-yUgVvRVv9xEoulk7-V9aps4Ab91eVpBH4wXJYhpAMbVzb7Gz0HvaWUJ4tSaTUikFykXFuNTOg0A" />
    <input value="18113" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D108">
    <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/mani-tomato-paste-organic-180-g-8067">
          <img alt="Mani Tomato paste Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4731/file/small-cae7efea66fa18704cd0b5a8028c9e0e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4731/file/medium-8f7ceb16f6497935af71b251300be7d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4731/file/large-d69920af54d9a397f7fc7abb7e583ebf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4731/file/medium-8f7ceb16f6497935af71b251300be7d0.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">Mani</p>
          <a href="/en/products/mani-tomato-paste-organic-180-g-8067">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mani Tomato paste Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8067&quot;],&quot;content_name&quot;:&quot;Mani Tomato paste Organic, 180 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8067&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H3_oP4uy9T9sopvE4iK62cFvzTRvEYCN20-2BQDEiN-YSvuNEZvnHYIrcsdTZ7GL2992MzWS3GUaXtycYmKMHg" />
    <input value="8067" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D108">
    <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/porcini-pesto-organic-120-g-15545">
          <img alt="Porcini Pesto Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7095/file/small-e6c4d4e2c6c9d179ec02848e267ba5ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/7095/file/medium-776d94f82a09560cb25b8ec90dfbeb75.webp 900w, https://assets.fabulous.ch/public/variant_asset/7095/file/large-7894a8fcbfe799775d5c6ae154e7bc02.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7095/file/medium-776d94f82a09560cb25b8ec90dfbeb75.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">Rapunzel</p>
          <a href="/en/products/porcini-pesto-organic-120-g-15545">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Porcini Pesto Organic, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15545&quot;],&quot;content_name&quot;:&quot;Porcini Pesto Organic, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15545&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nZgdw8PncVeDLaDB265UOZb5Kv3ORjB-Awl2b1cHvJgarQ5xWc5jdW2kScJq619rjEmR-pTFbJbCGBz2NaG4WQ" />
    <input value="15545" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D108">
    <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/coffee-caffe-irlanda-espresso-beans-demeter-250-g-9466">
          <img alt="Coffee Caffè Irlanda ESPRESSO Beans Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5330/file/small-f2d517a967bc80acca88f191ec5d8813.webp 600w, https://assets.fabulous.ch/public/variant_asset/5330/file/medium-d9531ffc62e0d09a30ac0086c0097f9c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5330/file/large-16a45436e17a7907f93662bc9dbd0ac4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5330/file/medium-d9531ffc62e0d09a30ac0086c0097f9c.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">Henauer Kaffee</p>
          <a href="/en/products/coffee-caffe-irlanda-espresso-beans-demeter-250-g-9466">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coffee Caffè Irlanda ESPRESSO Beans Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9466&quot;],&quot;content_name&quot;:&quot;Coffee Caffè Irlanda ESPRESSO Beans Demeter, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9466&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LT2BGkY9JLQgt4JaU3X4EdXUTqCTsu85ioUx9pelNraqCJKo3BQ2ls4-a1niMPNDz2T1p8kxs9FLlFtv9QMydw" />
    <input value="9466" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D108">
    <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/frying-oil-extra-mild-in-box-organic-3-l-17747">
          <img alt="Frying Oil Extra Mild in Box Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8661/file/small-779f44ee920fe30f6ed3a18c8b697daa.webp 600w, https://assets.fabulous.ch/public/variant_asset/8661/file/medium-c88514c66051bfd8ac60f31187dded92.webp 900w, https://assets.fabulous.ch/public/variant_asset/8661/file/large-6248899ca5b92740d67da12c3a6d2e4e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8661/file/medium-c88514c66051bfd8ac60f31187dded92.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">Bio Planète</p>
          <a href="/en/products/frying-oil-extra-mild-in-box-organic-3-l-17747">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Frying Oil Extra Mild in Box Organic, 3 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.70
            </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-17747-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17747&quot;],&quot;content_name&quot;:&quot;Frying Oil Extra Mild in Box Organic, 3 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17747&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:34.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6AyrsRqvqZdPb7M-0MkO1Q1G_Yko4R61O8LQn-0IpZNvObgDgIa7taHmWj1hjAWHF_ZGjnJiQl3607oGj66hUg" />
    <input value="17747" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D108">
    <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/shower-gel-2in1-organic-mint-500-ml-12307">
          <img alt="Shower Gel 2in1 Organic Mint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6183/file/small-e3aa2527ba84006ff8b0a5edc773c3d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6183/file/medium-e4ae2617caa8590c74ac02060b5f3420.webp 900w, https://assets.fabulous.ch/public/variant_asset/6183/file/large-57c5add90fb484e7ad17b9b9a2edcddd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6183/file/medium-e4ae2617caa8590c74ac02060b5f3420.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">benecos</p>
          <a href="/en/products/shower-gel-2in1-organic-mint-500-ml-12307">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shower Gel 2in1 Organic Mint, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12307&quot;],&quot;content_name&quot;:&quot;Shower Gel 2in1 Organic Mint, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12307&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yEEYUe8tWLnGKhJ1F0I8eC3TwoVFGqL-Owvp6Csp_mtPdAvjdQRKmyij-3amBzcqN2N5gh-Z_hb6GoNxSY_6qg" />
    <input value="12307" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D108">
    <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/lazzaretti-couscous-chickpeas-organic-400-g-7634">
          <img alt="Lazzaretti Couscous Chickpeas Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4418/file/small-59dae71294f4e2b2587d21e6d5cc2283.webp 600w, https://assets.fabulous.ch/public/variant_asset/4418/file/medium-3f61b4fa36e55ca30161e36f0e4f5728.webp 900w, https://assets.fabulous.ch/public/variant_asset/4418/file/large-418f08f27576f463da4ef3fc3ada54df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4418/file/medium-3f61b4fa36e55ca30161e36f0e4f5728.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">Lazzaretti</p>
          <a href="/en/products/lazzaretti-couscous-chickpeas-organic-400-g-7634">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lazzaretti Couscous Chickpeas Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7634&quot;],&quot;content_name&quot;:&quot;Lazzaretti Couscous Chickpeas Organic, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7634&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZZPBrTGzrllFpiqP_rWhJ8eI420rvnw-PhKxjVXDEvfiptIfq5q8e6svw4xP8Kp13ThYanE9INb_A9sUN2UWNg" />
    <input value="7634" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D108">
    <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/oat-drink-omega-3-organic-1-l-12114">
          <img alt="Oat Drink Omega-3 Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6137/file/small-cfc7eddbd76bbeb1114f590055448007.webp 600w, https://assets.fabulous.ch/public/variant_asset/6137/file/medium-74bc1840e9b35fa1f9600813def2fd62.webp 900w, https://assets.fabulous.ch/public/variant_asset/6137/file/large-fd6520e209c832ed0805785ddd2daabd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6137/file/medium-74bc1840e9b35fa1f9600813def2fd62.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">Lima</p>
          <a href="/en/products/oat-drink-omega-3-organic-1-l-12114">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oat Drink Omega-3 Organic, 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-12114-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12114&quot;],&quot;content_name&quot;:&quot;Oat Drink Omega-3 Organic, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12114&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4j6le5V1vWfrQME8iTPJHtbN2-4vkiTiuTXQsdWdSQFlC7bJD1yvRQXJKD84dsJMzH1g6XUReAp4JLootztNwA" />
    <input value="12114" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D108">
    <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/misses-mie-chili-mie-noodles-organic-250-g-14715">
          <img alt="Misses Mie Chili Mie Noodles Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6783/file/small-ab5d7dbd9db0587f85a20adb7ad33f52.webp 600w, https://assets.fabulous.ch/public/variant_asset/6783/file/medium-f2c6791ac6f72fc7db9accf1d945aa24.webp 900w, https://assets.fabulous.ch/public/variant_asset/6783/file/large-e6a9accea16f3b5da8c77c6591760499.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6783/file/medium-f2c6791ac6f72fc7db9accf1d945aa24.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">Misses Mie &amp; Mister Mie</p>
          <a href="/en/products/misses-mie-chili-mie-noodles-organic-250-g-14715">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Misses Mie Chili Mie Noodles Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14715&quot;],&quot;content_name&quot;:&quot;Misses Mie Chili Mie Noodles Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14715&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nB8jDgZzCt8z09UwiWYm6GMpyksAeXamMCb9on9XXZUbKjC8nFoY_d1aPDM4Iy26eZlxTFr6Kk7xN5c7HfFZVA" />
    <input value="14715" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D108">
    <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/vegan-curry-mayo-with-organic-rapeseed-oil-60-ml-16509">
          <img alt="Vegan Curry Mayo with Organic Rapeseed Oil" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7607/file/small-f00ad748ad9139b3cca262ad41918329.webp 600w, https://assets.fabulous.ch/public/variant_asset/7607/file/medium-a78042c9dfaefd686ab1b7d1c0799096.webp 900w, https://assets.fabulous.ch/public/variant_asset/7607/file/large-a20be8e7c536f598b9fa0a11f5bf6928.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7607/file/medium-a78042c9dfaefd686ab1b7d1c0799096.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">Naturata</p>
          <a href="/en/products/vegan-curry-mayo-with-organic-rapeseed-oil-60-ml-16509">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Curry Mayo with Organic Rapeseed Oil, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16509&quot;],&quot;content_name&quot;:&quot;Vegan Curry Mayo with Organic Rapeseed Oil, 60 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16509&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NGuNqRTywFtpiu-5L_5JrRNwPB_62TT47duhxzhWQS-zXp4bjtvSeYcDBrqeu0L_CcCHGKBaaBAsysteWvBF7g" />
    <input value="16509" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D108">
    <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/grillsauce-cajun-insel-sanchon-organic-210-ml-9937">
          <img alt="Grillsauce Cajun Insel, Sanchon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5464/file/small-2766b73edb70f028d0de69437b0c39d3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5464/file/medium-020c383fe54bedf81a2aeabc802313ae.webp 900w, https://assets.fabulous.ch/public/variant_asset/5464/file/large-d636aadd968ea69628637fa4aa76e7a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5464/file/medium-020c383fe54bedf81a2aeabc802313ae.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">Sanchon</p>
          <a href="/en/products/grillsauce-cajun-insel-sanchon-organic-210-ml-9937">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grillsauce Cajun Insel, Sanchon Organic, 210 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9937&quot;],&quot;content_name&quot;:&quot;Grillsauce Cajun Insel, Sanchon Organic, 210 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9937&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AbeshSfPlHW8TRs2DYojotpdwSOuW4FJLBqiWRchqWCGgr83veaGV1LE8jW8zyjwwO16JPTY3aHtC8jAdYetoQ" />
    <input value="9937" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D108">
    <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/vivani-hot-chocolate-demeter-300-g-13858">
          <img alt="Vivani Hot Chocolate Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6594/file/small-c5cae436e43cfc2ca92825becbf3a08c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6594/file/medium-56e54221d624ddb2844bc13c6a10d480.webp 900w, https://assets.fabulous.ch/public/variant_asset/6594/file/large-2e92379810344b288445070ed8b43c3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6594/file/medium-56e54221d624ddb2844bc13c6a10d480.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">Vivani / Ichoc</p>
          <a href="/en/products/vivani-hot-chocolate-demeter-300-g-13858">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vivani Hot Chocolate Demeter, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13858&quot;],&quot;content_name&quot;:&quot;Vivani Hot Chocolate Demeter, 300 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13858&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lw0vZ9WsNAqGaxZ0koncwte67I5MxDUcYCVuixAyaNwQODzVT4UmKGji_3cjzNeQzQpXiRZHafShNAQScpRsHQ" />
    <input value="13858" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D108">
    <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/genmai-su-rice-vinegar-organic-250-ml-f32d5bd7-7fbb-40aa-9d24-5076ee5fff6d-8374">
          <img alt="Genmai Su Rice Vinegar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4941/file/small-73ae1e278b378838d5d162e127705257.webp 600w, https://assets.fabulous.ch/public/variant_asset/4941/file/medium-d854a68326fb0da352311eff8afec45d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4941/file/large-8bf3785cefdc8c77e7f151e75a98230b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4941/file/medium-d854a68326fb0da352311eff8afec45d.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">Arche</p>
          <a href="/en/products/genmai-su-rice-vinegar-organic-250-ml-f32d5bd7-7fbb-40aa-9d24-5076ee5fff6d-8374">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Genmai Su Rice Vinegar Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8374&quot;],&quot;content_name&quot;:&quot;Genmai Su Rice Vinegar Organic, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8374&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aptcX5q8wYogxdZd4YchPNfiTjgqSBtofEaovYz0dG7trk_tAJXTqM5MP15QwipuzVL1P3DLR4C9V8Ik7lJwrw" />
    <input value="8374" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D108">
    <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-coconut-milk-sugar-free-organic-500-ml-6843">
          <img alt="Cuisine Coconut Milk Sugar Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3967/file/small-69591877c1c95888d27a454eb8f2cc93.webp 600w, https://assets.fabulous.ch/public/variant_asset/3967/file/medium-592e0a83a62a60258cc45cbf3ea5b623.webp 900w, https://assets.fabulous.ch/public/variant_asset/3967/file/large-f27b04d754fdf4a99eb71989cd07f8f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3967/file/medium-592e0a83a62a60258cc45cbf3ea5b623.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">Ecomil</p>
          <a href="/en/products/cuisine-coconut-milk-sugar-free-organic-500-ml-6843">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cuisine Coconut Milk Sugar Free Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6843&quot;],&quot;content_name&quot;:&quot;Cuisine Coconut Milk Sugar Free Organic, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6843&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xuWHKVQONtBxeb2AXd3ZxCoI9YdSnM-G039MTs12mYlB0JSbzick8p_wVIPsmNKWMLhOgAgfk24SbibXr9CdSA" />
    <input value="6843" 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%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D108">
    <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/curry-paste-korma-gluten-free-organic-190-g-1340">
          <img alt="Curry Paste Korma 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/1127/file/small-05d016a691e338a49546049a98569cb9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1127/file/medium-4f9b8a180a0fb3aea24aa06c6153f597.webp 900w, https://assets.fabulous.ch/public/variant_asset/1127/file/large-7d405ebc1d37b5a28373810e4e20dec6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1127/file/medium-4f9b8a180a0fb3aea24aa06c6153f597.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">Sanchon</p>
          <a href="/en/products/curry-paste-korma-gluten-free-organic-190-g-1340">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Curry Paste Korma Gluten Free Organic, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1340&quot;],&quot;content_name&quot;:&quot;Curry Paste Korma Gluten Free Organic, 190 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1340&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xckKbe6GwAnBVJgNbkWtFtNcX1hJGg4CtkhOKUeuZn5C_BnfdK_SKy_dcQ7fAKZEyezkXxOZUup3WSSwJQhivw" />
    <input value="1340" 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">
      2&#39;160 of 3&#39;714 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/diy-faites-le-vous-memes?format=turbo_stream&amp;page=109">Show more</a>
  </div>
</div>

</template></turbo-stream>