<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="/de/products/hundeleckerli-vegan-soopa-kokosnuss-100-g-8364">
          <img alt="Hundeleckerli Vegan Soopa Kokosnuss" 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="/de/products/hundeleckerli-vegan-soopa-kokosnuss-100-g-8364">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hundeleckerli Vegan Soopa Kokosnuss, 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">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8V5CjLTAYKYN-okmSx7_O2AJYYKEvoh9vgRrA-UYi73NVpRI7WDi_OvxVEyk-UGXP9uIAplP9iQZyZEUb4_VPQ" />
    <input value="8364" 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>
          Warenkorb
</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="/de/products/hundeleckerli-vegan-soopa-papaya-85-g-8365">
          <img alt="Hundeleckerli 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="/de/products/hundeleckerli-vegan-soopa-papaya-85-g-8365">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hundeleckerli 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">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a_czZwrV3RtYguRFAUMwxFLvTHZ2MwCkPJ6DT90G2aZX_-WjU3VfQb6JOS_upI5oDT2l9mvCfv2bU3lYV5GHJg" />
    <input value="8365" 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>
          Warenkorb
</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="/de/products/hundeleckerli-vegan-soopa-susskartoffel-100-g-8366">
          <img alt="Hundeleckerli Vegan Soopa Süsskartoffel" 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="/de/products/hundeleckerli-vegan-soopa-susskartoffel-100-g-8366">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hundeleckerli Vegan Soopa Süsskartoffel, 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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oN6w5LbKZ1wERHabeJH4E4O20sKL11-9IW_nqrJIsrWc1mYg72rlBuJPq_GXdka_3GQ7QpYmIeSGoh29ON_sNQ" />
    <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>
          Warenkorb
</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="/de/products/hunde-kauartikel-vegan-soopa-banane-peanut-butter-100-g-8367">
          <img alt="Hunde Kauartikel Vegan Soopa Banane &amp; 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="/de/products/hunde-kauartikel-vegan-soopa-banane-peanut-butter-100-g-8367">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hunde Kauartikel Vegan Soopa Banane &amp; 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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="op6_dXC73oEypf1eQzZx6ZUKsFIkIr94OCKpE0F8-TuelmmxKRtc29SuIDSs0c9FythZ0jnTwSGf71MEy-unuw" />
    <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>
          Warenkorb
</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">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hunde-kauartikel-vegan-soopa-karotte-kurbis-100-g-8368">
          <img alt="Hunde Kauartikel Vegan Soopa Karotte &amp; Kürbis" 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="/de/products/hunde-kauartikel-vegan-soopa-karotte-kurbis-100-g-8368">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hunde Kauartikel Vegan Soopa Karotte &amp; Kürbis, 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="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</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="/de/products/hunde-kauartikel-vegan-soopa-kale-und-apfel-100-g-8369">
          <img alt="Hunde Kauartikel Vegan Soopa Kale und Apfel" 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="/de/products/hunde-kauartikel-vegan-soopa-kale-und-apfel-100-g-8369">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hunde Kauartikel Vegan Soopa Kale und Apfel, 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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Cw0arD4Wc0pn5_yIZu26Mvo_SaA3hbenQRaev5bT9pw3BcxoZ7bxEIHsIeKJCgSepe2gICp0yf7m22SoHESoHA" />
    <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>
          Warenkorb
</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="/de/products/hunde-kauartikel-vegan-soopa-kokosnuss-und-chia-100-g-8370">
          <img alt="Hunde Kauartikel Vegan Soopa Kokosnuss und 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="/de/products/hunde-kauartikel-vegan-soopa-kokosnuss-und-chia-100-g-8370">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hunde Kauartikel Vegan Soopa Kokosnuss und 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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y6LFxvQz_7SiUWVRf9pj0DQ-mMDlaQ7YW0M-ilxW6KVfqhMCrZN97kRauDuQPd18a-xxQPiYcIH8jsSd1sG2JQ" />
    <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>
          Warenkorb
