<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/strengthening-hair-mask-200-ml-14867">
          <img alt="Strengthening hair mask" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6806/file/small-a32f3ed76dbb6a5dd445bf012c9ec5c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6806/file/medium-8cab36745ad46c32a777dfb864d13f44.webp 900w, https://assets.fabulous.ch/public/variant_asset/6806/file/large-3d796dc731f418c0d6cc7e03a915f534.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6806/file/medium-8cab36745ad46c32a777dfb864d13f44.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">Chey Haircare</p>
          <a href="/en/products/strengthening-hair-mask-200-ml-14867">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Strengthening hair mask, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rHjomHT5m3C0O84QTPeiMGvyRiFd9eAND_HBXtC2Zclyl8nR2FFzckkYyWchriHlESF66j5RG0rReqVHb85Fvw" />
    <input value="14867" 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/shampoo-matcha-avocado-250-ml-12396">
          <img alt="Shampoo Matcha &amp; Avocado" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6221/file/small-089a4c622ed806d7c453a49ec5912219.webp 600w, https://assets.fabulous.ch/public/variant_asset/6221/file/medium-89ab496b71910706f7b13527175c8333.webp 900w, https://assets.fabulous.ch/public/variant_asset/6221/file/large-913d29603111aaacc42403d7d302eddf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6221/file/medium-89ab496b71910706f7b13527175c8333.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">Chey Haircare</p>
          <a href="/en/products/shampoo-matcha-avocado-250-ml-12396">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Matcha &amp; Avocado, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mOb_6H9m6A5jtKamTqnNxbnIYA6W8hm4AJgvFE010dhGCd6h084ADJ6XodEj8E4QwxtcxfVW4v_eE0sN8k3xrg" />
    <input value="12396" 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/conditioner-bar-matcha-60-g-14951">
          <img alt="Conditioner Bar Matcha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6854/file/small-25e0679e35c8408f950482a18bd384b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6854/file/medium-954e9c6e11fbb1cd0ae055e6c0d0321b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6854/file/large-1d53ad9f379f1cd0714b95b8b7aa4825.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6854/file/medium-954e9c6e11fbb1cd0ae055e6c0d0321b.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">Chey Haircare</p>
          <a href="/en/products/conditioner-bar-matcha-60-g-14951">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Conditioner Bar Matcha, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RWBX5cIqD2MF46fKfwPKKIBB3_gZ_4XJYcaOJ6SRW9ybj3asboLnYfjAoL0SWkn9-pLjM3pbfo6_Teo-G-l7qg" />
    <input value="14951" 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/shampoo-bar-without-sulfates-coconut-60-g-12388">
          <img alt="Shampoo Bar without Sulfates Coconut" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6213/file/small-b18eea85520508d1003577c8c2a245cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6213/file/medium-30a5488b22517182ef340309c0f6389a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6213/file/large-2fa294b826d5064e8383506b4856b2a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6213/file/medium-30a5488b22517182ef340309c0f6389a.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">Chey Haircare</p>
          <a href="/en/products/shampoo-bar-without-sulfates-coconut-60-g-12388">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Bar without Sulfates Coconut, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8NrnH4njWV6S99YBfnHlRMbFkpOu0cRpWJH-nHZKHfQuNcZWJUuxXG_U0XYTKGaRvBauWM11Py6GGpqFyTI9gg" />
    <input value="12388" 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/conditioner-bar-calendula-60-g-14954">
          <img alt="Conditioner Bar Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6857/file/small-5b0eb2a85927ea1db261430df7bb07ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/6857/file/medium-59ff3df29fd46f0373aa35613c325872.webp 900w, https://assets.fabulous.ch/public/variant_asset/6857/file/large-ecec737ecfc52be129146aca3af1d87b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6857/file/medium-59ff3df29fd46f0373aa35613c325872.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">Chey Haircare</p>
          <a href="/en/products/conditioner-bar-calendula-60-g-14954">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Conditioner Bar Calendula, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BPGDqYN0U9MgJwOy5xqOb-4NJ7EVtCxqZLLCsnuRVznaHqLgL9y70d0EBMWKQw26lN4benYQ1y26OaarxOl3Tw" />
    <input value="14954" 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/kuvings-auto8-hands-free-slow-juicer-black-1-piece-15523">
          <img alt="Kuvings AUTO8 Hands-free Slow Juicer Black" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7080/file/small-5a6b86e1b37733e2ac4e4fbf616c044b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7080/file/medium-bfb6bfe2123f1bcebcdf723d9d6cffd9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7080/file/large-590a94de59a75e212ecaea9da6215c10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7080/file/medium-bfb6bfe2123f1bcebcdf723d9d6cffd9.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">Kuvings</p>
          <a href="/en/products/kuvings-auto8-hands-free-slow-juicer-black-1-piece-15523">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kuvings AUTO8 Hands-free Slow Juicer Black, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 395.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oTbonHiTNQKlg6fn2_jW9rhyozAZYIZRw_DriFwMMu9_2cnV1DvdAFigoJC2oVUjwqGf-3rEfRYde4-R43QSmQ" />
    <input value="15523" 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/maple-syrup-grade-a-organic-250-ml-700e9a50-6afa-48c2-ac33-89b44eb96bb9-6955">
          <img alt="Maple Syrup Grade A Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4028/file/small-1bea71f63588b381086daafb04742d62.webp 600w, https://assets.fabulous.ch/public/variant_asset/4028/file/medium-1bd610de07b7837df57ec700e04deb5a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4028/file/large-0c28fa303ac3c6706b5361d35124d8a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4028/file/medium-1bd610de07b7837df57ec700e04deb5a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/maple-syrup-grade-a-organic-250-ml-700e9a50-6afa-48c2-ac33-89b44eb96bb9-6955">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Maple Syrup Grade A Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3w59IukoEeCBr5IK95FaB9h_p8UPczhcqe7aE2oZ7kEB4VxrRYD54nyMlX2ayNnSoqybDmzXwxt3Zb4K1WHONw" />
    <input value="6955" 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/eyeshadow-quattro-smokey-eyes-8-g-7787">
          <img alt="Eyeshadow Quattro Smokey Eyes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4524/file/small-d0a441da66d2fec321d36f49ebf397ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/4524/file/medium-0d1de0cf901798a97d8af7da29c3c4f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4524/file/large-5c8411fe96436fc78a59e5bb10db9f48.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4524/file/medium-0d1de0cf901798a97d8af7da29c3c4f0.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">benecos</p>
          <a href="/en/products/eyeshadow-quattro-smokey-eyes-8-g-7787">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeshadow Quattro Smokey Eyes, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n_bb3d5QhWnnypXyggY5_Q1W9H1BVPbijcWGs9vJPxRBGfqUcvhtaxrpkoXvX7ood4XItiLwDaVTTuKqZLEfYg" />
    <input value="7787" 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/eyeshadow-quattro-coffee-cream-eyes-8-g-7788">
          <img alt="Eyeshadow Quattro coffee &amp; cream Eyes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4528/file/small-2c0277a2755722a00e92a112ff6c2d0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4528/file/medium-ddd721b907fa0642e4fcbfe655b87e39.webp 900w, https://assets.fabulous.ch/public/variant_asset/4528/file/large-3968b5f95f11297c42ab8dab1ede6b74.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4528/file/medium-ddd721b907fa0642e4fcbfe655b87e39.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">benecos</p>
          <a href="/en/products/eyeshadow-quattro-coffee-cream-eyes-8-g-7788">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeshadow Quattro coffee &amp; cream Eyes, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dmwd2CRvBuMJumEHygCnQHmq2O-xtZj7_c6YfzUQlbjQgzyRiMfu4fSZZnCnWSSVA3nkJNIRY7wjRfxmimi1zg" />
    <input value="7788" 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/night-regenerating-night-cream-50-ml-696">
          <img alt="Night Regenerating Night Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/648/file/small-4f6993e97947cb88502ab613e0498156.webp 600w, https://assets.fabulous.ch/public/variant_asset/648/file/medium-ea63cdb9755960474d1aa9dc0a9c0560.webp 900w, https://assets.fabulous.ch/public/variant_asset/648/file/large-bfe503d9cffa527eafb67a05547e4fc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/648/file/medium-ea63cdb9755960474d1aa9dc0a9c0560.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">MADARA</p>
          <a href="/en/products/night-regenerating-night-cream-50-ml-696">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Night Regenerating Night Cream, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v0-PBZ-TLm14LImhSF-TlGE0oMpdKB9_0_IW1i1ZXSdhoK5MMzvGb4UPjtYlBhBBG-ecAT6M5DgNeXLPkiF9UQ" />
    <input value="696" 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/kombucha-urban-lemongrass-and-hibiscus-organic-330-ml-4965">
          <img alt="Kombucha Urban Lemongrass and Hibiscus Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2945/file/small-9c493c79401e1a289f44230d3b6f0727.webp 600w, https://assets.fabulous.ch/public/variant_asset/2945/file/medium-df880108b4b527bdaae32f8935c8e4c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2945/file/large-e1fd88292cd3969d78d7ce8f8b65d66c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2945/file/medium-df880108b4b527bdaae32f8935c8e4c8.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">Urban Kombucha</p>
          <a href="/en/products/kombucha-urban-lemongrass-and-hibiscus-organic-330-ml-4965">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kombucha Urban Lemongrass and Hibiscus Organic, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3pL3qvj5gTOOM13QPPO8fHOaMB14lxIyWy0zQ8Wxds4AfdbjVFFpMXMQWqdRqj-pCUkM1hsz6XWFpldaeslWuA" />
    <input value="4965" type="hidden" name="variant_id" id="variant_id" />
    <input value="12" 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/chips-chickpeas-paprika-organic-75-g-4242">
          <img alt="Chips Chickpeas Paprika Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9004/file/small-44d7507282a27bcf3b7ebbd7f00c917b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9004/file/medium-7884ca3425d29aaa6bf0966eb957da9b.webp 900w, https://assets.fabulous.ch/public/variant_asset/9004/file/large-b04532eaf5a918361ecc421ebbe404a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9004/file/medium-7884ca3425d29aaa6bf0966eb957da9b.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">de Rit</p>
          <a href="/en/products/chips-chickpeas-paprika-organic-75-g-4242">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Chickpeas Paprika Organic, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LwUBcxXmCm-NbGrqQTE3e0anAw1M0oAig1T_9jsnsDbx6iA6uU7ibXBPbZ0saLSuPHQ_xi92e2Vd35vvhF-QQA" />
    <input value="4242" 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/basis-sensitiv-firming-body-lotion-q10-250-ml-3650">
          <img alt="Basis Sensitiv Firming Body Lotion Q10" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2388/file/small-77d65d715701cc8bcd579cf0bb2634e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/2388/file/medium-ddc8002395910b89acf7340a5ea68e8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2388/file/large-b1b8773c27f8f3755391f0a43474f3d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2388/file/medium-ddc8002395910b89acf7340a5ea68e8f.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">Lavera</p>
          <a href="/en/products/basis-sensitiv-firming-body-lotion-q10-250-ml-3650">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Basis Sensitiv Firming Body Lotion Q10, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pGK56Zc3M1IoXyKQwwhQUoH6504T2WUdg9RTz-zIuA96jZigO5_bUNV8JeeuUdOH-ynbhXB9nlpdXzfWU7CYeQ" />
    <input value="3650" 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/shampoo-colour-and-shine-250-ml-710">
          <img alt="Shampoo Colour and Shine" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/660/file/small-84f63571143192fa4a063def708c4429.webp 600w, https://assets.fabulous.ch/public/variant_asset/660/file/medium-0def361c5927db341f7025fbb05677d9.webp 900w, https://assets.fabulous.ch/public/variant_asset/660/file/large-188912c8b16e76a8b00da4c5cfa2fbe1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/660/file/medium-0def361c5927db341f7025fbb05677d9.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">MADARA</p>
          <a href="/en/products/shampoo-colour-and-shine-250-ml-710">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Colour and Shine, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RmmTWK505Jmpc8ZC1CO6c6TJci8oZ2Og7NbAuVuBE0eYhrIRAtwMm1RQwTW5ejmm3hpO5EvDmOcyXaSg5PkzMQ" />
    <input value="710" 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/conditioner-nourish-and-repair-200-ml-711">
          <img alt="Conditioner Nourish and Repair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/662/file/small-82bef915f552215912d4f55fb59ad18c.webp 600w, https://assets.fabulous.ch/public/variant_asset/662/file/medium-438619fdc1e76fdd242ad99fef5535e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/662/file/large-88d6fc0e2e0f974b3377935a0b3e5735.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/662/file/medium-438619fdc1e76fdd242ad99fef5535e2.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">MADARA</p>
          <a href="/en/products/conditioner-nourish-and-repair-200-ml-711">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Conditioner Nourish and Repair, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qVW0ChouJIBV25aYPne8CwLDqfgMOOxAC7VHpZqX1Ud3upVDtobMgqj4ke9TLj_eeBCVM2-cFwfVPiO8Je_1MQ" />
    <input value="711" 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/physalis-raw-food-quality-organic-100-g-5709">
          <img alt="Physalis Raw Food Quality Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3295/file/small-149fe9cf6bd5f8a5397ab3068439de16.webp 600w, https://assets.fabulous.ch/public/variant_asset/3295/file/medium-e89070efc9cb673ea3f0869b3b19c0e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3295/file/large-fb1933a4b661e41778ab3bdea60d20f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3295/file/medium-e89070efc9cb673ea3f0869b3b19c0e5.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">Flores Farm</p>
          <a href="/en/products/physalis-raw-food-quality-organic-100-g-5709">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Physalis Raw Food Quality Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hv1JlqgZXSWmZA_VGY95W0gTDT3MiITEaB_UH5uGiATAEmjfBLG1J1tHCKJ01vqOMsAx9q8sf4O2lLAGJP6ocg" />
    <input value="5709" 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/leckerli-walnut-duo-organic-35-g-4120">
          <img alt="Leckerli Walnut Duo Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2599/file/small-66eb79bb034e44d4fa23330c7ea2d37c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2599/file/medium-b11a3334923e574d2ee7a5db680a5cc6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2599/file/large-7a252e18968aed7c7eb2257f3ca89f2e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2599/file/medium-b11a3334923e574d2ee7a5db680a5cc6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Leibacher Biber-Manufaktur</p>
          <a href="/en/products/leckerli-walnut-duo-organic-35-g-4120">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Leckerli Walnut Duo Organic, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YfofysB4ZJK20M-icsk98n7gI2Yj9S3_LP22ObIy12e_FT6DbNCMkEvzyNUfkL4nBDMfrUBR1rjydtIgDUr3EQ" />
    <input value="4120" 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-meister-organic-17-g-6087">
          <img alt="Baking Powder Meister Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3501/file/small-697978d38afd9087a9270c9fbc7c70dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/3501/file/medium-7e24978226f215b43c1a7f710ee33718.webp 900w, https://assets.fabulous.ch/public/variant_asset/3501/file/large-60d797bbb70e7a9759e03b800a2cf56f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3501/file/medium-7e24978226f215b43c1a7f710ee33718.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">Biovegan</p>
          <a href="/en/products/baking-powder-meister-organic-17-g-6087">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baking Powder Meister Organic, 3 x 17 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4fZC39vgGiQgKkzFdAlT1vBmfuLqBC0IHUxov0bF1ns_GWOWd0jyJt0JS7IZUNADirVCKYmg1k_Dxwym-b32DQ" />
    <input value="6087" 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/chips-coconut-salted-caramel-organic-70-g-4367">
          <img alt="Chips Coconut Salted Caramel Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2721/file/small-bfd10cdf9018f513736384f726043caf.webp 600w, https://assets.fabulous.ch/public/variant_asset/2721/file/medium-84acf8628904f043a8f50c2f3adc96cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/2721/file/large-2113eb12ef476fc997bf2396ca8f8d49.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2721/file/medium-84acf8628904f043a8f50c2f3adc96cd.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">bett&#39;r</p>
          <a href="/en/products/chips-coconut-salted-caramel-organic-70-g-4367">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Coconut Salted Caramel Organic, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2YVDc1VxihMhv2pqTaxxGEQWmsbclNjbH-nxD3ppk0UHamI6-dliEdycbR0g9fLNPsWmDb8wI5zBYpUWxRGzMw" />
    <input value="4367" 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/crunchy-fruity-strawberry-freeze-dried-raw-organic-12-g-5131">
          <img alt="Crunchy Fruity Strawberry Freeze Dried RAW Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3018/file/small-8f6bc3b1495abc0e4d7dc2ddf8683420.webp 600w, https://assets.fabulous.ch/public/variant_asset/3018/file/medium-3d125102b6666bf1e9aaefe538e5b1dd.webp 900w, https://assets.fabulous.ch/public/variant_asset/3018/file/large-050e55cae31ae80a59a51da65407692d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3018/file/medium-3d125102b6666bf1e9aaefe538e5b1dd.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">Organica</p>
          <a href="/en/products/crunchy-fruity-strawberry-freeze-dried-raw-organic-12-g-5131">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Fruity Strawberry Freeze Dried RAW Organic, 12 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 37.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IC-QQyjNqxcF4JxdVYthLskGwtP7dPufOwNZ7Ld0fmD-wLEKhGVDFfjDmyo40uL7s9X-GJjQANjliD31CAxeFg" />
    <input value="5131" 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">
      1&#39;140 of 3&#39;307 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/natura?format=turbo_stream&amp;page=58">Show more</a>
  </div>
</div>

</template></turbo-stream>