<turbo-stream action="append" target="products_grid"><template>
    

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D164">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/gero-3-sonic-toothbrush-starter-set-black-1-piece-18254">
          <img alt="Gero 3 Sonic Toothbrush Starter Set Black" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9176/file/small-cb067a72bd70b910e0aa23d702a60f5c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9176/file/medium-39901777a3a4eef67e60ef65924c3348.webp 900w, https://assets.fabulous.ch/public/variant_asset/9176/file/large-a1942efc547f99eb204ca97a82f62dbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9176/file/medium-39901777a3a4eef67e60ef65924c3348.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">Zahnheld</p>
          <a href="/en/products/gero-3-sonic-toothbrush-starter-set-black-1-piece-18254">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gero 3 Sonic Toothbrush Starter Set Black, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 98.80
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 98.80 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NsxqCtNT0THQaog2zpiisXmgfMMXEOcEeZZpAN7K9Bd6a4FwDkvG-KT4r8MBpC2Sdrg99iGI42yhR3g_iKQ2sA" />
    <input value="18254" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D164">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/gero-3-sonic-toothbrush-starter-set-white-1-piece-18255">
          <img alt="Gero 3 Sonic Toothbrush Starter Set White" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9178/file/small-73d178941456dd0d72b36aeb2af67fdd.webp 600w, https://assets.fabulous.ch/public/variant_asset/9178/file/medium-d4b0537d89b454eabf1f4d6f550c9228.webp 900w, https://assets.fabulous.ch/public/variant_asset/9178/file/large-a59923d4f4ee38694674fe914bd09790.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9178/file/medium-d4b0537d89b454eabf1f4d6f550c9228.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">Zahnheld</p>
          <a href="/en/products/gero-3-sonic-toothbrush-starter-set-white-1-piece-18255">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gero 3 Sonic Toothbrush Starter Set White, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 98.80
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 98.80 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-hQiBrEQjvWyxKbNxoMBV5tS6NDMVTDugtQzeeCr1fq2s8l8bAiZPMZWgTgJv450lEqp5frNNIZaBSJGtsUXXQ" />
    <input value="18255" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D164">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/3-x-200-ml-18262">
          <img alt="Apricot Fruit Nectar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10853/file/small-3e87733bd2ed631e5e2467f5b4dd3a9b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10853/file/medium-a8d9b8ccd87de6b1d9bbe85c376b9ba7.webp 900w, https://assets.fabulous.ch/public/variant_asset/10853/file/large-76f8155a045d61ae59edabb1ca288bb2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10853/file/medium-a8d9b8ccd87de6b1d9bbe85c376b9ba7.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">Alce Nero</p>
          <a href="/en/products/3-x-200-ml-18262">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apricot Fruit Nectar Organic, 3 x 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c_AddK-FS0nK4sFqB8zDxfYSuqfLWY72O3cAPRcJu6c_V_YOcp1cgL5w5p_I8Ezm-Qr7kv3Bip7jphECQWd5AA" />
    <input value="18262" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D164">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/100-ml-6ea2cae8-fa9f-41ba-b9fb-f146fdffc046-18479">
          <img alt="Babajaga Stew Seasoning Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11518/file/small-3ba4f8ac0e6f48de758dd46dd4369a34.webp 600w, https://assets.fabulous.ch/public/variant_asset/11518/file/medium-6543b6cd51ba75134a1a0aa5b3be3810.webp 900w, https://assets.fabulous.ch/public/variant_asset/11518/file/large-cc4ee9dfebfcfd8d1656ac4d45857faa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11518/file/medium-6543b6cd51ba75134a1a0aa5b3be3810.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">Chalira</p>
          <a href="/en/products/100-ml-6ea2cae8-fa9f-41ba-b9fb-f146fdffc046-18479">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Babajaga Stew Seasoning Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k1jRqdBWU6KKDw_UythepyVwtyjmsQDIODGXK1Ekdm_f_zrTDU5Ea_6dKCEF5NGEKmj2HdApBKDg4IYUB0q0yA" />
    <input value="18479" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D164">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/55-g-1576dcc8-0a5c-4b88-8ae3-2f310c38efa0-18481">
          <img alt="Bärechrut Herbal Salt organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11515/file/small-d5713fa16c2e28e9cc4292e3c56b4cb1.webp 600w, https://assets.fabulous.ch/public/variant_asset/11515/file/medium-22a1d85ab2f854b049c5cfebefbb5c55.webp 900w, https://assets.fabulous.ch/public/variant_asset/11515/file/large-3341ab4a867aa4e2ede8beadf8f890b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11515/file/medium-22a1d85ab2f854b049c5cfebefbb5c55.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">Chalira</p>
          <a href="/en/products/55-g-1576dcc8-0a5c-4b88-8ae3-2f310c38efa0-18481">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bärechrut Herbal Salt organic, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dQpV43X3py4keRpoPK1XMV76T91-7Ud4faYAtc_EzLw5rb6ZqO-w51DrPZ3zkdgSUeIO6Eh1QxCldxGKmaoOGw" />
    <input value="18481" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D164">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/50-g-564f5971-0640-4377-92fe-6c76d86d813e-18484">
          <img alt="Druid Salt Coarse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10321/file/small-14db52928a2825a85bd434615f882722.webp 600w, https://assets.fabulous.ch/public/variant_asset/10321/file/medium-d936401a1e1063b5c4b30ba328d3bbac.webp 900w, https://assets.fabulous.ch/public/variant_asset/10321/file/large-5dd8ddb92f170a36025227ddf246d2b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10321/file/medium-d936401a1e1063b5c4b30ba328d3bbac.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">Chalira</p>
          <a href="/en/products/50-g-564f5971-0640-4377-92fe-6c76d86d813e-18484">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Druid Salt Coarse, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-d2aaLRMaSvywvpofOhqChO7RRUN0XQLh8hQihis4kK1enESaVR-4oZQ3Z2z1OUpHKMEIDtJcGNfGUG1TsIg5Q" />
    <input value="18484" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D164">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/30-g-5ad635ff-5fc2-4d5a-a75a-5e23ed6ff947-18485">
          <img alt="Ervus Salad Herbs Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11512/file/small-feb58cb4868bc6c13d49475b7830c606.webp 600w, https://assets.fabulous.ch/public/variant_asset/11512/file/medium-ffe99d67a5b4e70c4f7a32d37ea8e684.webp 900w, https://assets.fabulous.ch/public/variant_asset/11512/file/large-8728055320439a69ef72ed2aa59bd58a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11512/file/medium-ffe99d67a5b4e70c4f7a32d37ea8e684.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">Chalira</p>
          <a href="/en/products/30-g-5ad635ff-5fc2-4d5a-a75a-5e23ed6ff947-18485">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ervus Salad Herbs Organic, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fa1N8LG66k5WPfUm7ZExzRGa5HqIB5wQDCeOvH15CJVZCqaKbKL9hyKv0tMirb7uHoKlT76fmHjU9p-DKxfKMg" />
    <input value="18485" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D164">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/49-g-18491">
          <img alt="Grillada Spice Preparation Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11502/file/small-4da9261e614ca640c43c01f7158d24b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/11502/file/medium-8877a99cbba6a02440ed56b06e190498.webp 900w, https://assets.fabulous.ch/public/variant_asset/11502/file/large-d43e6d11036176f18cbbc800037ba9f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11502/file/medium-8877a99cbba6a02440ed56b06e190498.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">Chalira</p>
          <a href="/en/products/49-g-18491">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grillada Spice Preparation Organic, 49 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UIGpRvWa2uTPD09yxvvnToISt7wufLP6NhTx6N7QNfYcJkI8KILNLbudaIcJx2htjQr2iRjkt5LuxeDXiL73UQ" />
    <input value="18491" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D164">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/40-g-38cd46b1-7f95-496e-a044-3a1ea56cd1dd-18495">
          <img alt="Kirpan Curry Spice Blend Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11493/file/small-fbb4e1b0c4572008e39d802bcffc040d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11493/file/medium-b04c8e87562149c045f1847b36c68331.webp 900w, https://assets.fabulous.ch/public/variant_asset/11493/file/large-11a5330f01c3509cabb557a85c5b55b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11493/file/medium-b04c8e87562149c045f1847b36c68331.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">Chalira</p>
          <a href="/en/products/40-g-38cd46b1-7f95-496e-a044-3a1ea56cd1dd-18495">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kirpan Curry Spice Blend Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qx8liq4hkw6DCKaoPYbNZ0uMvd4JWYrWvPqqPknwidXnuM7wczmEx_eagV3yukJERJT86z_Bjr5kK7sBH55Lcg" />
    <input value="18495" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D164">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/53-g-8fae03f7-cfb7-4e82-b9ad-79b4da005370-18498">
          <img alt="Pfynwald Cheese Spice mix Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11499/file/small-4c40ef6f759eacd4c987d7102b178eb2.webp 600w, https://assets.fabulous.ch/public/variant_asset/11499/file/medium-1208573d1d4080ced4cee6f725bcdfde.webp 900w, https://assets.fabulous.ch/public/variant_asset/11499/file/large-0f691def1a55d023b584f117a58b9f98.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11499/file/medium-1208573d1d4080ced4cee6f725bcdfde.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">Chalira</p>
          <a href="/en/products/53-g-8fae03f7-cfb7-4e82-b9ad-79b4da005370-18498">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pfynwald Cheese Spice mix Organic, 53 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YW9-Oq8xMNKn4N_UG0cNX8eWaHkyJj_NVcZFMwcd2IUtyJVAciknG9Ny-CHUe4J8yI4pTAS-O6WNF1QMUXMaIg" />
    <input value="18498" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D164">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/120-g-28a15bd0-30f3-47f4-a7bc-cccca7ca4df6-18499">
          <img alt="Rumilia Fig Mustard Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10727/file/small-7439f41de5456e623fe3e7be7e9f7463.webp 600w, https://assets.fabulous.ch/public/variant_asset/10727/file/medium-92f4813b2a135dce296fcf09611a7b96.webp 900w, https://assets.fabulous.ch/public/variant_asset/10727/file/large-ae2d560bf6c344183e8e5157f1154277.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10727/file/medium-92f4813b2a135dce296fcf09611a7b96.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">Chalira</p>
          <a href="/en/products/120-g-28a15bd0-30f3-47f4-a7bc-cccca7ca4df6-18499">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rumilia Fig Mustard Organic, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JQqTjEMuOwFxzfa2or1tWkmr0ikKUn9D12tpUfgHBWpprXj2njYsyAVf0UNtgeJ5RrOTHDzKeysPunhurmnHzQ" />
    <input value="18499" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D164">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/80-g-ccf747b0-8347-40b5-bbc5-c4b752255849-18504">
          <img alt="Trikatu Spice Blend Tin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11318/file/small-ebd671afb72e45d2f19afc707d8ef511.webp 600w, https://assets.fabulous.ch/public/variant_asset/11318/file/medium-3c8372b2622821f5973550e5b3874e56.webp 900w, https://assets.fabulous.ch/public/variant_asset/11318/file/large-7eeb98c523af68e5068ae6b720a2ff62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11318/file/medium-3c8372b2622821f5973550e5b3874e56.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">ClassicAyurveda</p>
          <a href="/en/products/80-g-ccf747b0-8347-40b5-bbc5-c4b752255849-18504">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Trikatu Spice Blend Tin, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-18504-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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D164">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/100-g-5633a896-67ab-43c4-b5d8-9b4698dc5a2e-18505">
          <img alt="Ashwagandha Churna Powder Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11300/file/small-dd9ff283df79de94244426565e55974e.webp 600w, https://assets.fabulous.ch/public/variant_asset/11300/file/medium-30551e315b1877bef4feb95d5c921674.webp 900w, https://assets.fabulous.ch/public/variant_asset/11300/file/large-b8d86b34c553172d9bdb316017786a72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11300/file/medium-30551e315b1877bef4feb95d5c921674.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">ClassicAyurveda</p>
          <a href="/en/products/100-g-5633a896-67ab-43c4-b5d8-9b4698dc5a2e-18505">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ashwagandha Churna Powder Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YyCdUubBu9EMVTMXpwPGtgA_dJKeL7iAq8ZBMH675swvh3YoO9msGHjHFOJoP0mVDyc1p6i3vOhzF1APKNUkaw" />
    <input value="18505" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D164">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/240-g-18541">
          <img alt="Falafel Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11292/file/small-39e4be84293752de80a9e1e454c841bb.webp 600w, https://assets.fabulous.ch/public/variant_asset/11292/file/medium-62b7a22f7ad85cd3998316731d554b82.webp 900w, https://assets.fabulous.ch/public/variant_asset/11292/file/large-c7d02778c2b7bc6074d3a0f92c941535.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11292/file/medium-62b7a22f7ad85cd3998316731d554b82.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">Florentin</p>
          <a href="/en/products/240-g-18541">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Falafel Organic, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rww3cw6kLnsI1gD76Hj3tsshZXjbVN6HCRT-e_iC2IMLq9wJ07w5snxEJw4nRHiVxDkkTe3M2u_Rxe9EruwaJA" />
    <input value="18541" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D164">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/65-g-6b15bdb9-d336-408c-bb1e-48888a46f39b-18559">
          <img alt="Hazelnut Slice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11486/file/small-6a9da73ba5381bb25a2ddb5939d7c47a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11486/file/medium-27a6a32f179639b316201de0b6505a6a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11486/file/large-9673b45d1eb62492db7fc9e30b0a3e8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11486/file/medium-27a6a32f179639b316201de0b6505a6a.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"> Feinbäckerei Guggenloch</p>
          <a href="/en/products/65-g-6b15bdb9-d336-408c-bb1e-48888a46f39b-18559">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hazelnut Slice Organic, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-18559-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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D164">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/65-g-34585f7a-c6fe-40d0-8d39-adfb920c9c6c-18563">
          <img alt="Chocolate Jumbo Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11481/file/small-c40f027dc143d36d9bc1131b36009dcc.webp 600w, https://assets.fabulous.ch/public/variant_asset/11481/file/medium-a90f06af33dca1ce3dc9b1a5b792d8b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/11481/file/large-7e9d52a631090f451ee4b314db6b65bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11481/file/medium-a90f06af33dca1ce3dc9b1a5b792d8b9.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"> Feinbäckerei Guggenloch</p>
          <a href="/en/products/65-g-34585f7a-c6fe-40d0-8d39-adfb920c9c6c-18563">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chocolate Jumbo Organic, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-18563-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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D164">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/45-g-d6c9edc0-f4b0-40d7-93cb-d93e6ea27f1a-18565">
          <img alt="Grain Cookies with Chia Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11479/file/small-a1365ed3da813dc3f9f93388b4c27dee.webp 600w, https://assets.fabulous.ch/public/variant_asset/11479/file/medium-927dac5e5a24d4ffa08e0e2addbd5e4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/11479/file/large-2e549622a0d6759ced0268319daccc4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11479/file/medium-927dac5e5a24d4ffa08e0e2addbd5e4e.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"> Feinbäckerei Guggenloch</p>
          <a href="/en/products/45-g-d6c9edc0-f4b0-40d7-93cb-d93e6ea27f1a-18565">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grain Cookies with Chia Organic, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-18565-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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D164">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/45-g-d3c51df7-4fe6-4347-b5f2-3fd281ea0d0b-18566">
          <img alt="Cereal Cookies with Tiger Nuts Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11478/file/small-3df0615b85a2dd6afff09acf41c723d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/11478/file/medium-ecb5c1c15b823e19a1dfe3b0ea3a3a67.webp 900w, https://assets.fabulous.ch/public/variant_asset/11478/file/large-a722eaa7577deb7d64922e2caa160ecb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11478/file/medium-ecb5c1c15b823e19a1dfe3b0ea3a3a67.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"> Feinbäckerei Guggenloch</p>
          <a href="/en/products/45-g-d3c51df7-4fe6-4347-b5f2-3fd281ea0d0b-18566">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cereal Cookies with Tiger Nuts Organic, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-18566-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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D164">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/60-g-3106d0ff-8534-4a41-a697-b77844fc5711-18732">
          <img alt="Ginger Pickles" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9999/file/small-0a086cf1580affd2851a2e076fddfb1e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9999/file/medium-faa764527d4fd51f69c320fefe101511.webp 900w, https://assets.fabulous.ch/public/variant_asset/9999/file/large-f51ba5c6691c2cf173ee79dd5a695e99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9999/file/medium-faa764527d4fd51f69c320fefe101511.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">Muso</p>
          <a href="/en/products/60-g-3106d0ff-8534-4a41-a697-b77844fc5711-18732">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ginger Pickles, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tjDyZIXsyW75ZrHGrlb0yGq6oTmimO0qTCxgg2DSOPz6lxkeWPTep430ljNhanvrZaLgDJQA6UKU_XG8Nrz6Ww" />
    <input value="18732" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fmakri%3Fformat%3Dturbo_stream%26page%3D164">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/250-ml-a30a0f28-404e-49da-a87d-f5dc86924c76-18733">
          <img alt="Ume Su Plum Vinegar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10001/file/small-347fa90d67899bc3d3b8cb7b718bca2e.webp 600w, https://assets.fabulous.ch/public/variant_asset/10001/file/medium-868171108aa44246176990111ad01a45.webp 900w, https://assets.fabulous.ch/public/variant_asset/10001/file/large-177884f2cad106427f69f850fd7759a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10001/file/medium-868171108aa44246176990111ad01a45.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">Muso</p>
          <a href="/en/products/250-ml-a30a0f28-404e-49da-a87d-f5dc86924c76-18733">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ume Su Plum Vinegar Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MOcgghLKORvdqhcwAJQbseaeiHzmy_1mxzKeSERujX98QMv4z9Iu0qk4MMXPqJSS6YbJSdBT-Q4f4493EgBP2A" />
    <input value="18733" 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">
      3&#39;280 of 3&#39;437 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/makri?format=turbo_stream&amp;page=165">Show more</a>
  </div>
</div>

</template></turbo-stream>