<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">
    <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/dog-chews-vegan-soopa-coconut-100-g-8364">
          <img alt="Dog Chews Vegan Soopa Coconut" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4924/file/small-7cb8c6821150b2cd6553a623cf9285d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/4924/file/medium-7d38b651e0b3dc3bef8d07d20d8675db.webp 900w, https://assets.fabulous.ch/public/variant_asset/4924/file/large-fe6266a3854f37a1588576e43d330e99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4924/file/medium-7d38b651e0b3dc3bef8d07d20d8675db.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">Soopa</p>
          <a href="/en/products/dog-chews-vegan-soopa-coconut-100-g-8364">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dog Chews Vegan Soopa Coconut, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-8364-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">
    <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/dog-chews-vegan-soopa-papaya-85-g-8365">
          <img alt="Dog Chews Vegan Soopa Papaya" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4925/file/small-b4e72c38bb066bb9157b075366fa9d05.webp 600w, https://assets.fabulous.ch/public/variant_asset/4925/file/medium-b658a038a96773182fc733ebf4f9555d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4925/file/large-e245b67352c974528a8e102c03c262f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4925/file/medium-b658a038a96773182fc733ebf4f9555d.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">Soopa</p>
          <a href="/en/products/dog-chews-vegan-soopa-papaya-85-g-8365">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dog Chews Vegan Soopa Papaya, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-8365-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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/dog-chews-vegan-soopa-sweet-potato-100-g-8366">
          <img alt="Dog Chews Vegan Soopa Sweet Potato" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4927/file/small-0357d2d9ae86cb08ecd7240412960476.webp 600w, https://assets.fabulous.ch/public/variant_asset/4927/file/medium-0aa7ac7c2d348155d57e0915d80b5fd5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4927/file/large-7c2ed9a91f7783085ae41f843cf74143.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4927/file/medium-0aa7ac7c2d348155d57e0915d80b5fd5.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">Soopa</p>
          <a href="/en/products/dog-chews-vegan-soopa-sweet-potato-100-g-8366">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dog Chews Vegan Soopa Sweet Potato, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dbxWpHMxLZryz6s_TNhurJ4zexJyy_1HqhLOmHm1JBYvecLQgLwVqA3FXGsngseblGmMRVhvNod3K0OA9UDiLA" />
    <input value="8366" 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/dog-dental-sticks-vegan-soopa-banana-and-peanut-butter-100-g-8367">
          <img alt="Dog Dental Sticks Vegan Soopa Banana and Peanut Butter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4928/file/small-abd9dc1a535a3546ef3c6cc268a0592c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4928/file/medium-8d05878e361d1e44d1c760982db24e95.webp 900w, https://assets.fabulous.ch/public/variant_asset/4928/file/large-d923d1149181669c6165b0bf19f1cc96.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4928/file/medium-8d05878e361d1e44d1c760982db24e95.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">Soopa</p>
          <a href="/en/products/dog-dental-sticks-vegan-soopa-banana-and-peanut-butter-100-g-8367">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dog Dental Sticks Vegan Soopa Banana and Peanut Butter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rG81wfNNirDqAUYdJ_XtP5-YmS50ZVMeDHIFuolROPr2qqG1AMCyghULsUlMr0QIlcJueV7BmN7RS4iiBaT-wA" />
    <input value="8367" 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/dog-dental-sticks-vegan-soopa-carrot-and-pumpkin-100-g-8368">
          <img alt="Dog Dental Sticks Vegan Soopa Carrot and Pumpkin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4929/file/small-faa10ae2d7c42ad8d1ca59fa9dd24e22.webp 600w, https://assets.fabulous.ch/public/variant_asset/4929/file/medium-d5f7118be2b6da3bde7d1de2ed49fa0f.webp 900w, https://assets.fabulous.ch/public/variant_asset/4929/file/large-a1510fa22ebec2bb23f37bdcb54c24db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4929/file/medium-d5f7118be2b6da3bde7d1de2ed49fa0f.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">Soopa</p>
          <a href="/en/products/dog-dental-sticks-vegan-soopa-carrot-and-pumpkin-100-g-8368">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dog Dental Sticks Vegan Soopa Carrot and Pumpkin, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-8368-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/dog-dental-sticks-vegan-soopa-kale-and-apple-100-g-8369">
          <img alt="Dog Dental Sticks Vegan Soopa Kale and Apple" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4930/file/small-916eed4f93d6036e1490f77ec1590c5a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4930/file/medium-487cf30024ddcfd99cb050d180e8e165.webp 900w, https://assets.fabulous.ch/public/variant_asset/4930/file/large-741524b9982dce1658864f2e2fa973f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4930/file/medium-487cf30024ddcfd99cb050d180e8e165.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">Soopa</p>
          <a href="/en/products/dog-dental-sticks-vegan-soopa-kale-and-apple-100-g-8369">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dog Dental Sticks Vegan Soopa Kale and Apple, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2VG_Hu7oA7YK6q0pHLU1KpZkXta9zlrmdQ9R_3qQQQSDlCtqHWU7hPXgWn1375wdnD6pgZdqkSaoNtzn9mWHPg" />
    <input value="8369" 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/dog-dental-sticks-vegan-soopa-coconut-and-chia-100-g-8370">
          <img alt="Dog Dental Sticks Vegan Soopa Coconut and Chia" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4934/file/small-ad076207f273202fadad250ed6fabd15.webp 600w, https://assets.fabulous.ch/public/variant_asset/4934/file/medium-bd665669779d4017d08d8dada6542aee.webp 900w, https://assets.fabulous.ch/public/variant_asset/4934/file/large-4de0215a70c32bf0ba2840eb31321cb3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4934/file/medium-bd665669779d4017d08d8dada6542aee.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">Soopa</p>
          <a href="/en/products/dog-dental-sticks-vegan-soopa-coconut-and-chia-100-g-8370">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dog Dental Sticks Vegan Soopa Coconut and Chia, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4hSb8ed_3RAFzwno1-wvDHLnHQSZQw9-cotMJPyH67q40Q-FFPLlIvrF_ry8toY7eL3qU7PnxL6vssE8cHItgA" />
    <input value="8370" 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/jellys-bears-without-sugar-50-g-8375">
          <img alt="Jellys Bears Without Sugar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4946/file/small-9bfbb783ac4e2b4ba478e6fd0974e807.webp 600w, https://assets.fabulous.ch/public/variant_asset/4946/file/medium-493e2ede58373748a9a9ec1cb9f2b2ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/4946/file/large-d29f5f4650ed7baa9c6ee8c16967de58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4946/file/medium-493e2ede58373748a9a9ec1cb9f2b2ab.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">Birkengold</p>
          <a href="/en/products/jellys-bears-without-sugar-50-g-8375">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jellys Bears Without Sugar, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TqhgMeluOG7sfK3XcO7zXu8eiVEYLBOo9BDkuPsEnKsUbfRFGuMAXBN2WoMbtFpp5UR-BjKI2GgpKWmgd_FakQ" />
    <input value="8375" 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/dog-treats-bites-vegan-soopa-banana-and-peanut-butter-50-g-8400">
          <img alt="Dog Treats Bites Vegan Soopa Banana and Peanut Butter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4956/file/small-b5141fcd1c8bec04f8102033f7aebf04.webp 600w, https://assets.fabulous.ch/public/variant_asset/4956/file/medium-b02a38ea4e6688e9d3614b8d957a693a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4956/file/large-061d51284edad40fa324fdd33296e3bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4956/file/medium-b02a38ea4e6688e9d3614b8d957a693a.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">Soopa</p>
          <a href="/en/products/dog-treats-bites-vegan-soopa-banana-and-peanut-butter-50-g-8400">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dog Treats Bites Vegan Soopa Banana and Peanut Butter, 50 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 11.90 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8400-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/dog-treats-bites-vegan-soopa-coconut-and-chia-50-g-8401">
          <img alt="Dog Treats Bites Vegan Soopa Coconut and Chia" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4957/file/small-c867d9db75f86e2ccf9d10d23f39ecc7.webp 600w, https://assets.fabulous.ch/public/variant_asset/4957/file/medium-083e163d46f1531a01e4bf86f51d0179.webp 900w, https://assets.fabulous.ch/public/variant_asset/4957/file/large-c529fd5fd30e64a3a9a4979bb402725d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4957/file/medium-083e163d46f1531a01e4bf86f51d0179.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">Soopa</p>
          <a href="/en/products/dog-treats-bites-vegan-soopa-coconut-and-chia-50-g-8401">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dog Treats Bites Vegan Soopa Coconut and Chia, 50 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 11.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AqnqejNLvIwnCNcNarsZJblNtQqqf2nhQQH4HYM0H4JYbH4OwMaEvtgCIFkB4bASsxdCXYDboiGcOHUFD8HZuA" />
    <input value="8401" 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/dog-treats-bites-vegan-soopa-carrot-and-pumpkin-50-g-8402">
          <img alt="Dog Treats Bites Vegan Soopa Carrot and Pumpkin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4958/file/small-0c2a6df230daee785e836caef00b758c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4958/file/medium-2af3e2b26356aa1ebc105b35dbc55d6f.webp 900w, https://assets.fabulous.ch/public/variant_asset/4958/file/large-580712ae54b9b7117e84698be7891fba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4958/file/medium-2af3e2b26356aa1ebc105b35dbc55d6f.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">Soopa</p>
          <a href="/en/products/dog-treats-bites-vegan-soopa-carrot-and-pumpkin-50-g-8402">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dog Treats Bites Vegan Soopa Carrot and Pumpkin, 50 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 11.90 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8402-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">
    <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/dog-treats-bites-vegan-soopa-kale-and-apple-50-g-8403">
          <img alt="Dog Treats Bites Vegan Soopa Kale and Apple" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4959/file/small-e66b54697880f9bc8f11d38adf26a226.webp 600w, https://assets.fabulous.ch/public/variant_asset/4959/file/medium-5287f20fcb3448fd42795b82fc5d5a76.webp 900w, https://assets.fabulous.ch/public/variant_asset/4959/file/large-3396aef6554df53ba07f2aea89c66ca7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4959/file/medium-5287f20fcb3448fd42795b82fc5d5a76.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">Soopa</p>
          <a href="/en/products/dog-treats-bites-vegan-soopa-kale-and-apple-50-g-8403">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dog Treats Bites Vegan Soopa Kale and Apple, 50 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 11.90 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8403-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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/dog-shampoo-conditioning-got-an-itch-250-ml-8404">
          <img alt="Dog Shampoo Conditioning Got An Itch?" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4967/file/small-63174fe4a1e91f108ce0538c49727b28.webp 600w, https://assets.fabulous.ch/public/variant_asset/4967/file/medium-e9125809b848f4e27372bea65d9a812a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4967/file/large-f35d0463b2be042b4198eb3296a7efe5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4967/file/medium-e9125809b848f4e27372bea65d9a812a.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">HOWND</p>
          <a href="/en/products/dog-shampoo-conditioning-got-an-itch-250-ml-8404">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dog Shampoo Conditioning Got An Itch?, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LgOKZuPqV65Ah4iZ8kkN85VpwA9UBXgP5edyEljEkv90xh4SEGdvnL-Nf82ZE6TEnzM3WH6hs8843v8K1DFUxQ" />
    <input value="8404" 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/dog-shampoo-conditioning-yup-you-stink-250-ml-8405">
          <img alt="Dog Shampoo Conditioning Yup You Stink!" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4968/file/small-b11bebd2d6c5091460d0cb24ae10d235.webp 600w, https://assets.fabulous.ch/public/variant_asset/4968/file/medium-83c7a7d193ba3eac97c1fd51953cdf67.webp 900w, https://assets.fabulous.ch/public/variant_asset/4968/file/large-d714ceae3f8a732375dd43a800c2e461.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4968/file/medium-83c7a7d193ba3eac97c1fd51953cdf67.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">HOWND</p>
          <a href="/en/products/dog-shampoo-conditioning-yup-you-stink-250-ml-8405">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dog Shampoo Conditioning Yup You Stink!, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VVwAT4to6piB4UiYHvwBuU3fnaYx9vcvqNGvbncrM88PmZQ7eOXSqn7rv8x1pqiOR4Vq8RtSPO916CJ2-9719Q" />
    <input value="8405" 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/dog-shampoo-foam-wash-natural-dry-shampoo-200-ml-8406">
          <img alt="Dog Shampoo Foam Wash Natural Dry Shampoo" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4969/file/small-f5ad470b0eff7866a71d8dbd808633d6.webp 600w, https://assets.fabulous.ch/public/variant_asset/4969/file/medium-5d8ca84773b9beaa9644f02acadef66f.webp 900w, https://assets.fabulous.ch/public/variant_asset/4969/file/large-1950df9b277b31a8009d108194ecf856.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4969/file/medium-5d8ca84773b9beaa9644f02acadef66f.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">HOWND</p>
          <a href="/en/products/dog-shampoo-foam-wash-natural-dry-shampoo-200-ml-8406">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dog Shampoo Foam Wash Natural Dry Shampoo, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-8406-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/dog-shampoo-conditioning-keep-calm-250-ml-8408">
          <img alt="Dog Shampoo Conditioning Keep Calm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4972/file/small-63af7c1de2bdff7b13716db7218c28b4.webp 600w, https://assets.fabulous.ch/public/variant_asset/4972/file/medium-675a6d2457cfee6d847e9c3723bdc2e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/4972/file/large-e3f8b862347fa71c49756f0d11ebba69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4972/file/medium-675a6d2457cfee6d847e9c3723bdc2e7.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">HOWND</p>
          <a href="/en/products/dog-shampoo-conditioning-keep-calm-250-ml-8408">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dog Shampoo Conditioning Keep Calm, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4wsjfptpy4DXInKPhQ8y4ZbXkK-xGdvnXN_Nf22svg25zrcKaOTzsigohdvuVZvWnI1n-Ju9ECeB5kBn4Vl4Nw" />
    <input value="8408" 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/dogs-hownd-skin-nose-and-paw-balm-with-sun-protection-50-g-8409">
          <img alt="Dogs Hownd Skin, Nose and Paw Balm with Sun Protection" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4973/file/small-43bac38a33427ec730d846eb1a17d28c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4973/file/medium-1d7c37e1a922db3d9969a79de3902bab.webp 900w, https://assets.fabulous.ch/public/variant_asset/4973/file/large-276b10e51ee2c1560e425f592d80f3fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4973/file/medium-1d7c37e1a922db3d9969a79de3902bab.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">HOWND</p>
          <a href="/en/products/dogs-hownd-skin-nose-and-paw-balm-with-sun-protection-50-g-8409">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dogs Hownd Skin, Nose and Paw Balm with Sun Protection, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rUfxuGiV-TM9Ox4hkqlrRCGtKYIk9LO46WlLwzfoFWf3gmXMmxjBAcIx6XX588JzK_fe1Q5QeHg0UMbbux3TXQ" />
    <input value="8409" 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/rooibos-tea-organic-100-g-8442">
          <img alt="Rooibos Tea Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4983/file/small-b346ec1b14bbc9dbf32cb2d21fbca193.webp 600w, https://assets.fabulous.ch/public/variant_asset/4983/file/medium-86e7a6168ab012790c1b9bd5eba02f56.webp 900w, https://assets.fabulous.ch/public/variant_asset/4983/file/large-a96ca0f85cf3d8bc9d43a813f0710f43.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4983/file/medium-86e7a6168ab012790c1b9bd5eba02f56.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">Sonnentor</p>
          <a href="/en/products/rooibos-tea-organic-100-g-8442">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rooibos Tea Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MzF3KAJOlY-7cdxfBVyN8rTYS-SdFtpYf_7VAOtQG99p9ONc8cOtvUR7KwtuBiTFvoK8s7eyEZiix1gYZ6Xd5Q" />
    <input value="8442" 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/herbaria-blutquick-with-iron-and-vitamins-organic-250-ml-8469">
          <img alt="Herbaria Blutquick with Iron and Vitamins Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4985/file/small-a31979f29bd788bb25ada5f7509f1adb.webp 600w, https://assets.fabulous.ch/public/variant_asset/4985/file/medium-703452d683582611d2b87f362a7dc642.webp 900w, https://assets.fabulous.ch/public/variant_asset/4985/file/large-6d54b2203d1dbe45c4278aba09bb6c92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4985/file/medium-703452d683582611d2b87f362a7dc642.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">Herbaria</p>
          <a href="/en/products/herbaria-blutquick-with-iron-and-vitamins-organic-250-ml-8469">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Herbaria Blutquick with Iron and Vitamins Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mcZ5q4QICAoIr5EFzuMrvojvkFoPa3JFztGKb-wk5fXDA-3fd4UwOPelZlGluYKJgrVnDSXPuYUT6Ad3YNEjzw" />
    <input value="8469" 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/salad-dressing-balsamico-organic-500-ml-8571">
          <img alt="Salad Dressing Balsamico Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5000/file/small-0dde546392ec73f9a345c6d900a9b06d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5000/file/medium-44a4611c8d86b954ac8bcd3376e77540.webp 900w, https://assets.fabulous.ch/public/variant_asset/5000/file/large-ed6345f9be0be18195ff6acfe67a585e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5000/file/medium-44a4611c8d86b954ac8bcd3376e77540.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">huusgmacht</p>
          <a href="/en/products/salad-dressing-balsamico-organic-500-ml-8571">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salad Dressing Balsamico Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FBB5WvjXmsiHsPwgupEAGDBRKefQpsSQw__VLeJUfolO1e0uC1qi-ni6C3TRy6kvOgvesPoCD1Aexlg1bqG4sw" />
    <input value="8571" 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">
      2&#39;000 of 3&#39;192 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/baru?format=turbo_stream&amp;page=101">Show more</a>
  </div>
</div>

</template></turbo-stream>