</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="/de/products/fruchtgummi-gummibarchen-zuckerfrei-xylit-50-g-8375">
          <img alt="Fruchtgummi Gummibärchen Zuckerfrei Xylit" 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="/de/products/fruchtgummi-gummibarchen-zuckerfrei-xylit-50-g-8375">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruchtgummi Gummibärchen Zuckerfrei Xylit, 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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X5t9C2JCPm8UmkgkL-l5RSLycHS4TUnmPJNktSAC6rBjk6vPO-K8NfKRlU7ADsfpfSCZ9KW8N7-bXp6iqpW0MA" />
    <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>
          Warenkorb
</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="/de/products/keksteig-cookie-dough-schokoladenchips-bio-90-g-8382">
          <img alt="Keksteig Cookie Dough Schokoladenchips Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4952/file/small-69a869f4ca3e45a5106f85bce310b12e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4952/file/medium-fd0b43411d71a48959e12d2054702462.webp 900w, https://assets.fabulous.ch/public/variant_asset/4952/file/large-18f54588eb237af17053e6de7a15b76e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4952/file/medium-fd0b43411d71a48959e12d2054702462.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Freely Handustry</p>
          <a href="/de/products/keksteig-cookie-dough-schokoladenchips-bio-90-g-8382">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keksteig Cookie Dough Schokoladenchips Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bgVyQ2QxCEtz2xYOjAtPsvZuQwVBYnn9ug4ItOJj7AtSDaSHPZGKEZXQy2Rj7PEeqbyqhVyTB6Qdw_KjaPSyiw" />
    <input value="8382" 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>
          Warenkorb
</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="/de/products/keksteig-cookie-dough-weisse-schokolade-streusel-bio-90-g-8384">
          <img alt="Keksteig Cookie Dough Weisse Schokolade &amp; Streusel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4953/file/small-6d8165d92e339b74209a9e5dcb3c4040.webp 600w, https://assets.fabulous.ch/public/variant_asset/4953/file/medium-013796fecf3050aef56b325583897a73.webp 900w, https://assets.fabulous.ch/public/variant_asset/4953/file/large-1891087365d0782f825635c4aaaf0255.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4953/file/medium-013796fecf3050aef56b325583897a73.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Freely Handustry</p>
          <a href="/de/products/keksteig-cookie-dough-weisse-schokolade-streusel-bio-90-g-8384">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keksteig Cookie Dough Weisse Schokolade &amp; Streusel Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fM1YqwRYuxJyCgcT3PAwVwwzvkm0SU0l_AE0GPWD0wFAxY5vXfg5SJQB2nkzF477U-FXyam4M3xbzM4PfxSNgQ" />
    <input value="8384" 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>
          Warenkorb
</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="/de/products/keksteig-cookie-dough-peanut-butter-bio-90-g-8385">
          <img alt="Keksteig Cookie Dough Peanut Butter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4955/file/small-a8539a57055004a0d4ffbfce96a1b86d.webp 600w, https://assets.fabulous.ch/public/variant_asset/4955/file/medium-285577b71f31dcb88bab6e0d2a1e400d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4955/file/large-e053a6477ddd05e59b936e74f1f8b079.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4955/file/medium-285577b71f31dcb88bab6e0d2a1e400d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Freely Handustry</p>
          <a href="/de/products/keksteig-cookie-dough-peanut-butter-bio-90-g-8385">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keksteig Cookie Dough Peanut Butter Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3qjg0LnhgCkQsGN_TyoVtdwrAWzudgFaq307DUL_IYzioDYU4EECc_a7vhWgzasZg_no7POHfwMMsMEayGh_DA" />
    <input value="8385" 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>
          Warenkorb
