<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/agar-agar-gluten-free-organic-60-g-15119">
          <img alt="Agar Agar Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6933/file/small-fed87f61590338498c887298b3cbe1fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6933/file/medium-8d65b464f2ac77bf6cafd7b0b887cdff.webp 900w, https://assets.fabulous.ch/public/variant_asset/6933/file/large-d9a0f618b6960d161ca487ec64824ad4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6933/file/medium-8d65b464f2ac77bf6cafd7b0b887cdff.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/agar-agar-gluten-free-organic-60-g-15119">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Agar Agar Gluten Free Organic, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xjRtk_tsD03nkXLHjjOPbFPabmCRQlIxN2KyqIb34O4BplMbewUBw2euwaey2P5caTKu8x5037ldeQiSkPAUVQ" />
    <input value="15119" 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/peanut-butter-crunchy-with-salt-organic-250-g-15200">
          <img alt="Peanut Butter Crunchy with Salt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6965/file/small-35a25566f432ee804b9adf283d23934a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6965/file/medium-d19aad35e397dffc71eb905b1cf4bda0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6965/file/large-52b83aae33b9efc4a6321567803a5831.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6965/file/medium-d19aad35e397dffc71eb905b1cf4bda0.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/peanut-butter-crunchy-with-salt-organic-250-g-15200">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Butter Crunchy with Salt Organic, 250 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 1.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Sx3OSxI-JPzRzIwYrSG2-K6wv3jiSRv28Xa0grpS72mMj_DDklcqclHzP3iRysfIlFh_621_ln6bbQ64rFUb0g" />
    <input value="15200" 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/peanut-butter-crunchy-with-salt-organic-500-g-15201">
          <img alt="Peanut Butter Crunchy With Salt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6966/file/small-5e3b2214cbdb7bcff5fb868561a3b6f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6966/file/medium-c1e6f76f5d44310ef723d65b8d9c2bb0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6966/file/large-75ae5e20ac5f1c6a3ea2db9d779f2072.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6966/file/medium-c1e6f76f5d44310ef723d65b8d9c2bb0.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/peanut-butter-crunchy-with-salt-organic-500-g-15201">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Butter Crunchy With Salt Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v7yXFI-Jv4s9-2ERZVb_ISPoOBRwngulYS2WXMRAIGl4LqmcD-CxBb3E0nFZvY4RGQD4h_-ohi0LNixm0kfU0g" />
    <input value="15201" 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/peanut-butter-fine-organic-250-g-15202">
          <img alt="Peanut Butter fine Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6969/file/small-1658b6d3d887ea03e74bf6eb73d4272f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6969/file/medium-64197d889f797b553e1e0870aa9172af.webp 900w, https://assets.fabulous.ch/public/variant_asset/6969/file/large-163cf52b65a48eb38c7f264cab738360.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6969/file/medium-64197d889f797b553e1e0870aa9172af.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/peanut-butter-fine-organic-250-g-15202">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Butter fine Organic, 250 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 1.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b9YkzTSbzFjio_HQ82h4tEhQ-UXfVPgn1tyzmg9fhmmoRBpFtPLC1mKcQrDPgwmEcrg51lBida-8xwmgGVhy0g" />
    <input value="15202" 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/peanut-butter-fine-organic-500-g-15203">
          <img alt="Peanut Butter fine Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6972/file/small-9e0fd36c8b87a8486625e3f67a0bdb1f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6972/file/medium-ea296d2e74b83c2a76c32981f1a52099.webp 900w, https://assets.fabulous.ch/public/variant_asset/6972/file/large-e04f5de17712e30eb55429b6a333687f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6972/file/medium-ea296d2e74b83c2a76c32981f1a52099.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/peanut-butter-fine-organic-500-g-15203">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Butter fine 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-15203-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KhUs6BwPygY71G367POKgWqQsBOyFlA5sX2NyXzis6LthxJgnGbEiLvr3prQGPuxUHhwgD0g3bHbZjfzauVHGQ" />
    <input value="15203" 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/flaxseeds-organic-500-g-15568">
          <img alt="Flaxseeds Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7110/file/small-c012945d283952678a997d8340c0cc46.webp 600w, https://assets.fabulous.ch/public/variant_asset/7110/file/medium-d1e07be8131d8c0be7dbe2021835f681.webp 900w, https://assets.fabulous.ch/public/variant_asset/7110/file/large-6df97132fdd561d9667ad429ad1625ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7110/file/medium-d1e07be8131d8c0be7dbe2021835f681.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/flaxseeds-organic-500-g-15568">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flaxseeds Organic, 500 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 0.98 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RKC3kav4xVUenGnRNcFf3BFFVVEtP0z8iA7fM5Jl4-iDMokZK5HL256j2rEJKi7sK62VwqIJwXTiFWUJhGIXUw" />
    <input value="15568" 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/rapunzel-dark-chocolate-bar-with-peppermint-filling-organic-100-g-15614">
          <img alt="Rapunzel Dark Chocolate Bar with Peppermint Filling Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7122/file/small-95e8a9f7040b64bfa0c960ebd9d7a6a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7122/file/medium-ef78b1e854d52d895270e172202535d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7122/file/large-2c4ef9b57498e0a3a86aba7bb8cb977d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7122/file/medium-ef78b1e854d52d895270e172202535d7.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/rapunzel-dark-chocolate-bar-with-peppermint-filling-organic-100-g-15614">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rapunzel Dark Chocolate Bar with Peppermint Filling Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ch_gGheEVbnqOghuCUVBctmkBGCk-8pTWCGsdgXqZ4m1jd6Sl-1bN2oFuw41rjBC40zE8yvNR9syOhZME-2TMg" />
    <input value="15614" 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/dark-chocolate-coconut-cream-organic-250-g-15615">
          <img alt="Dark Chocolate Coconut Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7125/file/small-21daf745d704ed37e81be59abd373da1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7125/file/medium-77231b4655bf3d29c713598f8fbc9403.webp 900w, https://assets.fabulous.ch/public/variant_asset/7125/file/large-7e5a6de86012123269a93c6b2c1fe167.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7125/file/medium-77231b4655bf3d29c713598f8fbc9403.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/dark-chocolate-coconut-cream-organic-250-g-15615">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dark Chocolate Coconut Cream Organic, 250 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 2.18 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yXp5mnMd-wXrE4dl3j3KJW_oqut46VVcQSjK0ppexa4O6EcS83T1i2ssNAXi1rsVVQBqePff2NQrM3DojFkxFQ" />
    <input value="15615" 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/dark-chocolate-drops-organic-100-g-15616">
          <img alt="Dark Chocolate Drops Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7126/file/small-71d2a7399752e9b680430b9a8329c7ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/7126/file/medium-6d8ba40412f5098b07c7e31f65edc7d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7126/file/large-285875e7013ef43b7a268bcc3a5ca062.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7126/file/medium-6d8ba40412f5098b07c7e31f65edc7d0.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/dark-chocolate-drops-organic-100-g-15616">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dark Chocolate Drops Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dUElbVDxPvf5fFsigCi4MT7Wx8-8q3oopyJGSxP8rBey0xvl0JgweXlD6EK8w8kBBD4HXDOd96DNOfxxBftYrA" />
    <input value="15616" 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/bulgur-organic-500-g-15696">
          <img alt="Bulgur Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7148/file/small-e3feb300fd57c02bc33b5b32e477e217.webp 600w, https://assets.fabulous.ch/public/variant_asset/7148/file/medium-0350d6198dedb2e11ec121888f72d17c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7148/file/large-ab34ec3b8d91f2df759e7d89b048e489.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7148/file/medium-0350d6198dedb2e11ec121888f72d17c.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/bulgur-organic-500-g-15696">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bulgur Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IjAv48k9ahiGS1oA-S2JpCp_1MObVLNjMhKoUFsJL5rlohFrSVRklgZ06WDFxviUEJcUUBRiPutYCRJqTQ7bIQ" />
    <input value="15696" 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/mulberries-raw-food-organic-100-g-15942">
          <img alt="Mulberries Raw Food Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7336/file/small-c05a1e23b392d0abb7bae062f7d1258e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7336/file/medium-0bc1ba50d51c5388aea10ce0e5270e10.webp 900w, https://assets.fabulous.ch/public/variant_asset/7336/file/large-d02a54d85b7651d71a557de265e40a56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7336/file/medium-0bc1ba50d51c5388aea10ce0e5270e10.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/mulberries-raw-food-organic-100-g-15942">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mulberries Raw Food Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/winter-magic-cream-organic-250-g-16207">
          <img alt="Winter Magic Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7458/file/small-07681ab0f9fbfa4ce82bd4c9af2f4ce6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7458/file/medium-89630200de7a10ce95d61284186ddc99.webp 900w, https://assets.fabulous.ch/public/variant_asset/7458/file/large-9b4a56fd9669b5209ba54d09f79d6991.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7458/file/medium-89630200de7a10ce95d61284186ddc99.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/winter-magic-cream-organic-250-g-16207">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Winter Magic Cream Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/rapunzel-iodised-sea-salt-organic-500-g-16583">
          <img alt="Rapunzel Iodised Sea Salt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7642/file/small-9d04d6139fb327afe116fca4cca3ddd9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7642/file/medium-c8bfa64b7590b129ac5d66ff17f373bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7642/file/large-f0a157339fa1301a670cd3922069b903.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7642/file/medium-c8bfa64b7590b129ac5d66ff17f373bb.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/rapunzel-iodised-sea-salt-organic-500-g-16583">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rapunzel Iodised Sea Salt Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SuNnnyR0qKeltWr3yPxSKhKhziTaAw5ZMLYT9n9m8DeNcVkXpB2mKSWK2Zf0FyMaKEkOt1U1g9FaranMaWEEjA" />
    <input value="16583" 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/buckwheat-organic-500-g-5894c2a1-649f-44a4-8e88-8bec7393d14a-16595">
          <img alt="Buckwheat Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7656/file/small-aa9809258236a061745e20a95b0231f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7656/file/medium-457ac84191ae5c2e2aa7e912ccab1044.webp 900w, https://assets.fabulous.ch/public/variant_asset/7656/file/large-67d036ddc69570202d6fa399b3847927.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7656/file/medium-457ac84191ae5c2e2aa7e912ccab1044.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/buckwheat-organic-500-g-5894c2a1-649f-44a4-8e88-8bec7393d14a-16595">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Buckwheat Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fiq7R7QWl3al4Kgp4kj2i93l6j91CTJbBcpeuvgwTUHRuIXPNH-Z-CXfG0neo4e75w0qrPo_v9Nv0eSA7je5-g" />
    <input value="16595" 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/desiccated-coconut-organic-250-g-16610">
          <img alt="Desiccated Coconut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7664/file/small-7993c8c5439b3f7838e06a1f6dae3807.webp 600w, https://assets.fabulous.ch/public/variant_asset/7664/file/medium-1669eaf8758c5337f22448cf79b21e47.webp 900w, https://assets.fabulous.ch/public/variant_asset/7664/file/large-eb4d90f26fed982826d85884c348da0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7664/file/medium-1669eaf8758c5337f22448cf79b21e47.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/desiccated-coconut-organic-250-g-16610">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Desiccated Coconut Organic, 250 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 1.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uGvpGh1sfC4OlB-KGCpPdAW4kOcBlEfk1hHnRlkhMbJ_-deSnQVyoI6rrOokwT5EP1BQdI6iymy8Cl18TybFCQ" />
    <input value="16610" 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/hildegard-spelt-porridge-organic-500-g-16626">
          <img alt="Hildegard Spelt Porridge Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7695/file/small-f9a705ea3ec921079e24b9c9d5a7fd62.webp 600w, https://assets.fabulous.ch/public/variant_asset/7695/file/medium-6c7b2471f73273387fb83908796d2a3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7695/file/large-3e0c8eb61917d4c32630920a59f33e8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7695/file/medium-6c7b2471f73273387fb83908796d2a3a.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/hildegard-spelt-porridge-organic-500-g-16626">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hildegard Spelt Porridge Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0tW8IPUAFcKxDOYm1ccrZP_FTs-Bhv8ojT5XYoWi9mYVR4KodWkbTDEzVUbpLFpUxS2OXA6wcqDnJe1Yk6UC3Q" />
    <input value="16626" 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/fleece-paper-for-sprouting-garden-biosnacky-25-pcs-25-piece-16740">
          <img alt="Fleece Paper for Sprouting Garden bioSnacky" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7767/file/small-5e18951506750593e61fc8e614644357.webp 600w, https://assets.fabulous.ch/public/variant_asset/7767/file/medium-bd7ca80602dc5cf07e2ecea9288afc98.webp 900w, https://assets.fabulous.ch/public/variant_asset/7767/file/large-fe7505ff47441abb815e9ed6267f3e32.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7767/file/medium-bd7ca80602dc5cf07e2ecea9288afc98.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/fleece-paper-for-sprouting-garden-biosnacky-25-pcs-25-piece-16740">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fleece Paper for Sprouting Garden bioSnacky, 25 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OojTpX1KbhItniXwcluPP7AlGWoI825U2orltLSyeCv9Gu0t_SNgnK2hlpBOsP4Pis3Z-YfF49ywkV-OorWMkA" />
    <input value="16740" 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/mountain-figs-natural-organic-500-g-17194">
          <img alt="Mountain Figs Natural Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8019/file/small-3b48b74ff3f8523e8bfbd2f16c26fa43.webp 600w, https://assets.fabulous.ch/public/variant_asset/8019/file/medium-4e56e0271851a97ae7a8b5dc5d581760.webp 900w, https://assets.fabulous.ch/public/variant_asset/8019/file/large-bea3b62bfacde6974df04de79d070c8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8019/file/medium-4e56e0271851a97ae7a8b5dc5d581760.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/mountain-figs-natural-organic-500-g-17194">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mountain Figs Natural Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kY7pTz73cXd3iUl3fDaEt_Xro8qsnFIyMDj-PcI3vRBWHNfHvp5_-fe2-hdA3fWHzwNjWSOq37paI0QH1DBJqw" />
    <input value="17194" 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/crunchy-hazelnut-butter-organic-250-g-17352">
          <img alt="Crunchy Hazelnut Butter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8092/file/small-7b83fcaf5a642caf0cf82dd2f152a9eb.webp 600w, https://assets.fabulous.ch/public/variant_asset/8092/file/medium-b578bea56d5a4817c5802e94e0c299b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/8092/file/large-872d185429a68e6f2e683db8d2064231.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8092/file/medium-b578bea56d5a4817c5802e94e0c299b9.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/crunchy-hazelnut-butter-organic-250-g-17352">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Hazelnut Butter Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D5YqAQI8A3JtZCeD9_pOIEG4jyw1naJJU08YtBV-mg7IBBSJglUN_O1blOPLET8Qe1BPv7qrL8E5VKKOA3lutQ" />
    <input value="17352" 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-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/pistachio-cream-organic-250-g-17385">
          <img alt="Pistachio Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8108/file/small-278e38bc1daec6262a64ec17ba6ca744.webp 600w, https://assets.fabulous.ch/public/variant_asset/8108/file/medium-59422d53516ca4baa5fc166c8e21d54d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8108/file/large-728c7e12a80b171b51f045a777ae1382.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8108/file/medium-59422d53516ca4baa5fc166c8e21d54d.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/pistachio-cream-organic-250-g-17385">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pistachio Cream Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4VTv-h4JTqrERY_AwjiWWlpe4s1fD5wiX8qDiQ2j2PMmxtFynmBAJER6PKD-0-dqYLYiXtA5Eao10TmzG6QsSA" />
    <input value="17385" 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">
      100 of 102 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/manufacturers/rapunzel?format=turbo_stream&amp;page=6">Show more</a>
  </div>
</div>

</template></turbo-stream>