<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/chunks-made-from-peas-and-beans-organic-100-g-9919">
          <img alt="Chunks made from Peas and Beans Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5458/file/small-87b0d07ab3c4fc73e2bf5aca29f64f4d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5458/file/medium-f68f1c8b98a87e472638e09032ca5b4d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5458/file/large-59433704c30cff0c755973130af98a84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5458/file/medium-f68f1c8b98a87e472638e09032ca5b4d.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/chunks-made-from-peas-and-beans-organic-100-g-9919">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chunks made from Peas and Beans Organic, 100 g</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 4.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c04cdGD0CwQoKdCsi_e9Ba_ZV_cwE5kxspazfJvhp_8W-NsAgX3jGisbEko-gbpSyHewJmCoiKDpaOlFTKFETQ" />
    <input value="9919" 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/sausages-vegan-weenies-hot-dog-organic-4-piece-f85bfa60-aca4-4ee0-b976-acfe4cfc2077-10306">
          <img alt="Sausages Vegan Weenies &quot;Hot dog&quot; Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5542/file/small-3cd5f56060313f5522d13dfe326b006c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5542/file/medium-054a983a8f0430e1faff10c1196ff9ce.webp 900w, https://assets.fabulous.ch/public/variant_asset/5542/file/large-01b5d92faa61c5e47df883fc379d7835.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5542/file/medium-054a983a8f0430e1faff10c1196ff9ce.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">Wheaty</p>
          <a href="/en/products/sausages-vegan-weenies-hot-dog-organic-4-piece-f85bfa60-aca4-4ee0-b976-acfe4cfc2077-10306">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sausages Vegan Weenies &quot;Hot dog&quot; Organic, 4 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </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.68 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3_f40E1yQENYofHYhLov7WQbXDAyhvPLpsHBjoSO8ae6QT-krPuoXVuTMz4xzCi6A7W74WI94lr9P5u3U84SFQ" />
    <input value="10306" 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/rice-whole-round-grain-bulk-buy-organic-25-kg-10307">
          <img alt="Rice Whole Round Grain Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5544/file/small-1327a7c676f560abbb9e93c22bf1f2cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/5544/file/medium-3cc3880c070d2df3dd0eed11777e0d0b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5544/file/large-e23b84e8759765be881c05c0261ea152.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5544/file/medium-3cc3880c070d2df3dd0eed11777e0d0b.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 Grosshandel</p>
          <a href="/en/products/rice-whole-round-grain-bulk-buy-organic-25-kg-10307">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rice Whole Round Grain Bulk Buy Organic, 25 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 151.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0Fi2WTXfyIFkdIUlgKGLNJKVWuvpbTTmV-RXlmVJXd217nEt1FYgn2dGR8M114xj9Tu9OrnWJXcMGg2vsgm-bw" />
    <input value="10307" 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/rice-whole-long-grain-bulk-buy-organic-25-kg-10308">
          <img alt="Rice Whole Long Grain Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5545/file/small-98e789c179a00e27d711f12d0ae6c4a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5545/file/medium-0a9f59fb14e4c4cca551a65036f1e8f8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5545/file/large-d1fcb3031825a69ca71ba3f0c8f08ff0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5545/file/medium-0a9f59fb14e4c4cca551a65036f1e8f8.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 Grosshandel</p>
          <a href="/en/products/rice-whole-long-grain-bulk-buy-organic-25-kg-10308">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rice Whole Long Grain Bulk Buy Organic, 25 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 244.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lUp3gcBMIVTKcESI82wQl3hdCfetQ2Bmkwdz8UsYASDw_LD1IcXJSslChm5GGhfAH_PuJv34cffI-SnInFjikg" />
    <input value="10308" 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">
    <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/unfished-plantuna-with-olive-oil-150-g-10392">
          <img alt="Unfished PlanTuna with Olive Oil" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5568/file/small-bd2943a969a2828116bd0c1b65ab5705.webp 600w, https://assets.fabulous.ch/public/variant_asset/5568/file/medium-96c325c0412e300fe45d1c8c3faa6e37.webp 900w, https://assets.fabulous.ch/public/variant_asset/5568/file/large-3094dc15090c783cb2cc6f39cb98eb72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5568/file/medium-96c325c0412e300fe45d1c8c3faa6e37.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">Unfished / Verdino Green Foods</p>
          <a href="/en/products/unfished-plantuna-with-olive-oil-150-g-10392">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Unfished PlanTuna with Olive Oil, 150 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 3.30 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-10392-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/d-angelo-strozzapreti-pasta-spelt-organic-250-g-10393">
          <img alt="D&#39;Angelo Strozzapreti Pasta Spelt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5569/file/small-892557f20ac7523ff9b38d3e63b6b1d3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5569/file/medium-135df0300041894f0a62b17e2bb6018f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5569/file/large-4958341bfca4bb5af30c827dc6fe1e69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5569/file/medium-135df0300041894f0a62b17e2bb6018f.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">D&#39;Angelo Pasteria</p>
          <a href="/en/products/d-angelo-strozzapreti-pasta-spelt-organic-250-g-10393">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">D&#39;Angelo Strozzapreti Pasta Spelt Organic, 250 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.84 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xPL_DSR18T35matS9O_3HdLGGZnrpwCKGXZuASqh-oihRDh5xfwZI_qrabRBmfBKtWj-SLscERtCiDQ4_eEZOg" />
    <input value="10393" 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">
    <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/la-raclette-vegan-nature-organic-200-g-10491">
          <img alt="La Raclette Vegan NATURE Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5587/file/small-a30ec2cfca1446b90613efd6985eff56.webp 600w, https://assets.fabulous.ch/public/variant_asset/5587/file/medium-5e4eaec1a899c5731418176bed9f1439.webp 900w, https://assets.fabulous.ch/public/variant_asset/5587/file/large-2466a8b9eb6e97afc1adc8d7558f6c1a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5587/file/medium-5e4eaec1a899c5731418176bed9f1439.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-raclette-vegan-nature-organic-200-g-10491">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">La Raclette Vegan NATURE Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-10491-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">
    <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/la-raclette-vegan-black-pepper-organic-200-g-10492">
          <img alt="La Raclette Vegan BLACK PEPPER Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5582/file/small-6d0fadf0901327f5dcc3c629f998ed0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5582/file/medium-6a6c5e2a9820e829ec30516b91caeec2.webp 900w, https://assets.fabulous.ch/public/variant_asset/5582/file/large-17be8fb67c3277f3d6e39c8408f7cee0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5582/file/medium-6a6c5e2a9820e829ec30516b91caeec2.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-raclette-vegan-black-pepper-organic-200-g-10492">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">La Raclette Vegan BLACK PEPPER Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-10492-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/planted-pulled-bbq-400-g-10665">
          <img alt="planted.pulled - BBQ" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5608/file/small-45c956a3eb13c3c2edb0152f3be4c627.webp 600w, https://assets.fabulous.ch/public/variant_asset/5608/file/medium-989906bb1042fda69cf2d2f6ae9e15ec.webp 900w, https://assets.fabulous.ch/public/variant_asset/5608/file/large-59b483aafd26bdf91153568da6148bb8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5608/file/medium-989906bb1042fda69cf2d2f6ae9e15ec.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">planted</p>
          <a href="/en/products/planted-pulled-bbq-400-g-10665">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">planted.pulled - BBQ, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gj42ACi9Dgi66VRIYB9YYFmZr0fQAsbP5ASmag0tQ2fniPF0yTTmFrnblq7VaV83PjdIloC5116_-vxT2m2g1Q" />
    <input value="10665" 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/basmati-wild-rice-demeter-500-g-11346">
          <img alt="Basmati &amp; Wild Rice Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5820/file/small-0d9be41b0e273e75fe5214bf5347ad7c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5820/file/medium-583f2ad62125b36b50063db8765bbc15.webp 900w, https://assets.fabulous.ch/public/variant_asset/5820/file/large-eb2e5cad51a519da8c3b3f90f366c58c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5820/file/medium-583f2ad62125b36b50063db8765bbc15.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/basmati-wild-rice-demeter-500-g-11346">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Basmati &amp; Wild Rice Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iqAvZpp_8qkEJ4ZRjv0MHOHpVk02Is40p7ZDywcl0Y7vFugSe_YatwcVRLc7iwtLhkexnGaZ36X8SBny0GUyPA" />
    <input value="11346" 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/organic-soup-pearls-crossies-150-g-11348">
          <img alt="Organic Soup Pearls Crossies" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5822/file/small-17245d750ce10b7103c2c5b187b28375.webp 600w, https://assets.fabulous.ch/public/variant_asset/5822/file/medium-0a7c8ba13e14db1dc5b5d31590f22ae1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5822/file/large-59ce68a5d2090ba45df10c16f136763d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5822/file/medium-0a7c8ba13e14db1dc5b5d31590f22ae1.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/organic-soup-pearls-crossies-150-g-11348">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Organic Soup Pearls Crossies, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MD7nHPcsIyJETZL2TSvfq1Xo8hGs_tVoF3X7dc3yTl9ViCBoFqXLPEd_UBD4Xdj8MkYVwPxFxPlMi6FMGrKt7Q" />
    <input value="11348" 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/helle-griller-sausage-organic-100-g-11390">
          <img alt="&quot;Helle&quot; Griller Sausage Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5835/file/small-7f2a760b3146c6ca84d89976b2c67f9b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5835/file/medium-59c3c18ba384077d47134b8c90979456.webp 900w, https://assets.fabulous.ch/public/variant_asset/5835/file/large-8b104e8db7dc2850741e51cfdbd99acb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5835/file/medium-59c3c18ba384077d47134b8c90979456.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">Wheaty</p>
          <a href="/en/products/helle-griller-sausage-organic-100-g-11390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">&quot;Helle&quot; Griller Sausage Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </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 5.40 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kaqHLBKC0FjNvBiDrOIsivScJim3MoEcXXerQzRq4Oz0HEBY8ws4Rs6O2mUZlCvdkzLB-OeJkI0GifF64yoDXg" />
    <input value="11390" 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">
    <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-deli-slices-roastbeef-organic-80-g-11453">
          <img alt="Veg Deli Slices – Roastbeef Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5856/file/small-777e863fcffe4540a5260d6520d3b668.webp 600w, https://assets.fabulous.ch/public/variant_asset/5856/file/medium-026c1609eb7d2bd88ced71ec4a6544b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/5856/file/large-85182a886daad90e9d0fb553220d0d29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5856/file/medium-026c1609eb7d2bd88ced71ec4a6544b7.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">Biolab</p>
          <a href="/en/products/veg-deli-slices-roastbeef-organic-80-g-11453">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veg Deli Slices – Roastbeef Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11453-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/lasagna-sheets-whole-grain-organic-250-g-11580">
          <img alt="Lasagna sheets whole grain organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5917/file/small-289df9840bd5e8b273603f81029d4b00.webp 600w, https://assets.fabulous.ch/public/variant_asset/5917/file/medium-2261b5738adf1849fd1ded1a4c78e135.webp 900w, https://assets.fabulous.ch/public/variant_asset/5917/file/large-466f5bebccaab1f76c502dcf90617c12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5917/file/medium-2261b5738adf1849fd1ded1a4c78e135.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/lasagna-sheets-whole-grain-organic-250-g-11580">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lasagna sheets whole grain organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BbQM_WJLTCHxAbtbNFttKyRAD_2eyYLa-fwq5LiBO8dgAsuJg8KkP_Izeb2BLWp8Q-7oLM5yk0uiAnDdb8HYdQ" />
    <input value="11580" 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/express-wok-noodles-asia-style-organic-250-g-11710">
          <img alt="Express Wok Noodles Asia Style Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5955/file/small-01f606e642dc5389e38d09c367673d5a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5955/file/medium-b3e4ac84dc70aa8c291a63b1091e688c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5955/file/large-2dd3bd4c4e80ce16530525def0ec1e08.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5955/file/medium-b3e4ac84dc70aa8c291a63b1091e688c.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">Natur Compagnie</p>
          <a href="/en/products/express-wok-noodles-asia-style-organic-250-g-11710">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Express Wok Noodles Asia Style Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HTMabp2WRi9Bz9wI3fah1TBZKbfBXJnq8Cl-jHD-Xmt4hd0afB-uMUL9Hu5ogKaCV_fOZpHniHur1yS1p7692Q" />
    <input value="11710" 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/sim-sala-mi-500-g-11790">
          <img alt="Sim Sala Mi" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6019/file/small-861fec463c1805bee07657a14763739d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6019/file/medium-558870cc4b9abbb0b94882a4f518b4af.webp 900w, https://assets.fabulous.ch/public/variant_asset/6019/file/large-aab893360aa711ead43f22ce77f32a3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6019/file/medium-558870cc4b9abbb0b94882a4f518b4af.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">Vantastic</p>
          <a href="/en/products/sim-sala-mi-500-g-11790">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sim Sala Mi, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ea7reHKYd2LikrL3KkAC8Tdf_kIeNrQEd3eruR2M_610GCwMkxGffOGgcBGfNgWmUPEZk06NpZUsifGAyswcHw" />
    <input value="11790" 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">
    <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/tempeh-mountain-herb-spice-organic-200-g-11810">
          <img alt="Tempeh Mountain Herb Spice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6036/file/small-9b75720b33c761d7fcd7139fd5c284ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/6036/file/medium-fb3ddfebf384130ae4f6ef3a1635e4ce.webp 900w, https://assets.fabulous.ch/public/variant_asset/6036/file/large-04fb1d2193498aa73065077c355126fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6036/file/medium-fb3ddfebf384130ae4f6ef3a1635e4ce.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">Peaceful Delicious</p>
          <a href="/en/products/tempeh-mountain-herb-spice-organic-200-g-11810">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh Mountain Herb Spice Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11810-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/indonesian-crispy-onions-organic-75-g-11913">
          <img alt="Indonesian Crispy Onions Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6071/file/small-03f6387908d6e21ea5696c8ac5aa5e45.webp 600w, https://assets.fabulous.ch/public/variant_asset/6071/file/medium-a9882a71ae8046eafb852a387d063559.webp 900w, https://assets.fabulous.ch/public/variant_asset/6071/file/large-a7f1aaf05daa5effe05c561566b32f1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6071/file/medium-a9882a71ae8046eafb852a387d063559.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/indonesian-crispy-onions-organic-75-g-11913">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Indonesian Crispy Onions Organic, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7Y0u85WKItXACosXwjEhe4B0P68workBaoFKuBnWFRSIO-mHdAPKy8M4SfF3RyYs59rYfmAZqJAxfxCBzpb2pg" />
    <input value="11913" 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/pasta-oat-mezzi-rigatoni-organic-250-g-12005">
          <img alt="Pasta Oat Mezzi Rigatoni Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6094/file/small-61d198659a15712dde21e0f6a24e69f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6094/file/medium-a2b2b768edf395cd4ea537c99a1772fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6094/file/large-01fdf73b81666e8bc1d10b13edbb8fbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6094/file/medium-a2b2b768edf395cd4ea537c99a1772fc.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">felicia</p>
          <a href="/en/products/pasta-oat-mezzi-rigatoni-organic-250-g-12005">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Oat Mezzi Rigatoni Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MR39h8hHuO6n8mD83o0RMGLgaeFxcA6RbCf3wxjBKs1UqzrzKc5Q8KTAohpr-xZnBU6OMCHLHwA32a36z4HJfw" />
    <input value="12005" 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/pasta-oat-mezzi-rigatoni-organic-250-g-551c00fc-e1e7-4f37-8f25-41e24be44500-12006">
          <img alt="Pasta Oat Mezzi Rigatoni Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6100/file/small-364ebe09b0409e5978e9c20c8c451b0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6100/file/medium-47087bf9e487ffd76fd23d7e232091d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6100/file/large-b1fca914956594dad0e86a602688f40a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6100/file/medium-47087bf9e487ffd76fd23d7e232091d1.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">felicia</p>
          <a href="/en/products/pasta-oat-mezzi-rigatoni-organic-250-g-551c00fc-e1e7-4f37-8f25-41e24be44500-12006">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Oat Mezzi Rigatoni Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LAyCtN2EE5D1Jmh4KVnDp3zN58IF0AhXhb7Sv94iZuBJukXAPA37jvYUqp6cL8TwG2MAE1VrGcbeQIiGCWKFUg" />
    <input value="12006" 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">
      160 of 313 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/food/pan-ready?format=turbo_stream&amp;page=9">Show more</a>
  </div>
</div>

</template></turbo-stream>