</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">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hundeleckerli-vegan-soopa-banane-peanut-butter-50-g-8400">
          <img alt="Hundeleckerli Vegan Soopa Banane &amp; 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="/de/products/hundeleckerli-vegan-soopa-banane-peanut-butter-50-g-8400">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hundeleckerli Vegan Soopa Banane &amp; 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="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</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="/de/products/hunde-leckerli-vegan-soopa-kokosnuss-chia-50-g-8401">
          <img alt="Hunde Leckerli Vegan Soopa Kokosnuss &amp; 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="/de/products/hunde-leckerli-vegan-soopa-kokosnuss-chia-50-g-8401">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hunde Leckerli Vegan Soopa Kokosnuss &amp; 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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xDQldlTt-hq2ldFox8rfPeFu9s4PJlfbFwJIrmCEsq34PPOyDU14QFCeDAIoLWGRvrwfThLXKYKwz7K56hPsLQ" />
    <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>
          Warenkorb
</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">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hundeleckerli-soopa-karotten-kurbis-50-g-8402">
          <img alt="Hundeleckerli Soopa Karotten &amp; Kürbis" 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="/de/products/hundeleckerli-soopa-karotten-kurbis-50-g-8402">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hundeleckerli Soopa Karotten &amp; Kürbis, 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="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</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">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hundeleckerli-vegan-soopa-kale-apfel-50-g-8403">
          <img alt="Hundeleckerli Vegan Soopa Kale &amp; Apfel" 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="/de/products/hundeleckerli-vegan-soopa-kale-apfel-50-g-8403">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hundeleckerli Vegan Soopa Kale &amp; Apfel, 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="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</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="/de/products/hunde-shampoo-gegen-juckreiz-got-an-itch-250-ml-8404">
          <img alt="Hunde Shampoo Gegen Juckreiz 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="/de/products/hunde-shampoo-gegen-juckreiz-got-an-itch-250-ml-8404">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hunde Shampoo Gegen Juckreiz 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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LdjCzXrrx-jrIX3OMvCYFQcp6QsyF0JhpGTGWvrwoxAR0BQJI0tFsg0qoKTdFya5WPsAiy_mPDgDqTxNcGf9kA" />
    <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>
          Warenkorb
</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="/de/products/hunde-shampoo-du-stinkst-250-ml-8405">
          <img alt="Hunde Shampoo Du stinkst!" 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="/de/products/hunde-shampoo-du-stinkst-250-ml-8405">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hunde Shampoo Du stinkst!, 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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LzKKXRIg5Mceu4rqqGgAE4VQvDSbbHme31L3EnrvGWYTOlyZS4BmnfiwV4BHj76_2oJVtIadB8d4nw0F8HhH5g" />
    <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>
          Warenkorb
</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">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hundeshampoo-naturliches-trockenshampoo-200-ml-8406">
          <img alt="Hundeshampoo Natürliches Trockenshampoo" 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="/de/products/hundeshampoo-naturliches-trockenshampoo-200-ml-8406">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hundeshampoo Natürliches Trockenshampoo, 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="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</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="/de/products/hunde-shampoo-keep-calm-250-ml-8408">
          <img alt="Hunde Shampoo 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="/de/products/hunde-shampoo-keep-calm-250-ml-8408">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hunde Shampoo 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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rycdtDFB3S1fDEtcc3MYYN5EXBdJ60xmr0WDu_dshcCTL8twaOFfd7kHljaclKbMgZa1l1QaMj8IiHmsffvbQA" />
    <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>
          Warenkorb
</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="/de/products/hunde-haut-nase-pfotchenbalsam-hanf-mit-spf-50-g-8409">
          <img alt="Hunde Haut, Nase &amp; Pfötchenbalsam Hanf mit SPF" 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="/de/products/hunde-haut-nase-pfotchenbalsam-hanf-mit-spf-50-g-8409">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hunde Haut, Nase &amp; Pfötchenbalsam Hanf mit SPF, 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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vj2-T20cijPDU7o-rId3P6FxibMkKPJC4oH3t8pMwJmCNWiLNLwIaSVYZ1RDYMmT_qNgMznZjBtFTA2gQNueGQ" />
    <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>
          Warenkorb
</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;480 von 3&#39;166 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/bioecacao?format=turbo_stream&amp;page=75">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>