<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/wheat-germ-defatted-organic-200-g-15959">
          <img alt="Wheat Germ defatted Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7348/file/small-a883f1aafffa0474b94a0f81aed16725.webp 600w, https://assets.fabulous.ch/public/variant_asset/7348/file/medium-b1a2c14b37d0732530368d92d47df4df.webp 900w, https://assets.fabulous.ch/public/variant_asset/7348/file/large-c8b84396e7fc4ad1e67b2d3491780bd5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7348/file/medium-b1a2c14b37d0732530368d92d47df4df.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/en/products/wheat-germ-defatted-organic-200-g-15959">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wheat Germ defatted Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cSQuyVyp4alhaW8jw5B0QZ39P7DTMPmcEmd54ODZWcoaaMg4nLKd8qlVQqXVBvzbEwn5d_Hbhol-FMvXhD6EIg" />
    <input value="15959" 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/pineapple-juice-100-direct-juice-organic-700-ml-15973">
          <img alt="Pineapple Juice 100% Direct Juice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7369/file/small-815c3739693e2aed6c7542d82c32e217.webp 600w, https://assets.fabulous.ch/public/variant_asset/7369/file/medium-d021ae479e095a8aa6b11291599512fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7369/file/large-e247d98a3f8b2ad19a08e27ac8343529.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7369/file/medium-d021ae479e095a8aa6b11291599512fb.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">Beutelsbacher</p>
          <a href="/en/products/pineapple-juice-100-direct-juice-organic-700-ml-15973">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pineapple Juice 100% Direct Juice Organic, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qNVoTxXe9STJiDmdgQ0iWXdZfesTpGOflilc4dR7BvTDmY6-1cWJfwG0FBuXm6rD-a27LDFPHIr6Wu7WsJzbHA" />
    <input value="15973" 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/wild-blueberry-juice-100-pure-juice-organic-330-ml-15974">
          <img alt="Wild Blueberry Juice 100% Pure Juice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7372/file/small-f001bc8619c3d6454e772bab6bf612f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7372/file/medium-4beb98160f1b4104902f8652779d9264.webp 900w, https://assets.fabulous.ch/public/variant_asset/7372/file/large-bebfcfe9b7869108a1bd4f653294e0bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7372/file/medium-4beb98160f1b4104902f8652779d9264.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">Voelkel</p>
          <a href="/en/products/wild-blueberry-juice-100-pure-juice-organic-330-ml-15974">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wild Blueberry Juice 100% Pure Juice Organic, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZoqfFvWCdaI9hSd7Ge2jLCGR-rIuV8JVx7OnhPITjzUNxnnnNZkJ-fW5Cv0Peyu2r2U8dQy8vUCrwBWzlvRS3Q" />
    <input value="15974" 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/lime-juice-100-direct-juice-organic-200-ml-15975">
          <img alt="Lime Juice 100% Direct Juice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7374/file/small-3d693f451714f4a89672ad1be8f206b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7374/file/medium-8f5f53913b4ee27a3805230c0ecefdf8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7374/file/large-75e944abd8f0d34bf1e918818b997fed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7374/file/medium-8f5f53913b4ee27a3805230c0ecefdf8.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">Beutelsbacher</p>
          <a href="/en/products/lime-juice-100-direct-juice-organic-200-ml-15975">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lime Juice 100% Direct Juice Organic, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iFR6-FMH0ZVc55fuUqcCWvFKDU69NbFsKG2ZknMr-ujjGJwJkxytzpTbumhEMYrAf77LiZ_eznlEHiulF8wnAA" />
    <input value="15975" 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/lime-juice-100-direct-juice-organic-700-ml-15976">
          <img alt="Lime Juice 100% Direct Juice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7375/file/small-c0333d30f75a6546ba9e376d2a2d3f60.webp 600w, https://assets.fabulous.ch/public/variant_asset/7375/file/medium-818858928b5f9d30925a3f0eebc30bb1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7375/file/large-d7c2cd047f073da0e918dcb68286ceac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7375/file/medium-818858928b5f9d30925a3f0eebc30bb1.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">Beutelsbacher</p>
          <a href="/en/products/lime-juice-100-direct-juice-organic-700-ml-15976">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lime Juice 100% Direct Juice Organic, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xuVSyDVJpdAH-LKgcSgY9WmtMa5mmW6goZ6N-mYQKtOtqbQ59VLZi8_EnyZnvpBv51n3aURyEbXN7T_NAvf3Ow" />
    <input value="15976" 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/yellow-mango-multi-100-direct-juice-demeter-750-ml-15977">
          <img alt="Yellow Mango Multi 100% Direct Juice Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7377/file/small-bde6f571ec08056152aed8b1977deee8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7377/file/medium-fb7ada891cded434110f985fdfea79a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7377/file/large-0a57ad8da764f5ede5a4141d6ab7e984.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7377/file/medium-fb7ada891cded434110f985fdfea79a4.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">Voelkel</p>
          <a href="/en/products/yellow-mango-multi-100-direct-juice-demeter-750-ml-15977">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yellow Mango Multi 100% Direct Juice Demeter, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kToBgfw5JtNF3LjhIUkTXggzRQrVNR41-Jhw7jb5W2H6dudwPCJaiI3glWc335vEhseDzffeYSCU68LZUh6GiQ" />
    <input value="15977" 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/vegetable-balance-100-direct-juice-demeter-750-ml-15978">
          <img alt="Vegetable Balance 100% Direct Juice Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7378/file/small-bb8755e041207048a2c72077529bec2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7378/file/medium-9d7c8819ac610066a3a7df1e64117449.webp 900w, https://assets.fabulous.ch/public/variant_asset/7378/file/large-fee6ba29d12cb5b23310e7c9e0f5710b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7378/file/medium-9d7c8819ac610066a3a7df1e64117449.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">Voelkel</p>
          <a href="/en/products/vegetable-balance-100-direct-juice-demeter-750-ml-15978">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegetable Balance 100% Direct Juice Demeter, 750 ml</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 0.65 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lM8bq63Tv4rO56hSeRToTCRNyRIyI0l8MDS9VyOcsDP_g_1abcjD0QbbhdRvgmDWqrkP1RDINmlcRw9gR3tt2w" />
    <input value="15978" 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/dr-mannah-s-greek-herbs-matured-organic-100-g-15980">
          <img alt="Dr. Mannah&#39;s Greek Herbs - matured - Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7380/file/small-28c115cae47e2bdaa9fb1af192d196d6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7380/file/medium-0c654950d967ad1484630f1bc005a022.webp 900w, https://assets.fabulous.ch/public/variant_asset/7380/file/large-7021910ff5395f58a3f51416247e62fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7380/file/medium-0c654950d967ad1484630f1bc005a022.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">Happy Cheeze GmbH</p>
          <a href="/en/products/dr-mannah-s-greek-herbs-matured-organic-100-g-15980">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dr. Mannah&#39;s Greek Herbs - matured - Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.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 9.70 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qs-NBjdpF82VuDpHvd3Ad-xPR5egfPSh54T4pWEyOknBg2v393Jrll2EF8GrS0jtYruBUIKXi7SL90qSBdXnoQ" />
    <input value="15980" 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/magic-coffee-with-lion-s-mane-mushroom-280-g-16021">
          <img alt="Magic Coffee with Lion’s Mane Mushroom" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7400/file/small-f8f909790b7c28319fa5f0225c0bd745.webp 600w, https://assets.fabulous.ch/public/variant_asset/7400/file/medium-9fca44bffe28a1ffe6a4f4f1e69269da.webp 900w, https://assets.fabulous.ch/public/variant_asset/7400/file/large-d3a1076af6c59a4ab46fe95b555745b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7400/file/medium-9fca44bffe28a1ffe6a4f4f1e69269da.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">Vivo Life</p>
          <a href="/en/products/magic-coffee-with-lion-s-mane-mushroom-280-g-16021">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Magic Coffee with Lion’s Mane Mushroom, 280 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16021-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/nocciolata-dark-dairy-free-organic-250-g-16070">
          <img alt="Nocciolata Dark dairy-free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7419/file/small-75dad60350fd19d68e50fd1f2b1a1c2d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7419/file/medium-5323c8515d402826ebce398289614b2b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7419/file/large-6a6e36c94a5c479f7dba18429a93df22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7419/file/medium-5323c8515d402826ebce398289614b2b.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">Rigoni di Asiago</p>
          <a href="/en/products/nocciolata-dark-dairy-free-organic-250-g-16070">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nocciolata Dark dairy-free Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u0cn2j6C51zhgrvx47sN0FFxyibRiZDmHJfezxMl3ubQC8Er_pmbBym-lnf1LYVK34UM4fNi7_Nw5Gz4d8IDDg" />
    <input value="16070" 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/nocciolata-dark-dairy-free-organic-650-g-16071">
          <img alt="Nocciolata Dark dairy-free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7420/file/small-0ff83a4052552817814d0c23d58f9d13.webp 600w, https://assets.fabulous.ch/public/variant_asset/7420/file/medium-9ea7afb8322b7c86ceccba28e2b669be.webp 900w, https://assets.fabulous.ch/public/variant_asset/7420/file/large-761234d4f55f4881a297e8453f01975c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7420/file/medium-9ea7afb8322b7c86ceccba28e2b669be.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">Rigoni di Asiago</p>
          <a href="/en/products/nocciolata-dark-dairy-free-organic-650-g-16071">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nocciolata Dark dairy-free Organic, 650 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y8JY5W2gHn8CZJ4ULs1R4LOnQj7BSSUuxmdY99lY6Iugjr4UrbtiJMpYs5I4W9l6PVOE-eOiWjuqFOrAvb81Yw" />
    <input value="16071" 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/guacamole-avocado-cream-organic-150-g-16104">
          <img alt="Guacamole Avocado Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7433/file/small-a0f7da41bd7b70fc6f27d54c0def73e0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7433/file/medium-f6a4b09de58e8f10bc22f3a9336dd8a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7433/file/large-55e21642d9037e8d7e80ef50174d3caf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7433/file/medium-f6a4b09de58e8f10bc22f3a9336dd8a9.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-verde</p>
          <a href="/en/products/guacamole-avocado-cream-organic-150-g-16104">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Guacamole Avocado Cream Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </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 4.57 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="amUM2-tsaBvl_ziau2h2jBoK_WZjobxENKugNy35rcMBKeoqK3cUQC3DFRyt_v4WlP47oUFKw1FY2BIASR5wKw" />
    <input value="16104" 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/lyoner-style-pea-protein-organic-200-g-16134">
          <img alt="Lyoner Style Pea Protein Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7436/file/small-9f66b17cbf46c456a6a092a9855cba4e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7436/file/medium-a2854bd7e052c150d0f3ff0a5dc2c1db.webp 900w, https://assets.fabulous.ch/public/variant_asset/7436/file/large-4abef3748ba1b1a94901739ce390a82c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7436/file/medium-a2854bd7e052c150d0f3ff0a5dc2c1db.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/lyoner-style-pea-protein-organic-200-g-16134">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lyoner Style Pea Protein Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </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.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NlBC-2r4i-KUl6od9-vw4EmT2U-32FlFwsJs-7pdPjhdHKQKquP3uVyrh5vhfXh6x2cfiJUzJlCusd7M3rrj0A" />
    <input value="16134" 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/cracker-carrot-raw-organic-80-g-16195">
          <img alt="Cracker Carrot Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7453/file/small-50802a7789e625fb4d714853e3654c1f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7453/file/medium-c2afa26104af09579c7ad833e04ba534.webp 900w, https://assets.fabulous.ch/public/variant_asset/7453/file/large-00013043289d3b24eed3baed68ed84b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7453/file/medium-c2afa26104af09579c7ad833e04ba534.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lifefood</p>
          <a href="/en/products/cracker-carrot-raw-organic-80-g-16195">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cracker Carrot Raw Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="geF1UWjaOTj7iXVglD6VeqHeqpzIqWG5I-VikUqbtRXqrZOgqMFFYzO1WOaCqB3gLypsW-pCHqxPltCmLnxo_Q" />
    <input value="16195" 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/cracker-chia-hemp-raw-organic-90-g-16204">
          <img alt="Cracker Chia Hemp Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7454/file/small-e77b727c123c5af081ae80671a48e993.webp 600w, https://assets.fabulous.ch/public/variant_asset/7454/file/medium-a854c3a9df6723ab6b2ea2af14aca599.webp 900w, https://assets.fabulous.ch/public/variant_asset/7454/file/large-4c712799e88270366f0978e0c8829f3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7454/file/medium-a854c3a9df6723ab6b2ea2af14aca599.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lifefood</p>
          <a href="/en/products/cracker-chia-hemp-raw-organic-90-g-16204">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cracker Chia Hemp Raw Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Wdf7EVzRa_J99eY2R3lui9f9IUYnAEj5PAPuoBu9e8Yymx3gnMoXqbXJy7BR7-YRWQnngQXrN-xQcFyXf1qmLg" />
    <input value="16204" 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/cracker-rosemary-raw-organic-90-g-16205">
          <img alt="Cracker Rosemary Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7455/file/small-401ad8c7c5e20c4af36d060578dd7eb7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7455/file/medium-86751bd5c5f299b2a0d942fe94a10c2d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7455/file/large-19c35cf001872a42a4d3a321e7d67db0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7455/file/medium-86751bd5c5f299b2a0d942fe94a10c2d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lifefood</p>
          <a href="/en/products/cracker-rosemary-raw-organic-90-g-16205">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cracker Rosemary Raw Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bdlN1uTt1EplV3QM-dOABz7AxStqbA3dB8OuY-8ZuBMGlasnJPaoEa1rWYrvRQidsDQD7EiHcshrsBxUi_5l-w" />
    <input value="16205" 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/cracker-sauerkraut-buckwheat-raw-organic-90-g-16206">
          <img alt="Cracker Sauerkraut Buckwheat Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7457/file/small-2dd9c98116fce4ade71707d1c34746b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7457/file/medium-5d65085e58a05facee59aa6657a029a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7457/file/large-1dc6f70d6f3dd4ff6ac3860f4beeb314.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7457/file/medium-5d65085e58a05facee59aa6657a029a2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lifefood</p>
          <a href="/en/products/cracker-sauerkraut-buckwheat-raw-organic-90-g-16206">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cracker Sauerkraut Buckwheat Raw Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u3tyKItpr-9JkW_fIddu21JdxbfN0r5dM2mdf4LXPtTQN5TZS3LTtIGtQlk3QeZB3KkDcO85wUhfGi9I5jDjPA" />
    <input value="16206" 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/winter-magic-cream-organic-250-g-16207">
          <img alt="Winter Magic Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7458/file/small-07681ab0f9fbfa4ce82bd4c9af2f4ce6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7458/file/medium-89630200de7a10ce95d61284186ddc99.webp 900w, https://assets.fabulous.ch/public/variant_asset/7458/file/large-9b4a56fd9669b5209ba54d09f79d6991.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7458/file/medium-89630200de7a10ce95d61284186ddc99.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/winter-magic-cream-organic-250-g-16207">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Winter Magic Cream Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ijY2_gFNa26x3gzhlNRMIUtfReF6Ok55u9AK9r3IeAfhetAPwVYXNXniIWeCQsS7xauDJljRMWzXo7jB2S-l7w" />
    <input value="16207" 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/black-garlic-cloves-organic-60-g-16236">
          <img alt="Black Garlic Cloves Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7473/file/small-0d596f47322305c9aebd8146c7acef29.webp 600w, https://assets.fabulous.ch/public/variant_asset/7473/file/medium-0ca186dd6e8c4f964051c6e21d3dce77.webp 900w, https://assets.fabulous.ch/public/variant_asset/7473/file/large-2a21017c41c229d8c69320be92adea5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7473/file/medium-0ca186dd6e8c4f964051c6e21d3dce77.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">Amanprana</p>
          <a href="/en/products/black-garlic-cloves-organic-60-g-16236">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Black Garlic Cloves Organic, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FqUh6bRRJT9aW-c9WRRp8t4-Z6eXBvkE2lW8cS7czIR96ccYdEpZZJJnyrtPguFoUMqhYLXthhG2Jg5GSjsRbA" />
    <input value="16236" 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/black-garlic-paste-organic-100-g-16237">
          <img alt="Black Garlic Paste Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7474/file/small-a723f99a39ac89e587dd22dd6b93009b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7474/file/medium-fc9a130e1bdc9ae56c3df33d1c59433e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7474/file/large-74f759543295145ca58e2fea0212271a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7474/file/medium-fc9a130e1bdc9ae56c3df33d1c59433e.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">Amanprana</p>
          <a href="/en/products/black-garlic-paste-organic-100-g-16237">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Black Garlic Paste Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vKyrhMgMTXmtSl3cL4FsoQjtaLlAXPy54y93tFJgY-nX4E11CBcxImV2cFo5F-Q7hhmufmK3g6yPXMWDNoe-AQ" />
    <input value="16237" 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">
      420 of 501 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/food/breakfast?format=turbo_stream&amp;page=22">Show more</a>
  </div>
</div>

</template></turbo-stream>