<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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/veg-1-vitamin-supplement-liquid-baby-toddler-150-ml-11099">
          <img alt="VEG 1 Vitamin Supplement Liquid Baby &amp; Toddler" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5674/file/small-27b96be4cc2d913e7446dd146a5a2ff3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5674/file/medium-cf7a00f7f87bab7b1731f5d911f6f320.webp 900w, https://assets.fabulous.ch/public/variant_asset/5674/file/large-c7f88eb0b80db7c7ea2c9d9619f89dcb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5674/file/medium-cf7a00f7f87bab7b1731f5d911f6f320.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">The Vegan Society</p>
          <a href="/en/products/veg-1-vitamin-supplement-liquid-baby-toddler-150-ml-11099">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEG 1 Vitamin Supplement Liquid Baby &amp; Toddler, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/potato-chips-grilled-pepper-organic-115-g-11119">
          <img alt="Potato Chips Grilled Pepper Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5692/file/small-d05871df1af99dee4fe5309b90c4fb1d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5692/file/medium-233dcb27bf70803104028a8db17a90fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/5692/file/large-ea642681601a4b8a1c27f69df51270fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5692/file/medium-233dcb27bf70803104028a8db17a90fe.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">Lisa&#39;s Chips</p>
          <a href="/en/products/potato-chips-grilled-pepper-organic-115-g-11119">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Potato Chips Grilled Pepper Organic, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_VuPpgHblSoRACaMcMhD-NCOL-qZc0z_T3jiNWMlrk5Y6Jctrf2rLuxeTzz-pIxFVD2DcCxxH820Se_UaZokoA" />
    <input value="11119" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/potato-chips-alpine-herb-organic-115-g-11120">
          <img alt="Potato Chips Alpine Herb Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5693/file/small-e9fb4403e60656c96fe18a299b196f47.webp 600w, https://assets.fabulous.ch/public/variant_asset/5693/file/medium-74babd1094d53718fff34837db6663fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/5693/file/large-2d9ddc3c24e3690ff5f57bd40fbe1b91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5693/file/medium-74babd1094d53718fff34837db6663fb.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">Lisa&#39;s Chips</p>
          <a href="/en/products/potato-chips-alpine-herb-organic-115-g-11120">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Potato Chips Alpine Herb Organic, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m7Et6P7AT6FF_KsU_l-8ufi4WKae3-fcxAKjZTxGhq4-AjVjUuZxpbiiwqRwM3MEfAv0PCvdtO4_M66ENvkMQA" />
    <input value="11120" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/potato-chips-sea-salt-organic-115-g-11125">
          <img alt="Potato Chips Sea Salt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5694/file/small-eca653b50945a6e44fc64392a019113b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5694/file/medium-b2bd2019dfe8e5214a45fcbbdcd6bdad.webp 900w, https://assets.fabulous.ch/public/variant_asset/5694/file/large-ebed3da12ee05c259a28e118b31dc086.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5694/file/medium-b2bd2019dfe8e5214a45fcbbdcd6bdad.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">Lisa&#39;s Chips</p>
          <a href="/en/products/potato-chips-sea-salt-organic-115-g-11125">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Potato Chips Sea Salt Organic, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ARrdfw01CteP3o7mw7Oz-rzpaRQcTG6Cc9Ip9NxU5AukqcX0oRM003KA51ZN33xHOFrFjqlOPbCI4yQV1utu5Q" />
    <input value="11125" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/potato-chips-salt-vinegar-organic-115-g-11127">
          <img alt="Potato Chips Salt &amp; Vinegar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5695/file/small-332b78b80a35e76ec12987e7380fbbf3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5695/file/medium-324bb822533d3600ac4e8871e94511b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5695/file/large-40d794f6ac4f320c6121b08dfed57c02.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5695/file/medium-324bb822533d3600ac4e8871e94511b4.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">Lisa&#39;s Chips</p>
          <a href="/en/products/potato-chips-salt-vinegar-organic-115-g-11127">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Potato Chips Salt &amp; Vinegar Organic, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QtnY5_CiK9oVztm-EQ19l-J3sPh_J6Elw1QTxjO0y-3nasBsXIQV3uiQsA6fYbIqZsQcYsol8hc4ZR4nOQtBAw" />
    <input value="11127" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tortilla-chips-sea-salt-organic-150-g-11128">
          <img alt="Tortilla Chips Sea Salt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5696/file/small-3e4f90c76a0e9a4c6376ec5f898e81cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/5696/file/medium-4a2f50ab02a7dd8dcc384c1c83b723f5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5696/file/large-bb96f46a266cd52e6e28f2f2ba9eb7fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5696/file/medium-4a2f50ab02a7dd8dcc384c1c83b723f5.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">MiAdelita</p>
          <a href="/en/products/tortilla-chips-sea-salt-organic-150-g-11128">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tortilla Chips Sea Salt Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2y_OoPkkScaMkkiGukgtoRbmmdmY9kqgkWo3eJz8mkV-nNYrVQJ3wnHMITY0JOIcklU1Qy30GZJqWzqZlkMQqw" />
    <input value="11128" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/bett-r-hazelnut-butter-cups-organic-39-g-11130">
          <img alt="Bett&#39;r Hazelnut Butter Cups Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5698/file/small-d94aef878eacfb835f6e18caf48f9f6d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5698/file/medium-1d1f3823b0c09ea8717642d65f204fa4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5698/file/large-fcd796cf07362fe3b7c2a2c105a7471a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5698/file/medium-1d1f3823b0c09ea8717642d65f204fa4.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">bett&#39;r</p>
          <a href="/en/products/bett-r-hazelnut-butter-cups-organic-39-g-11130">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bett&#39;r Hazelnut Butter Cups Organic, 39 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hiLRHCePhxDGRbw0k9olbn7B2yT0HnNQK7EHrB-iU7ojkcmXi6m5FDsb1YQdturT-nJ3vkEcIGLQgApNFR3ZVA" />
    <input value="11130" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/bett-r-peanut-butter-cups-organic-39-g-11131">
          <img alt="Bett&#39;r Peanut Butter Cups Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5699/file/small-2ba8d48a7590c5f3312d7aa1b6330d72.webp 600w, https://assets.fabulous.ch/public/variant_asset/5699/file/medium-e69d2b3d25a0c73eca31debe71599f82.webp 900w, https://assets.fabulous.ch/public/variant_asset/5699/file/large-203ce1147076aa1440f7a92cd04fdd9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5699/file/medium-e69d2b3d25a0c73eca31debe71599f82.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">bett&#39;r</p>
          <a href="/en/products/bett-r-peanut-butter-cups-organic-39-g-11131">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bett&#39;r Peanut Butter Cups Organic, 39 g</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 7.95 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QPJYbj0xJ5nZEwjtn9tk5eUYiostGzyba-eEUVijiH7lQUDlkRcZnSRNYV0Rt6tYYasmEZgZb6mQ1omwUhwCkA" />
    <input value="11131" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/bett-r-almond-butter-cups-organic-39-g-11132">
          <img alt="Bett&#39;r Almond Butter Cups Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5700/file/small-e35571a284ceb045791d94262f9f54af.webp 600w, https://assets.fabulous.ch/public/variant_asset/5700/file/medium-795b2f049958f5798762d1f21ef00b4b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5700/file/large-a96462812fb1ae82fd5a6cf697a2ba1a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5700/file/medium-795b2f049958f5798762d1f21ef00b4b.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">bett&#39;r</p>
          <a href="/en/products/bett-r-almond-butter-cups-organic-39-g-11132">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bett&#39;r Almond Butter Cups Organic, 39 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QYF6ZaovtDYktFxhlljuSMrJNKr21saEwLn7n8DPd9HkMmLuBgmKMtnqNdEYNCH1TnqYMEPUlbY7iPZ-ynD9Pw" />
    <input value="11132" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/baking-mix-my-cinnamon-rolls-organic-450-g-11135">
          <img alt="Baking Mix My Cinnamon Rolls Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5703/file/small-803e44db050bc87f68fc746a4c3d8fa1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5703/file/medium-45cdd861ffd70d48a2ec01ab02df2fcb.webp 900w, https://assets.fabulous.ch/public/variant_asset/5703/file/large-42b096c2ecfa2090bc71b587e08b025c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5703/file/medium-45cdd861ffd70d48a2ec01ab02df2fcb.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">Biovegan</p>
          <a href="/en/products/baking-mix-my-cinnamon-rolls-organic-450-g-11135">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baking Mix My Cinnamon Rolls Organic, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/baking-mix-my-cheesecake-brownies-vegan-organic-480-g-11136">
          <img alt="Baking Mix My Cheesecake Brownies Vegan Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5704/file/small-a95fa788db8157d3957f6c46ac5e6d0d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5704/file/medium-86264d4f0ca1c65ce92e2d64d3c58863.webp 900w, https://assets.fabulous.ch/public/variant_asset/5704/file/large-c31f475a553addf151b4b15d06e0f592.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5704/file/medium-86264d4f0ca1c65ce92e2d64d3c58863.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">Biovegan</p>
          <a href="/en/products/baking-mix-my-cheesecake-brownies-vegan-organic-480-g-11136">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baking Mix My Cheesecake Brownies Vegan Organic, 480 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EED3MabB39Vu_ZG9UMSo4RuT-Psb8vKC0-gfyIv-jzq18--6Cufh0ZOj-A3eqGdcnyBUYa7wobAo2RIpgUEF1A" />
    <input value="11136" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/baking-mix-flammkuchen-gluten-free-organic-400-g-11138">
          <img alt="Baking Mix Flammkuchen 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/5705/file/small-0dac2c5fb09a17967421987b7a75b1b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5705/file/medium-6d4c2eca8418f5625d1225d92fc1801b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5705/file/large-f7e5d793056354288b15bcf3dfa6598b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5705/file/medium-6d4c2eca8418f5625d1225d92fc1801b.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">Bauckhof</p>
          <a href="/en/products/baking-mix-flammkuchen-gluten-free-organic-400-g-11138">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baking Mix Flammkuchen Gluten Free Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="REx6WeS-sm6iMVbUOuvSvHmSxMW5S8x0YqtBzmawoUfh_2LSSJiMal9vP2S0hx0B_SFoXwxJn0aZmkwvbA8rqQ" />
    <input value="11138" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/no-bullsh-t-solid-perfume-sun-15-ml-11153">
          <img alt="No Bullsh!t Solid Perfume Sun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5713/file/small-674af5c9647025942b17e8d7c3d81d40.webp 600w, https://assets.fabulous.ch/public/variant_asset/5713/file/medium-91822919cc239b5d135e4cfb8ef78d7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5713/file/large-5cc1f2905937cb0d9b62e835c1dc286a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5713/file/medium-91822919cc239b5d135e4cfb8ef78d7b.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">No Bullsh!t</p>
          <a href="/en/products/no-bullsh-t-solid-perfume-sun-15-ml-11153">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">No Bullsh!t Solid Perfume Sun, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9EusoRgPShU04JHponr1kZXZnh6B8Bg1m9r7GyzyoDNR-LQqtCl0Ecm--FksFjosEWoyhDTySwdg6_b6Jk0q3Q" />
    <input value="11153" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/xylitol-candies-eucalyptus-tin-without-talc-100-g-11164">
          <img alt="Xylitol candies eucalyptus tin (without talc)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5714/file/small-8ee77906cf4c3b28797a3394f49f9fbc.webp 600w, https://assets.fabulous.ch/public/variant_asset/5714/file/medium-2e8690ab4f984d7592d3dbf48dbaa312.webp 900w, https://assets.fabulous.ch/public/variant_asset/5714/file/large-24667e47bf5e747b6548f728b6df4564.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5714/file/medium-2e8690ab4f984d7592d3dbf48dbaa312.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">Xucker</p>
          <a href="/en/products/xylitol-candies-eucalyptus-tin-without-talc-100-g-11164">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol candies eucalyptus tin (without talc), 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/muesli-coloured-multigrain-loops-gluten-free-organic-300-g-11165">
          <img alt="Muesli Coloured Multigrain Loops 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/5715/file/small-47874399e4986a5eab2d8ecc1277a53e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5715/file/medium-8d72646a076c9730942c1a2ee18315e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5715/file/large-a7662ec862f53ba973885ce539ec736d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5715/file/medium-8d72646a076c9730942c1a2ee18315e8.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">turtle Better Breakfast</p>
          <a href="/en/products/muesli-coloured-multigrain-loops-gluten-free-organic-300-g-11165">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Muesli Coloured Multigrain Loops Gluten Free Organic, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/muesli-cocoa-pillows-with-hazelnut-cream-organic-300-g-11167">
          <img alt="Muesli Cocoa Pillows with Hazelnut Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5717/file/small-cc1c5855a20193b9e4111be62e2b51fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/5717/file/medium-9dc7e4305ee2f893f9abbe2fbb7248bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/5717/file/large-b8432116381076c25821d73715468a4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5717/file/medium-9dc7e4305ee2f893f9abbe2fbb7248bc.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">turtle Better Breakfast</p>
          <a href="/en/products/muesli-cocoa-pillows-with-hazelnut-cream-organic-300-g-11167">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Muesli Cocoa Pillows with Hazelnut Cream Organic, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1nmfNqjjp0WiZCNSdV6XrK1dW4aA3J8md7vhSXFyRkhzyoe9BMWZQV86SuL7MlgRKe73HDXezBSMiuyoe83Mpg" />
    <input value="11167" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/no-bullsh-t-solid-perfume-earth-15-ml-11207">
          <img alt="No Bullsh!t Solid Perfume Earth" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5735/file/small-3b0d38c02450fb9756024d8f04adcd77.webp 600w, https://assets.fabulous.ch/public/variant_asset/5735/file/medium-a17eeae546e7b5f2eed24097d3929b45.webp 900w, https://assets.fabulous.ch/public/variant_asset/5735/file/large-6e9d0c2e5cf94fc9b5b26c4343560be5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5735/file/medium-a17eeae546e7b5f2eed24097d3929b45.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">No Bullsh!t</p>
          <a href="/en/products/no-bullsh-t-solid-perfume-earth-15-ml-11207">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">No Bullsh!t Solid Perfume Earth, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.20
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/no-bullsh-t-solid-perfume-venus-15-ml-11208">
          <img alt="No Bullsh!t Solid Perfume Venus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5736/file/small-34bea04280e2a75c3f92402f804b9c4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5736/file/medium-911a462764b8adfd4f653881589b0f99.webp 900w, https://assets.fabulous.ch/public/variant_asset/5736/file/large-6fdef2dd0c5747dce80f47b200c32242.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5736/file/medium-911a462764b8adfd4f653881589b0f99.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">No Bullsh!t</p>
          <a href="/en/products/no-bullsh-t-solid-perfume-venus-15-ml-11208">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">No Bullsh!t Solid Perfume Venus, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q4kj8BGkrR0JyDHu0plSzKwTtNiMWBQGQFhmkulaUrzmOjt7vYKTGfSWWF5c9Z1xKKAYQjlaRzS7aWtz4-XYUg" />
    <input value="11208" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/salt-german-rock-salt-fine-500-g-11218">
          <img alt="Salt German Rock Salt Fine" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5747/file/small-2e89aee2b6dd93ed910d5d2be5079723.webp 600w, https://assets.fabulous.ch/public/variant_asset/5747/file/medium-001dcf33ae313b613695465e0989117e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5747/file/large-3a2abfa150907727b5128ed6b8782ced.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5747/file/medium-001dcf33ae313b613695465e0989117e.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/salt-german-rock-salt-fine-500-g-11218">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salt German Rock Salt Fine, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/la-cooking-vegan-alternative-to-cooking-cream-organic-200-ml-11221">
          <img alt="La Cooking Vegan Alternative to Cooking Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5751/file/small-d14f19bed1b3c884fd320f9df112b7a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5751/file/medium-b56b66ab56772a3c03d10d516ff875b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5751/file/large-178d43166fde183fab4b9c7c5eb535f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5751/file/medium-b56b66ab56772a3c03d10d516ff875b3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">New Roots</p>
          <a href="/en/products/la-cooking-vegan-alternative-to-cooking-cream-organic-200-ml-11221">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">La Cooking Vegan Alternative to Cooking Cream Organic, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ShEeUcPO0fT8rfewdMOyNX7FJz8JBLPyJHAlj89jZLbvogbab-jv8AHzngD6r32I-naLpbwG4MDfQShuxdzuWA" />
    <input value="11221" 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">
      1&#39;780 of 3&#39;165 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/goodmoodfood?format=turbo_stream&amp;page=90">Show more</a>
  </div>
</div>

</template></turbo-stream>