<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/okara-organic-250-g-11914">
          <img alt="Okara Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6072/file/small-43578590e2a861cf7f6e2e96b0f5154b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6072/file/medium-dc342d8986e8e4b655abc8a08be5e876.webp 900w, https://assets.fabulous.ch/public/variant_asset/6072/file/large-76eea29abdd501d382b253487001cdd3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6072/file/medium-dc342d8986e8e4b655abc8a08be5e876.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">Futur</p>
          <a href="/en/products/okara-organic-250-g-11914">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Okara Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L525C2ovDmP-sfNqd_iaRwJuP_KtANFTY5Rea3FnszcYSCo1hwP8kENrq2UrnoLY1FUcZj5s0ayKl2eJLsc1SQ" />
    <input value="11914" 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/spinach-cashew-rolls-organic-200-g-15963">
          <img alt="Spinach Cashew Rolls Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7350/file/small-9a02c1d05e2036eedfee6366fd172352.webp 600w, https://assets.fabulous.ch/public/variant_asset/7350/file/medium-f1a1894633db3ba5ef72c4b6625a18e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7350/file/large-8222c7f78030e04491e9594b8fde7180.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7350/file/medium-f1a1894633db3ba5ef72c4b6625a18e7.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">Soto</p>
          <a href="/en/products/spinach-cashew-rolls-organic-200-g-15963">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spinach Cashew Rolls Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </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-15963-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qhQ9R8HehDNLcEDMe-Y8GL6ZnmEMUQ1XQBOXNBiCNAadwa55LPJ2wPaqGMMngCSHaKK99Z89DaipEK7WRyKyeA" />
    <input value="15963" 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/bamboo-toothbrush-classic-medium-1-piece-1-piece-16619">
          <img alt="Bamboo Toothbrush Classic Medium, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7680/file/small-00294d5d41ec4e5fc78b12af6c8d13ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/7680/file/medium-2c5d962c77ab0990f79fbc6a25800228.webp 900w, https://assets.fabulous.ch/public/variant_asset/7680/file/large-15d85196f1ecdc538ec87f60cebd5331.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7680/file/medium-2c5d962c77ab0990f79fbc6a25800228.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">Hydrophil</p>
          <a href="/en/products/bamboo-toothbrush-classic-medium-1-piece-1-piece-16619">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bamboo Toothbrush Classic Medium, 1 piece, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k8ArZs-2cGGcKZurh5y3hEjA394snqmfF36yGemYtC6kFbhYIpqCkiHzw6Tb-q8bnvv8Sr_yqWD-fYv7tjgyUA" />
    <input value="16619" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/baking-powder-weinstein-organic-21-g-4112">
          <img alt="Baking Powder Weinstein Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2593/file/small-508b47789d336dc7681dff9bf0104e63.webp 600w, https://assets.fabulous.ch/public/variant_asset/2593/file/medium-f9d896078c1b46c0f3412fdbacf0b314.webp 900w, https://assets.fabulous.ch/public/variant_asset/2593/file/large-d4e661ef4fa6345864c4b69540c22116.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2593/file/medium-f9d896078c1b46c0f3412fdbacf0b314.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">Pural</p>
          <a href="/en/products/baking-powder-weinstein-organic-21-g-4112">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baking Powder Weinstein Organic, 3 x 21 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v05Z8FIJ5NZ6RMO01xolSTwmxmsRVq8F2r69Bl7zXJ6Im8rOvyUWJceem7uLfD3W6h3l_4I6r_ozvYTkAVPa4A" />
    <input value="4112" 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/tomato-ketchup-for-kids-with-sweetness-of-apples-organic-500-ml-8812">
          <img alt="Tomato Ketchup for KIDS with sweetness of apples Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5110/file/small-5fca30345c7638448661fa6fa4ae76a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/5110/file/medium-04ad7256591d2ee76c608bbba5354c7c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5110/file/large-12a5adce793f88cf068af3036e71f59e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5110/file/medium-04ad7256591d2ee76c608bbba5354c7c.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">Zwergenwiese</p>
          <a href="/en/products/tomato-ketchup-for-kids-with-sweetness-of-apples-organic-500-ml-8812">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomato Ketchup for KIDS with sweetness of apples Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zN7JgenAI2KFNKb9UtITzOelJ_FBha39_77MnoR8hOj7C1q_BOzRkTju_vIOtAtTMZ4EZdLprQIWvfV829wClg" />
    <input value="8812" 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/lupilove-protein-tomato-lupin-spread-organic-135-g-13921">
          <img alt="LupiLove Protein Tomato Lupin Spread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6621/file/small-f797038be2e55bea79f37da64842d5b4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6621/file/medium-b154a2a1d33ce1b3439aee181549812b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6621/file/large-e8f9757c05319ede51e7df509f742291.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6621/file/medium-b154a2a1d33ce1b3439aee181549812b.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">Zwergenwiese</p>
          <a href="/en/products/lupilove-protein-tomato-lupin-spread-organic-135-g-13921">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LupiLove Protein Tomato Lupin Spread Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4ZWAqavtTcBYw4ot9z4r-Az8o-xPfqXvDE2iKDFAPtTWQBOXRsG_M-UZ0iKrWDNn2seAeNwSpRDlTpvKbuC4qg" />
    <input value="13921" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/rice-jasmine-white-fragrant-rice-organic-500-g-9578">
          <img alt="Rice Jasmine White Fragrant Rice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5370/file/small-06a201cbd4db2c27f03c2c0a5b4b7ceb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5370/file/medium-a1a63025c7c11244bc490822dae9ad36.webp 900w, https://assets.fabulous.ch/public/variant_asset/5370/file/large-89f78a081ddb62e72268b8620d6e2985.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5370/file/medium-a1a63025c7c11244bc490822dae9ad36.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Davert</p>
          <a href="/en/products/rice-jasmine-white-fragrant-rice-organic-500-g-9578">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rice Jasmine White Fragrant Rice Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sii7PgImZQl0jJOZ_XVb4AinhPcrywj9qp2We9c67qGF_SgA7wqX-slWy5ahE0N_3pynY7inCAJDnq-ZiJpo3w" />
    <input value="9578" 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-beluga-lentils-organic-500-g-400">
          <img alt="Black Beluga Lentils Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/353/file/small-45a55a29f7cc8b703de9ad11375b2f9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/353/file/medium-c4b959a3a51c822ea3c84e0339a78155.webp 900w, https://assets.fabulous.ch/public/variant_asset/353/file/large-7885d8be9c9b03b10bedd6cb3d57fb96.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/353/file/medium-c4b959a3a51c822ea3c84e0339a78155.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Davert</p>
          <a href="/en/products/black-beluga-lentils-organic-500-g-400">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Black Beluga Lentils Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y981XwQRmA9mWhRrg8oUuTjXXcxp-ZrgVrSmqXOUgx1UCqZh6T1q_NuATGTfrAwm7ux-WPqVmh-_t59LLDQFYw" />
    <input value="400" 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/le-pain-des-fleurs-chestnut-organic-150-g-12386">
          <img alt="Le pain des fleurs Chestnut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6211/file/small-8f1e7ded139425b375aa6245b8384ef8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6211/file/medium-34b802ae3f979956378001d790603054.webp 900w, https://assets.fabulous.ch/public/variant_asset/6211/file/large-de4ac7a5edc1134b21771b4879db4da1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6211/file/medium-34b802ae3f979956378001d790603054.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">Le Pain des Fleurs</p>
          <a href="/en/products/le-pain-des-fleurs-chestnut-organic-150-g-12386">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Le pain des fleurs Chestnut Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xWXJpIDj0EhO8ZFxMObznw1YP9nvkVxDmAn3f9OPtTrysFqabc8iu_MryX5sgOsA22McTXz9XLxxCs6djC8zRA" />
    <input value="12386" 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/tea-red-berries-vanilla-organic-34-g-14338">
          <img alt="Tea Red Berries Vanilla Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6663/file/small-3ee20060f05abbecab49890ebb3bf244.webp 600w, https://assets.fabulous.ch/public/variant_asset/6663/file/medium-925e08ac68eefc8f0af327cdd6ebeecd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6663/file/large-b8856969f86019bdb2237a1c4a909717.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6663/file/medium-925e08ac68eefc8f0af327cdd6ebeecd.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">Yogi Tee</p>
          <a href="/en/products/tea-red-berries-vanilla-organic-34-g-14338">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tea Red Berries Vanilla Organic, 34 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-WWV0N5JrLdTzOe3hUnaEAS6YOUWjrsyqIPljwtroiPOsAbuM2VeRO4Wv7jZL8KP0oFDcYXiu81BgNxtVMskXQ" />
    <input value="14338" 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/beet-sugar-white-demeter-500-g-12284">
          <img alt="Beet Sugar White Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6175/file/small-f57f6d483609e27a7a18ab88777caf35.webp 600w, https://assets.fabulous.ch/public/variant_asset/6175/file/medium-fa5e7d71273fe2f62358b05fb48cc2f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6175/file/large-3eaf18cd77eab17725e2a1e32797fd56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6175/file/medium-fa5e7d71273fe2f62358b05fb48cc2f6.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/beet-sugar-white-demeter-500-g-12284">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Beet Sugar White Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NKvkUSb5v5XmWgEWMceDCyv1Kfito20TcHK_yJvv47ADfndvy9VNZluAWRltoZuU_c4KbD7PbeyZcYYqxE9lzg" />
    <input value="12284" 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/spread-chives-organic-180-g-100">
          <img alt="Spread Chives Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/111/file/small-797cc26ca0354422248019f5baa710f1.webp 600w, https://assets.fabulous.ch/public/variant_asset/111/file/medium-971c6f40154ac81adab9765c7359e22f.webp 900w, https://assets.fabulous.ch/public/variant_asset/111/file/large-bb92e30efeb20321392d3bad75d329d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/111/file/medium-971c6f40154ac81adab9765c7359e22f.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">Zwergenwiese</p>
          <a href="/en/products/spread-chives-organic-180-g-100">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spread Chives Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pralinis-lini-s-bites-raspberry-almond-organic-46-g-9285">
          <img alt="Pralinis Lini&#39;s Bites Raspberry Almond Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8766/file/small-476e0cfa7ae6e32467f77f2e71041a3b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8766/file/medium-475a1afddf3227a44130530b668af0e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8766/file/large-cba36e88afce487cdf871b9be0889a4b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8766/file/medium-475a1afddf3227a44130530b668af0e6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lini&#39;s Bites</p>
          <a href="/en/products/pralinis-lini-s-bites-raspberry-almond-organic-46-g-9285">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinis Lini&#39;s Bites Raspberry Almond Organic, 46 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EH_92qUBl_X58qM-3nuT1AK4U24Pr8iglxMSSe-fpQEnqm7kSC1lBkQo-zGCHYtL1INw-pzDyF9-ECursD8jfw" />
    <input value="9285" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/corn-pasta-tagliatelle-bio-250-g-17826">
          <img alt="Corn Pasta Tagliatelle Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8842/file/small-8919d714260629fd9c4c2ab69bf56b9e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8842/file/medium-9418190c889a122596c745f5a6cf7e15.webp 900w, https://assets.fabulous.ch/public/variant_asset/8842/file/large-3f675e15eb4c351fb65d27a0e2b68fa7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8842/file/medium-9418190c889a122596c745f5a6cf7e15.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">Pasta d&#39;Alba</p>
          <a href="/en/products/corn-pasta-tagliatelle-bio-250-g-17826">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Corn Pasta Tagliatelle Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7uWH4Pi5Pf8SWi7QmWEA6jHN_BhKOGu2mYvU7Hs9O13ZMBTeFZXPDK-Adt_FBxh15_bfjNlUa0lwiO0OJJ29Iw" />
    <input value="17826" 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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/corn-pasta-capellini-organic-250-g-17829">
          <img alt="Corn Pasta Capellini Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8847/file/small-2f83af67bfae1f962b47442113df962d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8847/file/medium-ffa7d36f99913ce34cd33def43de5bf8.webp 900w, https://assets.fabulous.ch/public/variant_asset/8847/file/large-5f36c1c4545d78494e30bd63d0b4fb2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8847/file/medium-ffa7d36f99913ce34cd33def43de5bf8.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">Pasta d&#39;Alba</p>
          <a href="/en/products/corn-pasta-capellini-organic-250-g-17829">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Corn Pasta Capellini Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UfgT2BNGLkA71KgtC4fDJnaq9um-UbHJQ-V8BJZTjQpmLYDm_mrcs4YO8CJX4du5oJHVfS09sTaq5kXmyfMLdA" />
    <input value="17829" 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/veggie-soy-tuna-organic-110-g-3849">
          <img alt="Veggie Soy Tuna Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2487/file/small-f6b942d15439c6d3ad82a8b3c9c684e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/2487/file/medium-76aafea6b0bcb858476abaf20ff0374e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2487/file/large-1c71fa3f3e5a6bf59b11346707000473.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2487/file/medium-76aafea6b0bcb858476abaf20ff0374e.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">Lord of Tofu</p>
          <a href="/en/products/veggie-soy-tuna-organic-110-g-3849">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veggie Soy Tuna Organic, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DgebMyD9njcCiRwE475TKKWc9Kuyv3DOhj2TI41RHMQ50ggNzdFsxL9TRAu_2Eu3c6fXPyHTcDFvPqrB0vGaug" />
    <input value="3849" 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/completeorganics-the-original-kimchi-organic-230-g-10935">
          <img alt="completeorganics the ORIGINAL KIMCHI Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5648/file/small-6273a911d729b4c65170de70b089fb9d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5648/file/medium-ada1cba82d9fc62e6a8f936edc300b7f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5648/file/large-f4a335c60caa210d520216bd5fc03db1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5648/file/medium-ada1cba82d9fc62e6a8f936edc300b7f.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">completeorganics</p>
          <a href="/en/products/completeorganics-the-original-kimchi-organic-230-g-10935">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics the ORIGINAL KIMCHI Organic, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/treets-crispy-crunch-balls-215-g-15944">
          <img alt="Treets Crispy Crunch Balls" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7338/file/small-4cdb198778af700f9fca59c04ab4c8bd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7338/file/medium-4fca4c8c3db513f5882c253fc5d54d2c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7338/file/large-26e4772b067042be5c2c7b89203b81fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7338/file/medium-4fca4c8c3db513f5882c253fc5d54d2c.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">Treets GmbH</p>
          <a href="/en/products/treets-crispy-crunch-balls-215-g-15944">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Treets Crispy Crunch Balls, 215 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.50</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AofAtKhunklgMa_FhVwXjfPHsrp-mU8RehESl4tIW8o1UlOKRUJsut3r98rZOg8SJfyRLu31T-6TEit11OjdtA" />
    <input value="15944" 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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tip
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/treets-peanuts-with-chocolate-250-g-15374">
          <img alt="Treets Peanuts with Chocolate" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9017/file/small-37b23d104923076d672b28dca146da0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9017/file/medium-dab505a172b77e09ccca435298986832.webp 900w, https://assets.fabulous.ch/public/variant_asset/9017/file/large-2fe9a19b227c784b4290f309a029d1eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9017/file/medium-dab505a172b77e09ccca435298986832.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">Treets GmbH</p>
          <a href="/en/products/treets-peanuts-with-chocolate-250-g-15374">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Treets Peanuts with Chocolate, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n7MrKFP_P_oNivWlsQz-g8l4SmCNmYqHUWbmuV4uLO-oZrgWvtPNCbBQrartauYcH0Np9B71ini4Zd9bAY6qkQ" />
    <input value="15374" 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/deodorant-stick-be-active-woodland-40-g-17472">
          <img alt="Deodorant Stick be active Woodland" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8140/file/small-cf57ea2e507dc4155793ee0d74339517.webp 600w, https://assets.fabulous.ch/public/variant_asset/8140/file/medium-ebf44164fcb72827122c2d5d3ea42517.webp 900w, https://assets.fabulous.ch/public/variant_asset/8140/file/large-eaaf7f793108060fb70d563e1c538ea5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8140/file/medium-ebf44164fcb72827122c2d5d3ea42517.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">The Lekker company</p>
          <a href="/en/products/deodorant-stick-be-active-woodland-40-g-17472">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deodorant Stick be active Woodland, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1FjP6JDoAODcfzl8WArlIB7bm8RuHNKTeaB38r9wVe7jjVzWfcTyE2GlYXMEbP2_yOC4UP1w0myQo04Q4NDTkA" />
    <input value="17472" 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">
      660 of 3&#39;205 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/natracare?format=turbo_stream&amp;page=34">Show more</a>
  </div>
</div>

</template></turbo-stream>