<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/sauerkraut-in-jar-demeter-720-ml-82d502a5-114e-4f3e-8e65-5a656d778f69-7274">
          <img alt="Sauerkraut in Jar Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4124/file/small-c61a25a876318f2c4bd3e2869a21f66e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4124/file/medium-7382844c0e49454eb34bce4094c4741d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4124/file/large-62799dc4fed13c18f402c651e871aa0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4124/file/medium-7382844c0e49454eb34bce4094c4741d.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">Schweizer Naturkost</p>
          <a href="/en/products/sauerkraut-in-jar-demeter-720-ml-82d502a5-114e-4f3e-8e65-5a656d778f69-7274">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauerkraut in Jar Demeter, 720 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ClWlfo7zGGQ-0s5ptyZlvibHyaYnQGq9Sv5H3o6Qu7Q03ysjK2ElpaCD_fDB7oWNIwXuW1V2-g7Z6kT1u5gvkg" />
    <input value="7274" 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/salt-fleur-de-sel-de-guerande-140-g-7275">
          <img alt="Salt Fleur de Sel de Guérande" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4125/file/small-5a1dcf1efca66118d1d783d395b1a0a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4125/file/medium-f8dcf7f98ed71a2df3f31f3af340ff7a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4125/file/large-ee3deb5790b6e889a762ee7115d42596.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4125/file/medium-f8dcf7f98ed71a2df3f31f3af340ff7a.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">Guérande</p>
          <a href="/en/products/salt-fleur-de-sel-de-guerande-140-g-7275">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salt Fleur de Sel de Guérande, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l1BkfmNwDjlIqkHFCJueq63lwaeqhDeDAfyP1_6hmFyp2uojxuIz-Nb7clx-U36YqCfmWtiypzCS6Iz8y6kMeg" />
    <input value="7275" 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/freely-vegan-cookie-caramel-salt-gluten-free-organic-65-g-7277">
          <img alt="Freely Vegan Cookie Caramel &amp; Salt 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/4127/file/small-c2739e6a1ecf643450fb1ee70e4bd014.webp 600w, https://assets.fabulous.ch/public/variant_asset/4127/file/medium-9ebdd09ceabcc7c2965424e1f535b898.webp 900w, https://assets.fabulous.ch/public/variant_asset/4127/file/large-b1dcd34faa0ac18eb9d2c75ab71436ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4127/file/medium-9ebdd09ceabcc7c2965424e1f535b898.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">Freely Handustry</p>
          <a href="/en/products/freely-vegan-cookie-caramel-salt-gluten-free-organic-65-g-7277">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Freely Vegan Cookie Caramel &amp; Salt Gluten Free Organic, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CIceR5QVkylQo1Xa-huNU4Q7yo8XmLr2XmS8G3JYAkQ2DZAaMYeu6M7yZkOM021ggfntcmWuKkXNcL8wR1CWYg" />
    <input value="7277" 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/freely-vegan-cookie-chocolate-chip-gluten-free-organic-65-g-7278">
          <img alt="Freely Vegan Cookie Chocolate Chip 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/4128/file/small-0ea0cbcbc9f8c2e85ecb8ffa79cfcc7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4128/file/medium-c5944a7d9f2983964855f3ba54de9f81.webp 900w, https://assets.fabulous.ch/public/variant_asset/4128/file/large-d7ab7b84e399ecbf9da1cfcbffbcc03a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4128/file/medium-c5944a7d9f2983964855f3ba54de9f81.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">Freely Handustry</p>
          <a href="/en/products/freely-vegan-cookie-chocolate-chip-gluten-free-organic-65-g-7278">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Freely Vegan Cookie Chocolate Chip Gluten Free Organic, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o4Kb14SyyRck2-pUX-UsV3628-UwXXzQA3j6k5Dp-j6dCBWKISD01rqK2c0pLcxke3TUGEJr7GOQbPm4peFuGA" />
    <input value="7278" 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/freely-vegan-cookie-raspberry-gluten-free-organic-65-g-7279">
          <img alt="Freely Vegan Cookie Raspberry 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/4129/file/small-89d8a8ff9588e2c576ea185813ffc273.webp 600w, https://assets.fabulous.ch/public/variant_asset/4129/file/medium-48ef3b5a49fdc79e44c2ea1ad35c0819.webp 900w, https://assets.fabulous.ch/public/variant_asset/4129/file/large-dce05f7593693b1d5a12262a4c2ff3c8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4129/file/medium-48ef3b5a49fdc79e44c2ea1ad35c0819.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">Freely Handustry</p>
          <a href="/en/products/freely-vegan-cookie-raspberry-gluten-free-organic-65-g-7279">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Freely Vegan Cookie Raspberry Gluten Free Organic, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4ScdrRQO-rBNH50twIt8aaeXNgrZsw9qbECMtPNAXe7frZPwsZzHcdNOrrS2Q5xaolUR96uFn9n_VI-fxkjJyA" />
    <input value="7279" 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/freely-vegan-cookie-lemon-poppy-seed-gluten-free-organic-65-g-7280">
          <img alt="Freely Vegan Cookie Lemon &amp; Poppy Seed 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/4132/file/small-e62740eed66cf89d89d87c80c55c7caa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4132/file/medium-d7d5d6d59bea27c91ccef2e08ece7eae.webp 900w, https://assets.fabulous.ch/public/variant_asset/4132/file/large-86428df38f4430283ce3b679e9c07313.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4132/file/medium-d7d5d6d59bea27c91ccef2e08ece7eae.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">Freely Handustry</p>
          <a href="/en/products/freely-vegan-cookie-lemon-poppy-seed-gluten-free-organic-65-g-7280">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Freely Vegan Cookie Lemon &amp; Poppy Seed Gluten Free Organic, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/sproud-original-drink-powered-by-peas-unsweetened-1-l-7284">
          <img alt="Sproud Original Drink powered by peas unsweetened" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4141/file/small-09a0793a845be4cdd846baabf806044b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4141/file/medium-f53791bbf659046b33572badaa517e24.webp 900w, https://assets.fabulous.ch/public/variant_asset/4141/file/large-0837de57a63ac50b49e0f82a08f361d0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4141/file/medium-f53791bbf659046b33572badaa517e24.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">SPROUD</p>
          <a href="/en/products/sproud-original-drink-powered-by-peas-unsweetened-1-l-7284">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sproud Original Drink powered by peas unsweetened, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </div>
    </div>
  </div>


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/sproud-barista-drink-powered-by-peas-1-l-7285">
          <img alt="Sproud BARISTA Drink powered by peas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4144/file/small-fc48b43084a96e256cbc758cc42c6637.webp 600w, https://assets.fabulous.ch/public/variant_asset/4144/file/medium-337cd6cc47d4086cfceda438b9b2003f.webp 900w, https://assets.fabulous.ch/public/variant_asset/4144/file/large-a0e04e1079009b30ae4e3c328e3dd215.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4144/file/medium-337cd6cc47d4086cfceda438b9b2003f.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">SPROUD</p>
          <a href="/en/products/sproud-barista-drink-powered-by-peas-1-l-7285">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sproud BARISTA Drink powered by peas, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Nkqk83LdcELS3MC2oXsav05PFDZwpfM8qrLbHeZi1PAIwCqu109Ng0yN8y_Xs_qMS40zywKTY485ptg202pA1g" />
    <input value="7285" 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/sunflower-mince-basic-bulk-buy-organic-500-g-7295">
          <img alt="Sunflower Mince Basic Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4149/file/small-a66c6e3697d1a86833e08fd8b3a99fcb.webp 600w, https://assets.fabulous.ch/public/variant_asset/4149/file/medium-e0675be8f8a8f3854a16ee2c24a0f1cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/4149/file/large-e7fb73fe8a98ac39312ed2daf0e9de78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4149/file/medium-e0675be8f8a8f3854a16ee2c24a0f1cb.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">Sunflower Family</p>
          <a href="/en/products/sunflower-mince-basic-bulk-buy-organic-500-g-7295">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sunflower Mince Basic Bulk Buy Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l6Q6SSs6-3lxZQdX6RdCSMo2MO0YfbAJ6nw_9HRs0X6pLrQUjqjGuO80NM6f36J7z_QXEGpLILp5aDzfQWRFWA" />
    <input value="7295" 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/amaizin-taco-sauce-hot-organic-220-g-7298">
          <img alt="Amaizin Taco Sauce HOT Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4156/file/small-5501ac91790fa2275b304ba93c62f130.webp 600w, https://assets.fabulous.ch/public/variant_asset/4156/file/medium-6c86c933d3dce26de46afacfc11a4541.webp 900w, https://assets.fabulous.ch/public/variant_asset/4156/file/large-78a1068910c9751d57f7876fa35897c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4156/file/medium-6c86c933d3dce26de46afacfc11a4541.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">Amaizin</p>
          <a href="/en/products/amaizin-taco-sauce-hot-organic-220-g-7298">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amaizin Taco Sauce HOT Organic, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AFqPuF2qucrtQbqUPTywScdeJeYgOAStx_lP53fxjBs-0AHl-DiEC3MQiQ1L9FB6wpwCG1IOlB5U7UzMQvkYPQ" />
    <input value="7298" 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/amaizin-fajita-seasoning-sachet-organic-30-g-7300">
          <img alt="Amaizin Fajita Seasoning Sachet Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4158/file/small-9175840cf8a432b7eeece2e28310955b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4158/file/medium-d5a7d307c0777d2d701b54963d3919a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/4158/file/large-a67419020dfe68c12654d7b20d9f4bf6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4158/file/medium-d5a7d307c0777d2d701b54963d3919a7.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">Amaizin</p>
          <a href="/en/products/amaizin-fajita-seasoning-sachet-organic-30-g-7300">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amaizin Fajita Seasoning Sachet Organic, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lX6gI-i2gTDZRvOQkfOvPZRurI60cNQbRQfX-IjNEU-r9C5-TSS88UcXwAnnO08OkayLc8ZGRKjWE9TTvcWFaQ" />
    <input value="7300" 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/coffee-bonga-red-mountain-capsules-espresso-compostable-organic-10-capsules-10-piece-7301">
          <img alt="Coffee Bonga Red Mountain Capsules Espresso compostable organic, 10 capsules" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4159/file/small-be9f60ad6765c8ae7e22fedc625f550a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4159/file/medium-72e249765d694f385801a8514ff261c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4159/file/large-729f1a1503079b61ccebe1fc3f48b051.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4159/file/medium-72e249765d694f385801a8514ff261c0.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">Original Food</p>
          <a href="/en/products/coffee-bonga-red-mountain-capsules-espresso-compostable-organic-10-capsules-10-piece-7301">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coffee Bonga Red Mountain Capsules Espresso compostable organic, 10 capsules, 10 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P9ajICnUP8sCeRMkSMQspbBQRw3K3GNr4YQQJm7rxGABXC19jEYCCpwoIL0-DMyWtZJg8Ljq89hykBMNW-NQRg" />
    <input value="7301" 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/cucumber-in-glas-jar-demeter-720-ml-7307">
          <img alt="Cucumber in Glas Jar Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4162/file/small-5c994118112bf2e6c63990d28f219566.webp 600w, https://assets.fabulous.ch/public/variant_asset/4162/file/medium-bc712596f175a6dd4387b682a5e0ed30.webp 900w, https://assets.fabulous.ch/public/variant_asset/4162/file/large-ceff801f96cdae0610b5965e0a9750d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4162/file/medium-bc712596f175a6dd4387b682a5e0ed30.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">Schweizer Naturkost</p>
          <a href="/en/products/cucumber-in-glas-jar-demeter-720-ml-7307">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cucumber in Glas Jar Demeter, 720 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kvoefqsxTUid-1O6OTd_dCRsM2BrEHvRGb9Tk3AGnVyscJAjDqNwiQOqYCNP_59HIa4UnRkm62KKq1C4RQ4Jeg" />
    <input value="7307" 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/lava-pumice-with-tray-for-luffa-plasticfree-1-pcs-1-piece-7308">
          <img alt="Lava Pumice with tray for Luffa #plasticfree, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4163/file/small-558c41427286d9e0c78f12beb3cf28d4.webp 600w, https://assets.fabulous.ch/public/variant_asset/4163/file/medium-22bab2d18658d93e11bb23d7126cf766.webp 900w, https://assets.fabulous.ch/public/variant_asset/4163/file/large-57a7f840cb79cae71933d95ac2d213e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4163/file/medium-22bab2d18658d93e11bb23d7126cf766.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">unicorn</p>
          <a href="/en/products/lava-pumice-with-tray-for-luffa-plasticfree-1-pcs-1-piece-7308">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lava Pumice with tray for Luffa #plasticfree, 1 pcs, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-cqOFGsS5feGdng88w9nmNfALuLm2acrBDqiuZVnw9LHQABJzoDYNhgnS6WFx4er0gIJH5TvN5iXLqGSoG9X9A" />
    <input value="7308" 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/loofah-pad-round-plasticfree-1-pcs-1-piece-7310">
          <img alt="Loofah Pad Round #plasticfree, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4165/file/small-af001fd54e4010572eddedd80a724843.webp 600w, https://assets.fabulous.ch/public/variant_asset/4165/file/medium-ce0be491a274416830eeef6a108a6254.webp 900w, https://assets.fabulous.ch/public/variant_asset/4165/file/large-8b20c1aea0f71600a9480e9aa51a97e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4165/file/medium-ce0be491a274416830eeef6a108a6254.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">unicorn</p>
          <a href="/en/products/loofah-pad-round-plasticfree-1-pcs-1-piece-7310">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Loofah Pad Round #plasticfree, 1 pcs, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CrSDBJ909nc5q6kEG8iDAv5y1y3kjzwakznosGCmIro0Pg1ZOubLtqf6mp1tAGMx-7Dw0Ja5rKkALeubVa62nA" />
    <input value="7310" 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/mini-corncob-organic-230-g-7311">
          <img alt="Mini Corncob Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4164/file/small-75bc95daef8190d75ef5b4bf936ab39e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4164/file/medium-bf51810467bed3b32cb8ee3059569914.webp 900w, https://assets.fabulous.ch/public/variant_asset/4164/file/large-08342d9ecfc917e8955532344eddcebb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4164/file/medium-bf51810467bed3b32cb8ee3059569914.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">Arche</p>
          <a href="/en/products/mini-corncob-organic-230-g-7311">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Corncob Organic, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vvfGYA_EyOvP6NESISnHMlDT1zHghnFvXGX97wH2UNyAfUg9qlb1KlG54otX4ScBVRHwzJKw4dzPcf7ENP7E-g" />
    <input value="7311" 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/luffa-pad-heartshaped-plasticfree-1-pcs-1-piece-7313">
          <img alt="Luffa Pad Heartshaped #plasticfree, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4167/file/small-7fc055e5ac42766d30e20e425e6f8080.webp 600w, https://assets.fabulous.ch/public/variant_asset/4167/file/medium-c7ae6f30accf01eb9a51076a0c6f1225.webp 900w, https://assets.fabulous.ch/public/variant_asset/4167/file/large-86f98ee13b78b396030be793950df814.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4167/file/medium-c7ae6f30accf01eb9a51076a0c6f1225.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">unicorn</p>
          <a href="/en/products/luffa-pad-heartshaped-plasticfree-1-pcs-1-piece-7313">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Luffa Pad Heartshaped #plasticfree, 1 pcs, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JW11B4xyebGV_wKo1YgbzpxUCb9UtI4YIWhMkt9e028b5_taKeBEcAuuMTGjQPv9mZYuQiaCHquyfE-56lZHSQ" />
    <input value="7313" 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/loofah-soap-tray-plasticfree-1-pcs-1-piece-7315">
          <img alt="Loofah Soap Tray #plasticfree, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4169/file/small-1accfc278da8d8c6c443bf61d7489543.webp 600w, https://assets.fabulous.ch/public/variant_asset/4169/file/medium-b9745dd2f1ff9a242f2f9633f34cf63f.webp 900w, https://assets.fabulous.ch/public/variant_asset/4169/file/large-4411bf8f99c90530498707b6302b50fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4169/file/medium-b9745dd2f1ff9a242f2f9633f34cf63f.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">unicorn</p>
          <a href="/en/products/loofah-soap-tray-plasticfree-1-pcs-1-piece-7315">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Loofah Soap Tray #plasticfree, 1 pcs, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dBWwCoz0emprcER79kUYwTs-nB3Q-VKyPgbTP2gMpVdKnz5XKWZHq_Uhd-KAjfjyPvy74KLPwgGtEtAUXQQxcQ" />
    <input value="7315" 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/interdental-brush-0-40mm-plasticfree-6-pcs-6-piece-7326">
          <img alt="Interdental Brush 0.40mm #plasticfree, 6 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4185/file/small-e934a1a777d2440af78be3b687a68d28.webp 600w, https://assets.fabulous.ch/public/variant_asset/4185/file/medium-78d912578a9a6147e8be1bdbf7b6104c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4185/file/large-0adee94930cf5e2a52ac2dbf4cbdafd8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4185/file/medium-78d912578a9a6147e8be1bdbf7b6104c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hydrophil</p>
          <a href="/en/products/interdental-brush-0-40mm-plasticfree-6-pcs-6-piece-7326">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Interdental Brush 0.40mm #plasticfree, 6 pcs, 6 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P-DNOLKSIDPSXhV_SpLXVi7rJ0yvWzcrTIPLz_WCv3EBakNlFwAd8kwPJuY8WjdlKykAsd1tp5jfl8jkwIorVw" />
    <input value="7326" 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/interdental-brush-0-45mm-plasticfree-6-pcs-6-piece-7327">
          <img alt="Interdental Brush 0.45mm #plasticfree, 6 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4186/file/small-6e2ff5ba9728493f47e39948174b28b5.webp 600w, https://assets.fabulous.ch/public/variant_asset/4186/file/medium-cbd178370e57e9edc3636b7be44ffcb1.webp 900w, https://assets.fabulous.ch/public/variant_asset/4186/file/large-0834c24e55dafe2f1a146452821fc2d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4186/file/medium-cbd178370e57e9edc3636b7be44ffcb1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hydrophil</p>
          <a href="/en/products/interdental-brush-0-45mm-plasticfree-6-pcs-6-piece-7327">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Interdental Brush 0.45mm #plasticfree, 6 pcs, 6 pieces</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 0.83 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lD-gCzZvESnhk0IuILZagti_9jckoMxUUj58dgXkTqOqtS5Wk_0s6H_CcbdWfrqx3X3RylaWXOfBKn9dMOzahQ" />
    <input value="7327" 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;780 of 3&#39;185 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/shaws?format=turbo_stream&amp;page=90">Show more</a>
  </div>
</div>

</template></turbo-stream>