<turbo-stream action="append" target="products_grid"><template>
    

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vitamin-d3-kids-spray-tasty-lemon-3-g-25-ml-9389">
          <img alt="Vitamin D3 Kids Spray Tasty Lemon, 3µg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5320/file/small-7777f0f416b4955661670e64b4743d4f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5320/file/medium-ade5648720a2a512282a7a1294822283.webp 900w, https://assets.fabulous.ch/public/variant_asset/5320/file/large-b8e6e8651919f2f2d93764adabe4c876.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5320/file/medium-ade5648720a2a512282a7a1294822283.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">energybalance</p>
          <a href="/en/products/vitamin-d3-kids-spray-tasty-lemon-3-g-25-ml-9389">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin D3 Kids Spray Tasty Lemon, 3µg, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="toQXEWTJ-RcpeHTLGS7SRbWKDNfwmbXal5Bb2TKUvcp3ytdEu-yaf1GwI_Gn90Sv2AsSrhGC5ZeQkbEDH7_z4A" />
    <input value="9389" 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/nappy-cream-baby-child-care-75-ml-10111">
          <img alt="Nappy Cream Baby &amp; Child Care" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5490/file/small-6ee9699fcbbb95eb57b087a9e10f90aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/5490/file/medium-bca034350556799d4399edeabd169bcc.webp 900w, https://assets.fabulous.ch/public/variant_asset/5490/file/large-a9e5e21430d65ee0f62d51586683d068.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5490/file/medium-bca034350556799d4399edeabd169bcc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/nappy-cream-baby-child-care-75-ml-10111">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nappy Cream Baby &amp; Child Care, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H83bXsZclJZ4fxl2j8IMFkAFVXwz3Dn5Z-9V-C-y24HegxsLGXn3_gC3TkwxG5r8LYRLBdLHabRg7r8iApmVqw" />
    <input value="10111" 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/veg-1-vitamin-supplement-liquid-baby-toddler-150-ml-11099">
          <img alt="VEG 1 Vitamin Supplement Liquid Baby &amp; Toddler" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5674/file/small-27b96be4cc2d913e7446dd146a5a2ff3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5674/file/medium-cf7a00f7f87bab7b1731f5d911f6f320.webp 900w, https://assets.fabulous.ch/public/variant_asset/5674/file/large-c7f88eb0b80db7c7ea2c9d9619f89dcb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5674/file/medium-cf7a00f7f87bab7b1731f5d911f6f320.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">The Vegan Society</p>
          <a href="/en/products/veg-1-vitamin-supplement-liquid-baby-toddler-150-ml-11099">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEG 1 Vitamin Supplement Liquid Baby &amp; Toddler, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11099-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/organic-soup-pearls-crossies-150-g-11348">
          <img alt="Organic Soup Pearls Crossies" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5822/file/small-17245d750ce10b7103c2c5b187b28375.webp 600w, https://assets.fabulous.ch/public/variant_asset/5822/file/medium-0a7c8ba13e14db1dc5b5d31590f22ae1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5822/file/large-59ce68a5d2090ba45df10c16f136763d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5822/file/medium-0a7c8ba13e14db1dc5b5d31590f22ae1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/organic-soup-pearls-crossies-150-g-11348">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Organic Soup Pearls Crossies, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="co64-CqjetHSyjlV94eBydlcmDGxbgYUleWHZ4RlCE2zwHit9YYZuaoCbm9JXhcjtN2GSFB1VlmS5G29qU5GZw" />
    <input value="11348" 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/bisoja-1-infant-formula-tin-400-g-11433">
          <img alt="Bisoja 1 Infant Formula Tin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5848/file/small-50b39ad8222f3d7df3740d255da0c07e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5848/file/medium-bfd1b13ce000e0362f79f415c6371ab4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5848/file/large-586a3f80324271763ab2291a17d9c238.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5848/file/medium-bfd1b13ce000e0362f79f415c6371ab4.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">Bimbosan</p>
          <a href="/en/products/bisoja-1-infant-formula-tin-400-g-11433">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bisoja 1 Infant Formula Tin, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11433-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/bisoja-1-infant-formula-refill-400-g-11434">
          <img alt="Bisoja 1 Infant Formula Refill" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5849/file/small-97ded3740a2fa001eb65dba0373944fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5849/file/medium-684dcac2ed241378b04bc26484800f0f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5849/file/large-cc6b0ee3ff952076e2b151615de89b93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5849/file/medium-684dcac2ed241378b04bc26484800f0f.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">Bimbosan</p>
          <a href="/en/products/bisoja-1-infant-formula-refill-400-g-11434">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bisoja 1 Infant Formula Refill, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vHpRI7rWlEwX_SsG1dy3seb1ksFq5rMW0I7CF7I4vOZ9NJF2ZfP3JG81fDxrBSFbi3SMuIv941vXjyjNnxPyzA" />
    <input value="11434" 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/bisoja-2-follow-on-formula-tin-400-g-11435">
          <img alt="Bisoja 2 Follow-On Formula Tin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5850/file/small-7ee284afda6c19dcfdabfffd3610c3ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/5850/file/medium-aba7cc46430623fb04826e6fbfbbc175.webp 900w, https://assets.fabulous.ch/public/variant_asset/5850/file/large-8585096e183315d356e648b7cd9822b6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5850/file/medium-aba7cc46430623fb04826e6fbfbbc175.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">Bimbosan</p>
          <a href="/en/products/bisoja-2-follow-on-formula-tin-400-g-11435">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bisoja 2 Follow-On Formula Tin, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11435-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/bisoja-2-follow-on-formula-refill-400-g-11436">
          <img alt="Bisoja 2 Follow-On Formula Refill" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5851/file/small-459be6f79480adf37605a375a6d143d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5851/file/medium-92e7d22d0ee78852c1c38ea8220ea09a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5851/file/large-b9bcd1b16a4702b2c2d552aae3da983c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5851/file/medium-92e7d22d0ee78852c1c38ea8220ea09a.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">Bimbosan</p>
          <a href="/en/products/bisoja-2-follow-on-formula-refill-400-g-11436">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bisoja 2 Follow-On Formula Refill, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11436-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/baby-muesli-organic-500-g-11437">
          <img alt="Baby Muesli Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5853/file/small-b7d70a17db7c03c68530be5ba43d26e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/5853/file/medium-0d788e50ac02e2cb70fade6d6f6310c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5853/file/large-598f000d6704ca11657c221402c5933b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5853/file/medium-0d788e50ac02e2cb70fade6d6f6310c4.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">Bimbosan</p>
          <a href="/en/products/baby-muesli-organic-500-g-11437">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baby Muesli Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7pwTKMV5xbmCm0Ck9NX2g97j8Y71d-4w0wCGnVMUqD0v0tN9Glym0fpTF55KDGBps2Lv9xRsvn3UAWxHfj_mFw" />
    <input value="11437" 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/bathing-volcano-glitter-fish-luttes-welt-70-g-12382">
          <img alt="Bathing Volcano &quot;Glitter Fish&quot; Lüttes Welt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6206/file/small-f19119ab0d00715b504e46832b2f908c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6206/file/medium-4787ffc7df3aadfbc63b79a71a461bcd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6206/file/large-5ba04026089bd6851c68c561cd658e5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6206/file/medium-4787ffc7df3aadfbc63b79a71a461bcd.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">Lüttes Welt</p>
          <a href="/en/products/bathing-volcano-glitter-fish-luttes-welt-70-g-12382">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bathing Volcano &quot;Glitter Fish&quot; Lüttes Welt, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X4W49GuVut-QAN9m2nb_XvYZKEho2m1pgtqBThtdgcCey3ihtLDZt-jIiFxkr2m0m5g2MYnBPSSF22uUNnbP6g" />
    <input value="12382" 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/crackling-bath-crystals-best-friends-luttes-welt-80-g-12384">
          <img alt="Crackling bath crystals &quot;Best Friends&quot; Lüttes Welt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6210/file/small-223babe8a95e943465c56b6dd8982603.webp 600w, https://assets.fabulous.ch/public/variant_asset/6210/file/medium-da5e1121d212f27d6962ae43c567535e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6210/file/large-aec186d618854e73a820333a893da04d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6210/file/medium-da5e1121d212f27d6962ae43c567535e.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">Lüttes Welt</p>
          <a href="/en/products/crackling-bath-crystals-best-friends-luttes-welt-80-g-12384">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crackling bath crystals &quot;Best Friends&quot; Lüttes Welt, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ADViOhSGwZw9mDumQfCzEuOjpPEzc31GUy39-8nsYgHBe6Jvy6Oi9EVQbJz_KSX4jiK6iNJoLQtULBch5McsKw" />
    <input value="12384" 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/nut-cream-bar-hazelnut-cocoa-organic-28-g-12735">
          <img alt="Nut Cream Bar Hazelnut-Cocoa Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6300/file/small-27fd6a7ddbdb0f7aacf5173348a1612c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6300/file/medium-f3008a3e2e66ab98f9aefa7a3bc08750.webp 900w, https://assets.fabulous.ch/public/variant_asset/6300/file/large-4a5622224180780f0ef532aeb21c17ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6300/file/medium-f3008a3e2e66ab98f9aefa7a3bc08750.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">foodloose</p>
          <a href="/en/products/nut-cream-bar-hazelnut-cocoa-organic-28-g-12735">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nut Cream Bar Hazelnut-Cocoa Organic, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yPcG0FWc3Ku-zayOAQPZusl7SPB5DA6K7yToIo7vUVAJucaFirm_w8YF-7S_2k9QpPpWiZgXXsfoJQL4o8Qfeg" />
    <input value="12735" 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/nut-cream-bar-peanut-cocoa-organic-28-g-12745">
          <img alt="Nut cream bar peanut-cocoa Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6299/file/small-f722f623397e1592aba559ac2f0ddde5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6299/file/medium-daf2bde066b73a7113a43c403d051ae6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6299/file/large-ea96d63e0f229a0395de3be954645a23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6299/file/medium-daf2bde066b73a7113a43c403d051ae6.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">foodloose</p>
          <a href="/en/products/nut-cream-bar-peanut-cocoa-organic-28-g-12745">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nut cream bar peanut-cocoa Organic, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/eco-nappies-night-day-maxiplus-12-25kg-40-piece-14366">
          <img alt="Eco Nappies Night &amp; Day MaxiPlus 12-25kg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6677/file/small-73b7614ed0f4ebdc683649e4650189bc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6677/file/medium-21b0f5dcb1dcda99017be3e6aa380682.webp 900w, https://assets.fabulous.ch/public/variant_asset/6677/file/large-ad9baee3f5434bd6d467b38ce847c10a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6677/file/medium-21b0f5dcb1dcda99017be3e6aa380682.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">Tidoo</p>
          <a href="/en/products/eco-nappies-night-day-maxiplus-12-25kg-40-piece-14366">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eco Nappies Night &amp; Day MaxiPlus 12-25kg, 40 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VmEOnsZhOXMpe8VoNI3waz2it4nQfqhOXoTfl5KdkseXL87LGURaG1GzklKKVGaBUCOp8DFl-ANZhTVNv7bc7Q" />
    <input value="14366" 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/tidoo-eco-pull-up-diapers-size-12-18-kg-28-piece-15340">
          <img alt="Tidoo Eco Pull-Up Diapers Size (12-18 kg)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7011/file/small-1413d98c7dc65e7c29a117853d1c7c41.webp 600w, https://assets.fabulous.ch/public/variant_asset/7011/file/medium-6328758dd3c861b172d21f7ba89063d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7011/file/large-1dcde8ce499f32a351e611aba6e54db4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7011/file/medium-6328758dd3c861b172d21f7ba89063d6.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">Tidoo</p>
          <a href="/en/products/tidoo-eco-pull-up-diapers-size-12-18-kg-28-piece-15340">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tidoo Eco Pull-Up Diapers Size (12-18 kg), 28 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zw6C1IOiYJHteFv8trTIng-Cxwaqnk669XmcX9Nv3VAOQEKBXIcD-ZWwDMYIbV50YgPZf0uFHvfyeHaF_kSTeg" />
    <input value="15340" 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/lavera-baby-care-oil-100-ml-100-ml-15732">
          <img alt="Lavera Baby Care Oil, 100 ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7169/file/small-99c91160cf2ee72445636ec148b0d8b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7169/file/medium-112b0b248e0d962155729669d580b97a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7169/file/large-d671190fede46e9a00afc9ca2358f633.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7169/file/medium-112b0b248e0d962155729669d580b97a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/lavera-baby-care-oil-100-ml-100-ml-15732">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lavera Baby Care Oil, 100 ml, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-vIL9zGJKolAfceQV6qUzbkBvjv-lAbtWdpalkE_sdg7vMui7qxJ4Ti1kKrpcwIn1ICgQh-PVqBe27BMbBT_8g" />
    <input value="15732" 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/baby-kids-wash-lotion-shampoo-200-ml-15733">
          <img alt="Baby &amp; Kids Wash Lotion &amp; Shampoo" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7168/file/small-05dbe453c45dacc9611ded547f7cd058.webp 600w, https://assets.fabulous.ch/public/variant_asset/7168/file/medium-a4c990f4c94a1fe3597b8d36e0149555.webp 900w, https://assets.fabulous.ch/public/variant_asset/7168/file/large-8769d1a8d70e68893ea2f0ec89ad0c88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7168/file/medium-a4c990f4c94a1fe3597b8d36e0149555.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/baby-kids-wash-lotion-shampoo-200-ml-15733">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baby &amp; Kids Wash Lotion &amp; Shampoo, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8mEWI2csH5nmt9s0ph_QWho1DnSB1SOAFZ5YNtler_AzL9Z2uAl88Z5_jA4Yxkawd7QQDWDOc80Sn7Ls9HXh2g" />
    <input value="15733" 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/immune-kids-oral-spray-with-echinacea-zinc-and-vitamins-25-ml-16848">
          <img alt="Immune Kids Oral Spray with Echinacea + Zinc and Vitamins" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7850/file/small-9d104348ffe63d5dabb5d628b7f4c242.webp 600w, https://assets.fabulous.ch/public/variant_asset/7850/file/medium-d9a02a1d1b2ddbf40f8b14d528a9600f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7850/file/large-d57f29fbe90e38ae59aa26c5a845d999.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7850/file/medium-d9a02a1d1b2ddbf40f8b14d528a9600f.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">energybalance</p>
          <a href="/en/products/immune-kids-oral-spray-with-echinacea-zinc-and-vitamins-25-ml-16848">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Immune Kids Oral Spray with Echinacea + Zinc and Vitamins, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kEvRR8r47Xtm3hHnAn5DC23ez0DXZ3U0Zhey7EI9dp5RBRESFd2OEx4WRt28p9XhAF_ROTZ8JXlhFlg2bxY4tA" />
    <input value="16848" 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/bisoja-1-infant-formula-tin-400-g-short-shelf-life-18-05-2026-17499">
          <img alt="Bisoja 1 Infant Formula Tin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5848/file/small-50b39ad8222f3d7df3740d255da0c07e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5848/file/medium-bfd1b13ce000e0362f79f415c6371ab4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5848/file/large-586a3f80324271763ab2291a17d9c238.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5848/file/medium-bfd1b13ce000e0362f79f415c6371ab4.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">Bimbosan</p>
          <a href="/en/products/bisoja-1-infant-formula-tin-400-g-short-shelf-life-18-05-2026-17499">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bisoja 1 Infant Formula Tin, 400 g (Short shelf life 18.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 18.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 18.50</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Be_wVFCj3U7o3bdtWVUZ2ca95_e1D6QQq2_FruICABPEoTABj4a-JpAV4FfnjI8zqzz5jlQU9F2sbi90zylOOQ" />
    <input value="17499" 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">
      59 of 59 products
    </p>
  </div>
</div>

</template></turbo-stream>