<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/my-yo-yoghurt-machine-green-without-electricity-1-piece-3557">
          <img alt="My.Yo yoghurt machine GREEN without electricity" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2338/file/small-3cfe66de8d5fd47248954412f07044f2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2338/file/medium-65fc2a64c986dd8761a6d06d67bd5e29.webp 900w, https://assets.fabulous.ch/public/variant_asset/2338/file/large-064cc8d6c43f576964cad9a48c8fc968.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2338/file/medium-65fc2a64c986dd8761a6d06d67bd5e29.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">my.yo</p>
          <a href="/en/products/my-yo-yoghurt-machine-green-without-electricity-1-piece-3557">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">My.Yo yoghurt machine GREEN without electricity, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bCmfpWUG_a7MW-kUt_VaaAwB_64U6haJBraSUP14xpWKKnxQ1aKzH3qK0JrRnRA6k8ehPUKA7KtH9N6Yb_neSA" />
    <input value="3557" 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/cannabidiol-cbd-ein-cannabishaltiges-compendium-1-piece-3558">
          <img alt="Cannabidiol (CBD): Ein cannabishaltiges Compendium" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2339/file/small-f79b6eff16e7c2bed582c60ee2edcca3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2339/file/medium-7afb9ba10242b8f31b61595dc9854dd3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2339/file/large-f21bde51ac0813bc4ea828c9857afc1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2339/file/medium-7afb9ba10242b8f31b61595dc9854dd3.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">Buchverlag</p>
          <a href="/en/products/cannabidiol-cbd-ein-cannabishaltiges-compendium-1-piece-3558">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cannabidiol (CBD): Ein cannabishaltiges Compendium, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vDKCIcDK3nJz1MQWDY1R5kTZEAsjsH58ENEYtUu2fG9aMWHUcG6Qw8UF_Zhr5Ru02x9OmHXahF5Rk1R92Tdksg" />
    <input value="3558" 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/cannabidiol-cbd-ein-cannabishaltiges-compendium-1-piece-5a3e6960-300c-4e7f-ab53-b624720f0392-3561">
          <img alt="Cannabidiol (CBD): Ein cannabishaltiges Compendium" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2343/file/small-98aa38a6118df752e4aaca26e97a3975.webp 600w, https://assets.fabulous.ch/public/variant_asset/2343/file/medium-84fc65fd3fc661dfa5942fe5a325c7e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2343/file/large-4d986f62f4a8221456d4b73a9b5af5fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2343/file/medium-84fc65fd3fc661dfa5942fe5a325c7e8.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">Buchverlag</p>
          <a href="/en/products/cannabidiol-cbd-ein-cannabishaltiges-compendium-1-piece-5a3e6960-300c-4e7f-ab53-b624720f0392-3561">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cannabidiol (CBD): Ein cannabishaltiges Compendium, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HIStJA5IyU1IzBUR8-p2_Z3a6pRtEMdJ5mUcRHqPbCn6h07RvuyH_P4dLJ-VgjyvAhy0Bzt6PWunJ1CM6A509A" />
    <input value="3561" 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/sprouted-seeds-fenugreek-organic-150-g-3607">
          <img alt="Sprouted Seeds Fenugreek Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2361/file/small-df9bd9d0e7ae1983404be82716a4b647.webp 600w, https://assets.fabulous.ch/public/variant_asset/2361/file/medium-27f38f15217a64fc6153496bf8acd2a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/2361/file/large-3cfd3954b23cdb9e2b12976fb22e36cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2361/file/medium-27f38f15217a64fc6153496bf8acd2a1.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">Germline</p>
          <a href="/en/products/sprouted-seeds-fenugreek-organic-150-g-3607">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sprouted Seeds Fenugreek Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2rHxmHzUUzK7rq7UYQekL4ayjdlF9xq-C9vqY-N4Ci08shJtzHAdgw1_l1oHb-59GXTTShOd4JxKmaarcfkS8A" />
    <input value="3607" 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/sprouted-seeds-mung-bean-organic-200-g-3608">
          <img alt="Sprouted Seeds Mung Bean Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2363/file/small-bdc9ba312e35dfaa9ebdba9954884388.webp 600w, https://assets.fabulous.ch/public/variant_asset/2363/file/medium-be81866fdd4ec79fcae9628a6932075b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2363/file/large-8c4c254896b87f843aefc68bdd131235.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2363/file/medium-be81866fdd4ec79fcae9628a6932075b.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">Germline</p>
          <a href="/en/products/sprouted-seeds-mung-bean-organic-200-g-3608">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sprouted Seeds Mung Bean Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="byShLPjzGbF7HwCwdQzmJVEadMmYvqNJu7QADOaRcWqJJ0LZSFdXAM3OOT4TZKx3ztwqWs7UWWv69kzEdBBptw" />
    <input value="3608" 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/organic-alfalfa-sprouting-seeds-150-g-3609">
          <img alt="Organic Alfalfa Sprouting Seeds" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2364/file/small-4cc21c43d98a102906df667d5ff50f20.webp 600w, https://assets.fabulous.ch/public/variant_asset/2364/file/medium-856dfd7a1eac2113c99c9d72f5088e70.webp 900w, https://assets.fabulous.ch/public/variant_asset/2364/file/large-3a265fd634ac176eae4ba8840a8347d8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2364/file/medium-856dfd7a1eac2113c99c9d72f5088e70.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">Germline</p>
          <a href="/en/products/organic-alfalfa-sprouting-seeds-150-g-3609">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Organic Alfalfa Sprouting Seeds, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_qeqvR7_54uipYLQydQoa7kofb-sURGtjE8KVBehvc4YpElIrlupOhR0u16vvGI5Ju4jLPo764_NDUachSClEw" />
    <input value="3609" 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/magnesium-citrate-powder-200-g-3642">
          <img alt="Magnesium Citrate Powder" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2381/file/small-a8b4e9be477f305b204d9802b8a9a769.webp 600w, https://assets.fabulous.ch/public/variant_asset/2381/file/medium-822447f1dd116a98c22b42e2ba2bcd3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2381/file/large-938b8d9991d7a8870eecc7a2bd965754.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2381/file/medium-822447f1dd116a98c22b42e2ba2bcd3e.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">Raab</p>
          <a href="/en/products/magnesium-citrate-powder-200-g-3642">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Magnesium Citrate Powder, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b2Onuewutq1VEkz8Sp1Q7nLHHd_afcNlpG_v8Dl4m1yJYERMXIr4HOPDdXIs9Rq87QFDTIwXOUflLaM4q_mDgQ" />
    <input value="3642" 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/basis-sensitiv-anti-ageing-eye-cream-q10-15-ml-3649">
          <img alt="basis sensitiv Anti-ageing Eye cream Q10" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2389/file/small-05e238b5f62505cd2c0633e4935e2de9.webp 600w, https://assets.fabulous.ch/public/variant_asset/2389/file/medium-53af08776c2307b1602b3a0e78e7a88b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2389/file/large-8b60a4ce68d6b6d92ba25c88b565099e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2389/file/medium-53af08776c2307b1602b3a0e78e7a88b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/basis-sensitiv-anti-ageing-eye-cream-q10-15-ml-3649">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">basis sensitiv Anti-ageing Eye cream Q10, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fDnGa1234ptjkthWB0AjlB9oWYdaWigoWFNrqSyyv06aOiWe7ROsKtVD4dhhKGnGgK4HFAww0goZESdhvjOnkw" />
    <input value="3649" 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/benevo-chewy-strips-rumble-strips-180-g-3660">
          <img alt="Benevo Chewy Strips - Rumble Strips" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2390/file/small-3272c10096e448d27854b2f1f135c701.webp 600w, https://assets.fabulous.ch/public/variant_asset/2390/file/medium-0a2e28f4d095384f991599150f438a42.webp 900w, https://assets.fabulous.ch/public/variant_asset/2390/file/large-23594ca667d99357b6ebe7b2fbd77643.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2390/file/medium-0a2e28f4d095384f991599150f438a42.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">Benevo</p>
          <a href="/en/products/benevo-chewy-strips-rumble-strips-180-g-3660">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benevo Chewy Strips - Rumble Strips, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hf-XaoWVPWLTbavyfSYUp-viFTJ10WhkUNwB_QlrP577_HSfNTFz02W8knwbTl71dCRLoSO7kkYRnk01m-onQw" />
    <input value="3660" 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-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/benevo-chew-bones-small-pawtato-knots-150-g-3663">
          <img alt="Benevo Chew Bones SMALL Pawtato Knots" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2395/file/small-d38ed2e9b35b9ad48ec4b86ac70504e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2395/file/medium-99fe375f4d0b821ddd954304100eb947.webp 900w, https://assets.fabulous.ch/public/variant_asset/2395/file/large-41e0b07c01c2d6e6099ca63cd5c3a13d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2395/file/medium-99fe375f4d0b821ddd954304100eb947.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">Benevo</p>
          <a href="/en/products/benevo-chew-bones-small-pawtato-knots-150-g-3663">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benevo Chew Bones SMALL Pawtato Knots, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

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

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <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/benevo-chew-sticks-spinach-kale-pawtato-sticks-120-g-3664">
          <img alt="Benevo Chew Sticks Spinach / Kale Pawtato Sticks" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2396/file/small-1e73d4f406cf725cd4b50fdd662c038c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2396/file/medium-dc33f26df43ad5cf1647c41e4b4f0281.webp 900w, https://assets.fabulous.ch/public/variant_asset/2396/file/large-87af1a9c0b101df65c160e8e613d90b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2396/file/medium-dc33f26df43ad5cf1647c41e4b4f0281.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">Benevo</p>
          <a href="/en/products/benevo-chew-sticks-spinach-kale-pawtato-sticks-120-g-3664">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benevo Chew Sticks Spinach / Kale Pawtato Sticks, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-3664-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/laundry-liquid-30-60-c-color-bulk-buy-10-l-3688">
          <img alt="Laundry Liquid 30–60 °C COLOR Bulk Buy" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2399/file/small-d1c5fbf9053e5e34d74967ae544b2b39.webp 600w, https://assets.fabulous.ch/public/variant_asset/2399/file/medium-9d2f6f8f46631a5f1328d60e711096b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/2399/file/large-92c8f5cea16eb44d060603ac65906b3e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2399/file/medium-9d2f6f8f46631a5f1328d60e711096b5.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">Sonett</p>
          <a href="/en/products/laundry-liquid-30-60-c-color-bulk-buy-10-l-3688">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Laundry Liquid 30–60 °C COLOR Bulk Buy, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 66.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uuGtl8rzYN_ycVSU2X4-56p-fUrGWetzO3h2mtasLRtc4k5ielcubkSgbRq_FnS1Nbgj2ZAzEVF6OjpSRC01xg" />
    <input value="3688" 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/laundry-liquid-30-95-c-sensitive-without-perfume-bulk-buy-10-l-3689">
          <img alt="Laundry Liquid 30–95 °C SENSITIVE (without perfume) Bulk Buy" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2402/file/small-d99b53e64e5be371c1d98961d5b2c4c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/2402/file/medium-0a4f7c95bfd0385e17863d7ac4953bf3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2402/file/large-a30aec72a723f916599d8f2039ed5a2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2402/file/medium-0a4f7c95bfd0385e17863d7ac4953bf3.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">Sonett</p>
          <a href="/en/products/laundry-liquid-30-95-c-sensitive-without-perfume-bulk-buy-10-l-3689">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Laundry Liquid 30–95 °C SENSITIVE (without perfume) Bulk Buy, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 62.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wYHcoVg8M9EhJ2GuPWmVpIAXvtIWe1KhaTLDsy1KNMkngj9U6Jh9YJf2WCBbAd_2H9HgQUARqIMocI97v8ssFA" />
    <input value="3689" 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/bag-for-potato-made-from-jute-1-piece-3705">
          <img alt="Bag for Potato made from Jute" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2403/file/small-47e997521744b9fc37c0ef40f450a8b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2403/file/medium-e5547a46dd2bdbc06e0aa058524715c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2403/file/large-fe0c1072b51a54b21c14bae245774e67.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2403/file/medium-e5547a46dd2bdbc06e0aa058524715c2.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">zielonka</p>
          <a href="/en/products/bag-for-potato-made-from-jute-1-piece-3705">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bag for Potato made from Jute, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AWo-HxrAehe2pHfrhBednxcnvOeUKm_cRBcOX-972Rznad3qqmQ0pgB1TmXif9fNiOHidMJAlf4FVUKXffrBwQ" />
    <input value="3705" 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/soup-ramen-noodle-with-ginger-organic-108-g-3728">
          <img alt="Soup Ramen Noodle with Ginger Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2413/file/small-38bc718bafd7a6be79f26e626562910d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2413/file/medium-c6f1bb3e62ad78e1eae425218db94c67.webp 900w, https://assets.fabulous.ch/public/variant_asset/2413/file/large-85682224abfe5ed3be40a1db3fb25781.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2413/file/medium-c6f1bb3e62ad78e1eae425218db94c67.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/soup-ramen-noodle-with-ginger-organic-108-g-3728">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soup Ramen Noodle with Ginger Organic, 108 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lq6_K0hRUznv61-IubduyyUiLjdZohd0SyKMFPYCr8rIrVze-PUdiFk6Zgbf3ySZuuRwpA_I7VYKYMDcZIO3Fw" />
    <input value="3728" 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/soup-instant-miso-soup-with-seaweed-organic-15-g-3729">
          <img alt="Soup Instant Miso Soup with Seaweed Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2415/file/small-837635c6a3954a70a5b3f7f8b62849c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2415/file/medium-27187d1c6d98f0c18548a567a0c3a36b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2415/file/large-01f1f635207cc18ef60ef134e3fba201.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2415/file/medium-27187d1c6d98f0c18548a567a0c3a36b.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/soup-instant-miso-soup-with-seaweed-organic-15-g-3729">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soup Instant Miso Soup with Seaweed Organic, 4 x 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ri5VtFRlVUiGo6Rvr__SA7qktqbLjbrYgasAzIJGFlugLbZB5MEb-TByneHJl5hRJWLoNZ3nQPrA6UwEEMcOhg" />
    <input value="3729" 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/soup-instant-miso-soup-with-spring-onions-organic-10-g-3730">
          <img alt="Soup Instant Miso Soup with Spring Onions Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2418/file/small-739f0eb02cc50cd1b10809671349317b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2418/file/medium-7d952139067f5b48f1ea46ee460dbb3b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2418/file/large-92f4610d85d6b7d0b7c4e6a2cf00cbac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2418/file/medium-7d952139067f5b48f1ea46ee460dbb3b.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/soup-instant-miso-soup-with-spring-onions-organic-10-g-3730">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soup Instant Miso Soup with Spring Onions Organic, 4 x 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VZdgjqemQ0_cx5vmJYM-BRsPaqVFG6jLSHvtxjKieLmzlIN7FwIN_moWomhD63RXhMk0NhNxUukJOaEOoCNgZA" />
    <input value="3730" 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/bag-for-onions-made-from-jute-1-piece-3740">
          <img alt="Bag for Onions made from Jute" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2419/file/small-123fb53adbcbbd76068633a644f3694b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2419/file/medium-5526a582f2cc9b50d09af573d9e2dce6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2419/file/large-844b6fc72c9d2b2fd6d48b0e0db51913.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2419/file/medium-5526a582f2cc9b50d09af573d9e2dce6.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">zielonka</p>
          <a href="/en/products/bag-for-onions-made-from-jute-1-piece-3740">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bag for Onions made from Jute, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-sLG0H99QF7Z0MAAeYlh-2jeCqLPnzf6MAMBVM3URR0cwSUlz9kO728B-Y4f4Sup9xhUMZn1zdhxQU2cX1VdwA" />
    <input value="3740" 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/bag-for-garlic-made-from-jute-1-piece-3741">
          <img alt="Bag for Garlic made from Jute" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2420/file/small-4fc98519ff4d0c46b373e8383c5ca6e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2420/file/medium-e759d9f327ceda801baa66c206cd9355.webp 900w, https://assets.fabulous.ch/public/variant_asset/2420/file/large-e150da69f9fbadbd784e444ce13c5987.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2420/file/medium-e759d9f327ceda801baa66c206cd9355.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">zielonka</p>
          <a href="/en/products/bag-for-garlic-made-from-jute-1-piece-3741">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bag for Garlic made from Jute, 1 piece</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 5.95 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Iu5r1deIQV_F4KpGGQeYFzsTf4BbLjr9sq7zd1sSXTPE7YggZywP7nMxk8h_b9JFpNUhEw1EwN_z7L-_yZNF7g" />
    <input value="3741" 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/eco-straws-bamboo-2-straws-1-piece-3744">
          <img alt="Eco Straws Bamboo 2 Straws" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2422/file/small-e316441dad5944d70d22762e50bfe15d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2422/file/medium-ab78dee8db0d92e3b330d6d2c24b9446.webp 900w, https://assets.fabulous.ch/public/variant_asset/2422/file/large-a0c8f7da9f45d00e2cc2f61e4e2d262e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2422/file/medium-ab78dee8db0d92e3b330d6d2c24b9446.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">ecobamboo</p>
          <a href="/en/products/eco-straws-bamboo-2-straws-1-piece-3744">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eco Straws Bamboo 2 Straws, 1 piece</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 4.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oVRBeSING4g5lCz0esE6mLivReCW_Hq1K4o4xmEX0qVHV6KMkqlVOY9FFXocqXDKJ2kbc8CWgJdqyHQO85bKeA" />
    <input value="3744" 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;500 of 3&#39;202 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/henauer-kaffee?format=turbo_stream&amp;page=76">Show more</a>
  </div>
</div>

</template></turbo-stream>