<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/pop-corn-organic-200-g-9153">
          <img alt="Pop-Corn Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5196/file/small-3552b3f389b04afc4e3c807cc0b20d1c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5196/file/medium-fb6983dc3bdb115227fb3061729acfff.webp 900w, https://assets.fabulous.ch/public/variant_asset/5196/file/large-85ff5a5c7c42b9fa6c428c26923b3b19.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5196/file/medium-fb6983dc3bdb115227fb3061729acfff.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">Biofarm</p>
          <a href="/en/products/pop-corn-organic-200-g-9153">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pop-Corn Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9BOC4UvJEfoc9khq6EE8ikRp53XtBbacoFLXjcmKOp4VxOgIK7FVLuLsIOgif31i3U9jNvA3Kqr9eZZjkwjbgA" />
    <input value="9153" 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/vinegar-ume-su-umeboshi-seasoning-sauce-organic-145-ml-9156">
          <img alt="Vinegar Ume Su Umeboshi Seasoning Sauce Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5199/file/small-07d7c0f24ea3f6c842f72956e80afad0.webp 600w, https://assets.fabulous.ch/public/variant_asset/5199/file/medium-9a937000b9e18e36533a3b09117445b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5199/file/large-bb88a15970c792fa08b4ca60b55e3875.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5199/file/medium-9a937000b9e18e36533a3b09117445b4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/en/products/vinegar-ume-su-umeboshi-seasoning-sauce-organic-145-ml-9156">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vinegar Ume Su Umeboshi Seasoning Sauce Organic, 145 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cO6HpsVg7fOcOsnn4RakvQmAGdEARNJeApkrN9EEg2WROe1PpRipJ2IgoWUrKOVVkKadkh12TmhfsmrZi4Ziew" />
    <input value="9156" 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/doisy-dam-peanut-80-g-9191">
          <img alt="Doisy &amp; Dam Peanut" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5217/file/small-baaaa3a5145df3b0202888927d30e152.webp 600w, https://assets.fabulous.ch/public/variant_asset/5217/file/medium-15871f6ec562bcc3c0b778b90b022caa.webp 900w, https://assets.fabulous.ch/public/variant_asset/5217/file/large-b4d4d3faf83e98d5e8690b87ea78e0ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5217/file/medium-15871f6ec562bcc3c0b778b90b022caa.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">Doisy&amp;Dam</p>
          <a href="/en/products/doisy-dam-peanut-80-g-9191">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Doisy &amp; Dam Peanut, 80 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 6.19 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3ff1GDEqn72eVkdoa_-GU063YrCe6D7ipbHJ6enufGM8IJ_xUVLbaWBML-qhwce715Hm84PaotT4mogHs2ydfQ" />
    <input value="9191" 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/doisy-dam-ballers-25-g-9192">
          <img alt="Doisy &amp; Dam Ballers" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5219/file/small-7d5d1de61641e554220c7f27209027f2.webp 600w, https://assets.fabulous.ch/public/variant_asset/5219/file/medium-23973362f9c0e333723894f04e04354b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5219/file/large-7b7f46a171aa123617c98f5290e0a5e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5219/file/medium-23973362f9c0e333723894f04e04354b.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">Doisy&amp;Dam</p>
          <a href="/en/products/doisy-dam-ballers-25-g-9192">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Doisy &amp; Dam Ballers, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-9192-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">
    <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/doisy-dam-chocolate-drops-d-d-30-g-9194">
          <img alt="Doisy &amp; Dam Chocolate Drops D&amp;D" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5218/file/small-e4b07251d7c12664c1d8e0157fc49a56.webp 600w, https://assets.fabulous.ch/public/variant_asset/5218/file/medium-4197c1653ebea299db8e572c08f28ad2.webp 900w, https://assets.fabulous.ch/public/variant_asset/5218/file/large-82d8d87df59e3d513b51d68aa3c7fc6d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5218/file/medium-4197c1653ebea299db8e572c08f28ad2.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">Doisy&amp;Dam</p>
          <a href="/en/products/doisy-dam-chocolate-drops-d-d-30-g-9194">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Doisy &amp; Dam Chocolate Drops D&amp;D, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-9194-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/vegan-marshmallows-mallow-puffs-salted-caramel-100-g-9195">
          <img alt="Vegan Marshmallows Mallow Puffs – Salted Caramel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5221/file/small-fc445d1b17415fed731265584e2973e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5221/file/medium-ed127a064c898528fb47b79927cdb0aa.webp 900w, https://assets.fabulous.ch/public/variant_asset/5221/file/large-55718faa4d93989e86a2cd0475463a31.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5221/file/medium-ed127a064c898528fb47b79927cdb0aa.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">Baru</p>
          <a href="/en/products/vegan-marshmallows-mallow-puffs-salted-caramel-100-g-9195">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Marshmallows Mallow Puffs – Salted Caramel, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-9195-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">
    <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/vegan-marshmallows-mallow-puffs-vanilla-100-g-9196">
          <img alt="Vegan Marshmallows Mallow Puffs – Vanilla" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5223/file/small-1917087c95d61c93ec0cb2d23450ed5a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5223/file/medium-238c2091a2d2c1cc26104d495566e4f8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5223/file/large-f1a26e04c8c7321b431f6339e0a6b700.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5223/file/medium-238c2091a2d2c1cc26104d495566e4f8.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">Baru</p>
          <a href="/en/products/vegan-marshmallows-mallow-puffs-vanilla-100-g-9196">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Marshmallows Mallow Puffs – Vanilla, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-9196-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/vegan-marshmallows-mallow-puffs-raspberry-100-g-9197">
          <img alt="Vegan Marshmallows Mallow Puffs – Raspberry" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5225/file/small-c50c7170d36b116b9b6d72a0f785d73f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5225/file/medium-f9b4abbf2244dade8142b495bdf10d2d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5225/file/large-963a883a1f9431e6ff195118ad008d45.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5225/file/medium-f9b4abbf2244dade8142b495bdf10d2d.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">Baru</p>
          <a href="/en/products/vegan-marshmallows-mallow-puffs-raspberry-100-g-9197">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Marshmallows Mallow Puffs – Raspberry, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-9197-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/amaretti-vegan-organic-32-g-9198">
          <img alt="Amaretti Vegan Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5226/file/small-6fbe5511ea7c29c2b138999364675d98.webp 600w, https://assets.fabulous.ch/public/variant_asset/5226/file/medium-6d298feadcd7616e9a84380a35cdaf03.webp 900w, https://assets.fabulous.ch/public/variant_asset/5226/file/large-b00676c8b6d52ad15e21cd8005661b91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5226/file/medium-6d298feadcd7616e9a84380a35cdaf03.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">Leibacher Biber-Manufaktur</p>
          <a href="/en/products/amaretti-vegan-organic-32-g-9198">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amaretti Vegan Organic, 32 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OSqzPr6DyjFJC2dYyetOLYtQirq99t30o0XB0d6EqHPY_dnX3vuO5bcRD9oD1Q_FEnYO-aDEQcL-boA_hAZJbQ" />
    <input value="9198" 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/bar-loveraw-cre-m-wafer-42-g-9225">
          <img alt="Bar Loveraw Cre&amp;m Wafer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5247/file/small-68e860817cffb3988b4104794924a247.webp 600w, https://assets.fabulous.ch/public/variant_asset/5247/file/medium-ff8224de6b4b48128af7d4f7c7153659.webp 900w, https://assets.fabulous.ch/public/variant_asset/5247/file/large-2ea1f6194e40f4c5c941e35d044b8e3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5247/file/medium-ff8224de6b4b48128af7d4f7c7153659.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">Love Raw</p>
          <a href="/en/products/bar-loveraw-cre-m-wafer-42-g-9225">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bar Loveraw Cre&amp;m Wafer, 42 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W1tglxITt9B1vBeRM3s0n1GzKy0-kY6oYLYWk6aRK9m6jAp-cmvzBIumfxP5RXV3yJWvbiOjEp49nVd9_BPKxw" />
    <input value="9225" 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/bar-loveraw-cre-m-wafer-42-g-8969fab1-c403-4a5b-b2b9-376debfb468e-9226">
          <img alt="Bar Loveraw Cre&amp;m Wafer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5252/file/small-34d57fd642a33b7b72075cad9bc9e309.webp 600w, https://assets.fabulous.ch/public/variant_asset/5252/file/medium-194a8dc473dcfbbf4111aa47367eeec0.webp 900w, https://assets.fabulous.ch/public/variant_asset/5252/file/large-cfc28d92cf340fc3e2145095186fcb3e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5252/file/medium-194a8dc473dcfbbf4111aa47367eeec0.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">Love Raw</p>
          <a href="/en/products/bar-loveraw-cre-m-wafer-42-g-8969fab1-c403-4a5b-b2b9-376debfb468e-9226">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bar Loveraw Cre&amp;m Wafer, 42 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-9226-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/oat-drink-barista-edition-500-ml-9227">
          <img alt="Oat Drink Barista Edition" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5254/file/small-b858f30641a2a93e79086acab8b6518e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5254/file/medium-e9b212c17d4745dc5135dcb909d0f268.webp 900w, https://assets.fabulous.ch/public/variant_asset/5254/file/large-4fae1b689cc5272f33516ff7e4d4e09b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5254/file/medium-e9b212c17d4745dc5135dcb909d0f268.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">Oatly</p>
          <a href="/en/products/oat-drink-barista-edition-500-ml-9227">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oat Drink Barista Edition, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-TWsVpIxMGazXw7DzrpUwAToub3SMRWlZEXhEo2h6qYY4sa_8kl0sk1FZkEEhBUonc49_s8DiZM5bqD81yMLuA" />
    <input value="9227" 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/veggiemix-burger-organic-170-g-9257">
          <img alt="VeggieMix Burger Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5265/file/small-696939e90389bc5baf6b7aef33bd665e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5265/file/medium-1820a97572016fa67f2347415df4ec80.webp 900w, https://assets.fabulous.ch/public/variant_asset/5265/file/large-506b23ab1e8b89fd50781f8dcfff7a5f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5265/file/medium-1820a97572016fa67f2347415df4ec80.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/veggiemix-burger-organic-170-g-9257">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VeggieMix Burger Organic, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tSkRC35mPhNvlNocFcTlYQOlpa5T8tNQ-STyuigHu3JU_nviHh56x5GOsp7f-qSJmoMh7U7AT2akD7NUcoVabA" />
    <input value="9257" 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/veggiemix-goldnuggets-organic-180-g-9258">
          <img alt="VeggieMix Goldnuggets Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5266/file/small-76dab200ea36e1d081dc82bab85b47e9.webp 600w, https://assets.fabulous.ch/public/variant_asset/5266/file/medium-cba98d945292c427b05db8940691f48d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5266/file/large-ead0047a00bf0611451d43476ff1243d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5266/file/medium-cba98d945292c427b05db8940691f48d.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/veggiemix-goldnuggets-organic-180-g-9258">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VeggieMix Goldnuggets Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LX03UJIH86qZbZBiEC4fC_TASE-aHXaVN7ZVMSREtivMql258n-3fmd3-ODaEF7jbebMDIcv6qNqnRTffsZXNQ" />
    <input value="9258" 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/kookie-cat-lil-cookie-monster-cookie-gluten-free-organic-50-g-9263">
          <img alt="KOOKIE CAT  Lil’ Cookie Monster Cookie 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/5270/file/small-d3eb98d970768bec4c9d4f5ab4bd589a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5270/file/medium-876a2d0dffbf0307cd8da6cae809fb3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5270/file/large-bd1dae1f576601ebd32d452556edc4f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5270/file/medium-876a2d0dffbf0307cd8da6cae809fb3a.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">Kookie Cat</p>
          <a href="/en/products/kookie-cat-lil-cookie-monster-cookie-gluten-free-organic-50-g-9263">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT  Lil’ Cookie Monster Cookie Gluten Free Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zLhW0YlLV23K4SFfqtcTseHBjT08eyM-DKoJCZtA30wtbzw46TMTuTT7Sd1g6VJZeOcJfiFJvwhRgUjnwcI-Ug" />
    <input value="9263" 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/kookie-cat-peanut-butter-chocolate-covered-cookie-gluten-free-organic-50-g-9264">
          <img alt="KOOKIE CAT Peanut Butter Chocolate Covered Cookie 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/5269/file/small-7d50267dae6a162f8b87a80f28ad9e37.webp 600w, https://assets.fabulous.ch/public/variant_asset/5269/file/medium-4f2c2037c2bededf24b12de99c61f304.webp 900w, https://assets.fabulous.ch/public/variant_asset/5269/file/large-87ea4a6403e3baf1b14150f2daa38a4d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5269/file/medium-4f2c2037c2bededf24b12de99c61f304.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">Kookie Cat</p>
          <a href="/en/products/kookie-cat-peanut-butter-chocolate-covered-cookie-gluten-free-organic-50-g-9264">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Peanut Butter Chocolate Covered Cookie Gluten Free Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e6WrC_9r29H9plHZ4xZbZ1phN9cPh84cJvhKSXdQ9TCacsHinxOfBQO8OVspKBqPw0ezlBK1Uip70wunLdIULg" />
    <input value="9264" 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/pralinis-lini-s-bites-choco-nougat-organic-46-g-9282">
          <img alt="Pralinis Lini&#39;s Bites Choco Nougat Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5277/file/small-9e7ab2bb723c2d16a69f27f79d9fc9e8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5277/file/medium-8374aa5fda581c6a445ff15e3226b517.webp 900w, https://assets.fabulous.ch/public/variant_asset/5277/file/large-25b7384141758499cdbe1110a3cb1146.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5277/file/medium-8374aa5fda581c6a445ff15e3226b517.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">Lini&#39;s Bites</p>
          <a href="/en/products/pralinis-lini-s-bites-choco-nougat-organic-46-g-9282">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinis Lini&#39;s Bites Choco Nougat Organic, 46 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-288c3133JbE179JPMyDUxNzdYwW4OZ3-vBmkQhT2rsauFaaHQ-YQjrN18v28sK7ilXxzwvSekGn2yd_UtE7pQ" />
    <input value="9282" 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/pralinis-lini-s-bites-salted-peanut-butter-organic-46-g-9283">
          <img alt="Pralinis Lini&#39;s Bites Salted Peanut Butter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5278/file/small-9e57f0763f9a73c8c0b41d93d50e7543.webp 600w, https://assets.fabulous.ch/public/variant_asset/5278/file/medium-c4c2c03233613db6b2802db3a0ce7ab1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5278/file/large-f6f5c71503a8d5bb34da71852c3351da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5278/file/medium-c4c2c03233613db6b2802db3a0ce7ab1.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">Lini&#39;s Bites</p>
          <a href="/en/products/pralinis-lini-s-bites-salted-peanut-butter-organic-46-g-9283">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinis Lini&#39;s Bites Salted Peanut Butter Organic, 46 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="83AdGvWvlw4S7G9U6VAKzf6dUaCpTzkHKLBd0_xuqiESp3fzldfT2uz2B9YjbkslZ7vV47R9pTF1mxw9puxLPw" />
    <input value="9283" 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/pralinis-lini-s-bites-brownie-cashew-caramel-organic-46-g-9284">
          <img alt="Pralinis Lini&#39;s Bites Brownie Cashew Caramel Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5279/file/small-b221968a6471aecb813729254d25ece9.webp 600w, https://assets.fabulous.ch/public/variant_asset/5279/file/medium-a1c337bdcf34871837eb9993c54443c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/5279/file/large-d111212955f814e6f1039c0686893c9b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5279/file/medium-a1c337bdcf34871837eb9993c54443c0.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">Lini&#39;s Bites</p>
          <a href="/en/products/pralinis-lini-s-bites-brownie-cashew-caramel-organic-46-g-9284">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinis Lini&#39;s Bites Brownie Cashew Caramel Organic, 46 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9OwUXVTW9BRokz1k8btsx6RRG_4sAa3Un74DE6zB6vgVO360NK6wwJaJVeY7hS0vPXefvTEzMeLClUL99kML5g" />
    <input value="9284" 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/pralinis-lini-s-bites-raspberry-almond-organic-46-g-9285">
          <img alt="Pralinis Lini&#39;s Bites Raspberry Almond Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5280/file/small-5845ea84896efedb948114f2e5e2564d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5280/file/medium-11073f98d9438028825f293a6ccab3a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/5280/file/large-235f1aa71a29b87fdd08249e0e999d90.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5280/file/medium-11073f98d9438028825f293a6ccab3a2.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">Lini&#39;s Bites</p>
          <a href="/en/products/pralinis-lini-s-bites-raspberry-almond-organic-46-g-9285">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinis Lini&#39;s Bites Raspberry Almond Organic, 46 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0IsgFNe7NfqMfxLKHPvd6trIFqCdXsfJ5xj9SXPtU8YxXEr9t8NxLnJlekjWxZwCQ-6S44BsW_-6M7ynKW-y2A" />
    <input value="9285" 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">
      580 of 1&#39;217 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/collections/under-5?format=turbo_stream&amp;page=30">Show more</a>
  </div>
</div>

</template></turbo-stream>