<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/gefu-spiral-cutter-spirelli-2-0-1-piece-2935">
          <img alt="GEFU Spiral Cutter SPIRELLI 2.0" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2079/file/small-e62ec67fbe099e81bc0080c3d38b4329.webp 600w, https://assets.fabulous.ch/public/variant_asset/2079/file/medium-4c206b9920ceed0284b974b7aef3b01a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2079/file/large-8ad5863c0ac81660f8db5b1756e30d91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2079/file/medium-4c206b9920ceed0284b974b7aef3b01a.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">Gefu</p>
          <a href="/en/products/gefu-spiral-cutter-spirelli-2-0-1-piece-2935">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">GEFU Spiral Cutter SPIRELLI 2.0, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-7Ol6v41em8eIDu31-7ts0lsAzFGXXitENfNjD8q8239-yjdQfo2PZ0I8t7WceBApe0vGM0JlgNAlAiJLqYLUg" />
    <input value="2935" 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/laundry-liquid-30-95-c-lavender-2-l-3050">
          <img alt="Laundry Liquid 30–95 °C Lavender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2133/file/small-40516c39cb3f20e701e3a3d183ea30f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/2133/file/medium-69e40160e79ed6c719ff660a6ccb3328.webp 900w, https://assets.fabulous.ch/public/variant_asset/2133/file/large-e331f80602e6e06b4821cd1ef4c99cbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2133/file/medium-69e40160e79ed6c719ff660a6ccb3328.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/en/products/laundry-liquid-30-95-c-lavender-2-l-3050">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Laundry Liquid 30–95 °C Lavender, 2 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mbILLCkp9fQZhyf1ZTnWTI2UZ-AsTcmLTQ9mc3t_lnuf-oYblua5ppqv7pxkptu_YRVLyacZJyUdTKN2avNuRA" />
    <input value="3050" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/laundry-liquid-detergent-1-5-l-3169">
          <img alt="Laundry Liquid Detergent" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2184/file/small-fe4c8bca65979824d57ca07d501d77c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2184/file/medium-b7b925de7a3b57dc263a591a1b1a6233.webp 900w, https://assets.fabulous.ch/public/variant_asset/2184/file/large-a72203659da7fa5c701bc9c3f5ba4f2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2184/file/medium-b7b925de7a3b57dc263a591a1b1a6233.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">Almawin</p>
          <a href="/en/products/laundry-liquid-detergent-1-5-l-3169">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Laundry Liquid Detergent, 1.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lfAPXyNmEZlT33yXpfyNCMXD0uTEnXY4oDNucwXrVG2TuIJonKldy9D3tf6kY4D7KUL-zU_JmJbwcKt2FGesUg" />
    <input value="3169" 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/recycled-pet-carrier-bag-pural-1-piece-3208">
          <img alt="Recycled PET carrier bag - Pural" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2192/file/small-9838154af19c395b56d6c51657d32bca.webp 600w, https://assets.fabulous.ch/public/variant_asset/2192/file/medium-d9fcd57d9539313cb2ad66459dda09ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/2192/file/large-4066df1b90a1fdc32ef5dec0d6dd1d9c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2192/file/medium-d9fcd57d9539313cb2ad66459dda09ac.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">Pural</p>
          <a href="/en/products/recycled-pet-carrier-bag-pural-1-piece-3208">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Recycled PET carrier bag - Pural, 1 piece</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 2.70 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gVZfA68K5hQQe1lbmLL4fRhKdQ8rUaX93ceZTZWqQ72HHtI0EMWqRpNTkDKZLfWO9MtZJqAFS1ONhFxIhCa7gg" />
    <input value="3208" 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/carrier-bag-r-pet-rapunzel-1-piece-3209">
          <img alt="Carrier Bag R-Pet Rapunzel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2191/file/small-7deeee3e3e11d3e474521d0a74a713ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/2191/file/medium-e26c95bf8ef3ef0d14304fbc290bd952.webp 900w, https://assets.fabulous.ch/public/variant_asset/2191/file/large-cbc1620c5360079ba3321a50d4f25a65.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2191/file/medium-e26c95bf8ef3ef0d14304fbc290bd952.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/carrier-bag-r-pet-rapunzel-1-piece-3209">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Carrier Bag R-Pet Rapunzel, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e1eaMfSGNE0r3yVoHXbIglfLca_zQMv3DxCZbFLwNOt9HxcGS0l4H6j37AEc6cVxu0pdhngUJVlfU1xpQ3zM1A" />
    <input value="3209" 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/candles-pack-of-12-dinner-candle-2-2-x-21cm-bordeaux-red-1-piece-3386">
          <img alt="Candles Pack of 12 Dinner Candle 2,2 x 21cm Bordeaux Red" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2248/file/small-687ecc1099235a88d94bb70c7970c254.webp 600w, https://assets.fabulous.ch/public/variant_asset/2248/file/medium-002e3417772466e471ba7cf537eb4efc.webp 900w, https://assets.fabulous.ch/public/variant_asset/2248/file/large-4e5b33f5eced510a7688eb783ec7852c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2248/file/medium-002e3417772466e471ba7cf537eb4efc.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">eubiona</p>
          <a href="/en/products/candles-pack-of-12-dinner-candle-2-2-x-21cm-bordeaux-red-1-piece-3386">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Candles Pack of 12 Dinner Candle 2,2 x 21cm Bordeaux Red, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jV4c49SM4Jb6F_vLMDq-rLyyWzwxx6bx5Npt5123ss-LFpHUa0OsxHk_MqIxpbNfUDN3FbqTSF-0majiTDtK8A" />
    <input value="3386" 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/candles-pack-of-12-dinner-candle-2-2-x-21cm-orange-1-piece-3391">
          <img alt="Candles Pack of 12 Dinner Candle 2,2 x 21cm Orange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2251/file/small-215a470781b6e0477033945c76cc3b97.webp 600w, https://assets.fabulous.ch/public/variant_asset/2251/file/medium-c1f48d327121a6272a85968ef0aa99c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2251/file/large-bf450806d459e7795b6b0fd54d94e6ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2251/file/medium-c1f48d327121a6272a85968ef0aa99c4.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">eubiona</p>
          <a href="/en/products/candles-pack-of-12-dinner-candle-2-2-x-21cm-orange-1-piece-3391">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Candles Pack of 12 Dinner Candle 2,2 x 21cm Orange, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LNnEc0v7M4Pl6sVU3QImbsJ7JgeEIps1-uzSb2wQ33cqkUlE9DR_0WbCDD3cnSudLvoKLg92dZuqrxdqfZwnSA" />
    <input value="3391" 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/all-purpose-cleanser-bulk-buy-container-10-l-3475">
          <img alt="All-Purpose Cleanser Bulk Buy Container" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2286/file/small-201565dd316a14e61dd73e76f51c802d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2286/file/medium-826c1110f63d199a890c53dca16e0a62.webp 900w, https://assets.fabulous.ch/public/variant_asset/2286/file/large-51ee95b5d302d7236b9429c355a503fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2286/file/medium-826c1110f63d199a890c53dca16e0a62.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/en/products/all-purpose-cleanser-bulk-buy-container-10-l-3475">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">All-Purpose Cleanser Bulk Buy Container, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 60.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zYykhUJeUVbP7IWEPVtz9H0yo6oWsv-6TSxOPTcYyP7LxCmy_ZEdBEzETO08xH4HkbOPg53mERQdb4s4JpQwwQ" />
    <input value="3475" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/laundry-liquid-30-95-c-sensitive-without-perfume-2-l-3477">
          <img alt="Laundry Liquid 30–95 °C SENSITIVE (without perfume)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2287/file/small-09c9d14c6bcfec6f51781e2855b32bac.webp 600w, https://assets.fabulous.ch/public/variant_asset/2287/file/medium-771dbcc7b9650305c9f51488ae71d482.webp 900w, https://assets.fabulous.ch/public/variant_asset/2287/file/large-a9937a5b011598a0b5d1f2a4a75cc3ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2287/file/medium-771dbcc7b9650305c9f51488ae71d482.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/en/products/laundry-liquid-30-95-c-sensitive-without-perfume-2-l-3477">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Laundry Liquid 30–95 °C SENSITIVE (without perfume), 2 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MbnLzkNWs1VxKFvY1JKTcbmzUuU8gxAjV2NupgvzrwI38Ub5_Jn_B_IAkrHVDZ6CVTJ-zLfX_o0HIKujGn9XPQ" />
    <input value="3477" 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/laundry-liquid-30-60-c-color-1-5-l-3478">
          <img alt="Laundry Liquid 30–60 °C COLOR" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2288/file/small-d3babf90d830f67c518feade7c369a02.webp 600w, https://assets.fabulous.ch/public/variant_asset/2288/file/medium-07dcfe0f24c5e5119335ed783450bb3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2288/file/large-8cd2270e6fb6e92f188ced700d111c1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2288/file/medium-07dcfe0f24c5e5119335ed783450bb3e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/en/products/laundry-liquid-30-60-c-color-1-5-l-3478">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Laundry Liquid 30–60 °C COLOR, 1.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IciQvun3gVFOu_QO9bByXrtnBlzed_2A2KndYHliu14ngB2JVjjNA82TPWf0L3-tV-YqdVUjEy6I6hhlaO5DYQ" />
    <input value="3478" 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/tofubox-tofu-box-xl-1-piece-3527">
          <img alt="TOFUBOX Tofu Box XL" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2307/file/small-a3ff2326eedd61a0961aa407612cb10d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2307/file/medium-304578fc977f5004a48f843fd3659b42.webp 900w, https://assets.fabulous.ch/public/variant_asset/2307/file/large-34573583e3092762530130dda561f592.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2307/file/medium-304578fc977f5004a48f843fd3659b42.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">Tofu Box</p>
          <a href="/en/products/tofubox-tofu-box-xl-1-piece-3527">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">TOFUBOX Tofu Box XL, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 63.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qhe3wBmBn2YpCcIUnL8bnCd3shPgPrxBT9L_9KVWtu-sXzr3pk7TNKohC32dIBZvy_aeOmtqUu8fkTrxtNpO0A" />
    <input value="3527" 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/tofubox-tofu-box-large-size-1-piece-3532">
          <img alt="TOFUBOX Tofu Box Large Size" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2317/file/small-41315c55a63e109e1f30bbee336a71cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/2317/file/medium-d204b2f3d3382abb7ac5471bc04d06f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2317/file/large-547567b88a466cf7382ec13e8888e7b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2317/file/medium-d204b2f3d3382abb7ac5471bc04d06f3.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">Tofu Box</p>
          <a href="/en/products/tofubox-tofu-box-large-size-1-piece-3532">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">TOFUBOX Tofu Box Large Size, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 58.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T8M0Vf1Ok1bjfI1ktlAEAEb7uURrrwcPZbbNoVTSYrFJi7liQoHfBGBURA23zwnzqnqVbeD76aE19QikRV6ajg" />
    <input value="3532" 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/tofubox-tofu-box-regular-size-1-piece-3535">
          <img alt="TOFUBOX Tofu Box Regular Size" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2325/file/small-8f6e9093350cd01cfa40e5dac05c60e2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2325/file/medium-59a82b282f119272b9b8ea658ec81f54.webp 900w, https://assets.fabulous.ch/public/variant_asset/2325/file/large-f0d774b30f095f7d3829f2a0bf632921.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2325/file/medium-59a82b282f119272b9b8ea658ec81f54.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">Tofu Box</p>
          <a href="/en/products/tofubox-tofu-box-regular-size-1-piece-3535">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">TOFUBOX Tofu Box Regular Size, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 52.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h_rrhKnSSeQh1Eg4VklzJjix-TUCErVmTZv7pV7g8ICBsmazFh0FtqL8gVFX1n7V1DDVHIlGW8gd2D6gT2wIvw" />
    <input value="3535" 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/my-yo-yoghurt-machine-green-without-electricity-1-piece-3557">
          <img alt="My.Yo yoghurt machine GREEN without electricity" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2338/file/small-3cfe66de8d5fd47248954412f07044f2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2338/file/medium-65fc2a64c986dd8761a6d06d67bd5e29.webp 900w, https://assets.fabulous.ch/public/variant_asset/2338/file/large-064cc8d6c43f576964cad9a48c8fc968.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2338/file/medium-65fc2a64c986dd8761a6d06d67bd5e29.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">my.yo</p>
          <a href="/en/products/my-yo-yoghurt-machine-green-without-electricity-1-piece-3557">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">My.Yo yoghurt machine GREEN without electricity, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m-VbYJ6l1ZMpN0TEMk48-CYfKHgoRCHTiLtG4r6vgRGdrdZXIWqZwaofja0z0TELyp4EUaMQz33Y-IPnryN5Lg" />
    <input value="3557" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cannabidiol-cbd-ein-cannabishaltiges-compendium-1-piece-3558">
          <img alt="Cannabidiol (CBD): Ein cannabishaltiges Compendium" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2339/file/small-f79b6eff16e7c2bed582c60ee2edcca3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2339/file/medium-7afb9ba10242b8f31b61595dc9854dd3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2339/file/large-f21bde51ac0813bc4ea828c9857afc1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2339/file/medium-7afb9ba10242b8f31b61595dc9854dd3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Buchverlag</p>
          <a href="/en/products/cannabidiol-cbd-ein-cannabishaltiges-compendium-1-piece-3558">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cannabidiol (CBD): Ein cannabishaltiges Compendium, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.00
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cannabidiol-cbd-ein-cannabishaltiges-compendium-1-piece-5a3e6960-300c-4e7f-ab53-b624720f0392-3561">
          <img alt="Cannabidiol (CBD): Ein cannabishaltiges Compendium" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2343/file/small-98aa38a6118df752e4aaca26e97a3975.webp 600w, https://assets.fabulous.ch/public/variant_asset/2343/file/medium-84fc65fd3fc661dfa5942fe5a325c7e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2343/file/large-4d986f62f4a8221456d4b73a9b5af5fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2343/file/medium-84fc65fd3fc661dfa5942fe5a325c7e8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Buchverlag</p>
          <a href="/en/products/cannabidiol-cbd-ein-cannabishaltiges-compendium-1-piece-5a3e6960-300c-4e7f-ab53-b624720f0392-3561">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cannabidiol (CBD): Ein cannabishaltiges Compendium, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Nv6bs1omayExJ-rVzQXqPXGGe0PNlMpUR-8sB4RX1FQwthaE5eknc7IPI7zMmufOnQdXakbAJPoXrOkCldssaw" />
    <input value="3561" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/laundry-liquid-30-60-c-color-bulk-buy-10-l-3688">
          <img alt="Laundry Liquid 30–60 °C COLOR Bulk Buy" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2399/file/small-d1c5fbf9053e5e34d74967ae544b2b39.webp 600w, https://assets.fabulous.ch/public/variant_asset/2399/file/medium-9d2f6f8f46631a5f1328d60e711096b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/2399/file/large-92c8f5cea16eb44d060603ac65906b3e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2399/file/medium-9d2f6f8f46631a5f1328d60e711096b5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/en/products/laundry-liquid-30-60-c-color-bulk-buy-10-l-3688">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Laundry Liquid 30–60 °C COLOR Bulk Buy, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 66.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UL1YoBPM-rjaWVH_0Y39JZe7ynf9qCYUbndGToN3PshW9dWXrAO26llxmJbQEvDWezrmXnb8yLo-NINLkvvG9w" />
    <input value="3688" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/laundry-liquid-30-95-c-sensitive-without-perfume-bulk-buy-10-l-3689">
          <img alt="Laundry Liquid 30–95 °C SENSITIVE (without perfume) Bulk Buy" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2402/file/small-d99b53e64e5be371c1d98961d5b2c4c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/2402/file/medium-0a4f7c95bfd0385e17863d7ac4953bf3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2402/file/large-a30aec72a723f916599d8f2039ed5a2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2402/file/medium-0a4f7c95bfd0385e17863d7ac4953bf3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/en/products/laundry-liquid-30-95-c-sensitive-without-perfume-bulk-buy-10-l-3689">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Laundry Liquid 30–95 °C SENSITIVE (without perfume) Bulk Buy, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 62.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="byR8LtgsdB171lrWA3Hi8yUu1cC4mEBd9f7cxIUQX1xpbPEZZ-M4T_j-k78C7u8Aya_56TPMrvOlvRnBlJynYw" />
    <input value="3689" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/bag-for-potato-made-from-jute-1-piece-3705">
          <img alt="Bag for Potato made from Jute" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2403/file/small-47e997521744b9fc37c0ef40f450a8b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2403/file/medium-e5547a46dd2bdbc06e0aa058524715c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2403/file/large-fe0c1072b51a54b21c14bae245774e67.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2403/file/medium-e5547a46dd2bdbc06e0aa058524715c2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">zielonka</p>
          <a href="/en/products/bag-for-potato-made-from-jute-1-piece-3705">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bag for Potato made from Jute, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YQFBUa1nI1jyz_L_i-NwpRiMNS5hn54y-netD7vthT9nScxmEqhvCnHnO5aKfH1W9A0ZB-rLcJyqNGgKqmF9AA" />
    <input value="3705" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/bag-for-onions-made-from-jute-1-piece-3740">
          <img alt="Bag for Onions made from Jute" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2419/file/small-123fb53adbcbbd76068633a644f3694b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2419/file/medium-5526a582f2cc9b50d09af573d9e2dce6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2419/file/large-844b6fc72c9d2b2fd6d48b0e0db51913.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2419/file/medium-5526a582f2cc9b50d09af573d9e2dce6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">zielonka</p>
          <a href="/en/products/bag-for-onions-made-from-jute-1-piece-3740">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bag for Onions made from Jute, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9i5PuyPLwRHHWPJu1J5_yqxwiJBGE3rxygU3oVJarrvwZsKMnASNQ0RwOwfVAXI5QPGkuc1HlF-aRvKkQ9ZWhA" />
    <input value="3740" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



</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">
      100 of 248 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/non-food?format=turbo_stream&amp;page=6">Show more</a>
  </div>
</div>

</template></turbo-stream>