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

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/das-grosse-buch-der-sprossen-und-keime-rose-marie-nocker-1-piece-3831">
          <img alt="Das grosse Buch der Sprossen und Keime Rose-Marie Nöcker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2477/file/small-f4a9fdf3fb780af7075856e47b69c6db.webp 600w, https://assets.fabulous.ch/public/variant_asset/2477/file/medium-8ae941442cd4118178574ac6ddd2c79c.webp 900w, https://assets.fabulous.ch/public/variant_asset/2477/file/large-aeb3dc3f8e2b0f9bff0b638497897fbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2477/file/medium-8ae941442cd4118178574ac6ddd2c79c.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/das-grosse-buch-der-sprossen-und-keime-rose-marie-nocker-1-piece-3831">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Das grosse Buch der Sprossen und Keime Rose-Marie Nöcker, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-3831-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/cuisine-almond-sugar-free-organic-200-ml-3844">
          <img alt="Cuisine Almond Sugar Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2482/file/small-afae5c90ccb08308b44ce05f6f1a96f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/2482/file/medium-bf889531fc9e59a333f35cda1275f925.webp 900w, https://assets.fabulous.ch/public/variant_asset/2482/file/large-54df7a11ff5fc735676ed2573af32e72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2482/file/medium-bf889531fc9e59a333f35cda1275f925.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">Ecomil</p>
          <a href="/en/products/cuisine-almond-sugar-free-organic-200-ml-3844">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Almond Sugar Free Organic, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VSyP8C0MR39y9RkgWwmSjX0y2Ix-39rohQZTVB9SGYqR4Z5Fon1YJtNXk3F8dkTNmoevDX9vANGnFpB44xBd_Q" />
    <input value="3844" 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/atlantic-tofu-vegan-alternative-to-salmon-organic-150-g-3848">
          <img alt="Atlantic Tofu Vegan Alternative to Salmon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2488/file/small-d62fde75e34ca2fdf3933e874a8e622b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2488/file/medium-cceb2f8c465a8efb1425e5eee5dadb3c.webp 900w, https://assets.fabulous.ch/public/variant_asset/2488/file/large-1d083b23185bfa3ad44fe4532e352bc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2488/file/medium-cceb2f8c465a8efb1425e5eee5dadb3c.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">Lord of Tofu</p>
          <a href="/en/products/atlantic-tofu-vegan-alternative-to-salmon-organic-150-g-3848">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Atlantic Tofu Vegan Alternative to Salmon Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Toj2Riz8c3rvkypNbVjm36P6Gl2lDanhtsuP11u2mamKRefzo41sI04xoBxKJzCfRE9t3KS9c9iU20z7p_Td3g" />
    <input value="3848" 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/coffee-scrub-the-hungover-potent-peppermint-220-g-3870">
          <img alt="Coffee Scrub &quot;The Hungover&quot; Potent Peppermint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2493/file/small-04bb24f85e4e7b2ddb4073abff1d77b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2493/file/medium-e49b88e2b37f46f2625108d0b6834e35.webp 900w, https://assets.fabulous.ch/public/variant_asset/2493/file/large-4e4013906cddf43953db1cd23bd55159.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2493/file/medium-e49b88e2b37f46f2625108d0b6834e35.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">Optiat</p>
          <a href="/en/products/coffee-scrub-the-hungover-potent-peppermint-220-g-3870">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coffee Scrub &quot;The Hungover&quot; Potent Peppermint, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NKKEXQd_21do-Ay5iT8iKo9hW-uwTSt6Um7_yyjBnsPwb5XoiA7EDslahuiuQPRqaNQsarH98UNwfjzn1IPatA" />
    <input value="3870" 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/flour-soya-flour-toasted-organic-250-g-3949">
          <img alt="Flour Soya Flour Toasted Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2506/file/small-183656ae0bfc884612ffa8da8b73b014.webp 600w, https://assets.fabulous.ch/public/variant_asset/2506/file/medium-a4ff609ec4bb648799421f876e0119b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2506/file/large-ce8543f93e16c0a342454bdb8b719ff1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2506/file/medium-a4ff609ec4bb648799421f876e0119b4.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">Bauckhof</p>
          <a href="/en/products/flour-soya-flour-toasted-organic-250-g-3949">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flour Soya Flour Toasted Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZbNyOSyId2OrLdjvyo6FAmG01TP3xDTRPRD3ODLLlpShfmOMo_loOgqPUr7t8VNChgGisvZ07ugfADQUzonS4w" />
    <input value="3949" 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/rice-paper-organic-150-g-3957">
          <img alt="Rice Paper Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2508/file/small-96ce3f3e1179a9353c077b7cee16c1f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/2508/file/medium-71e1e50eb37b8097dc9a25c5a5b2b9a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2508/file/large-f72774e4f1391c5ed9dc461e270bf056.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2508/file/medium-71e1e50eb37b8097dc9a25c5a5b2b9a6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/en/products/rice-paper-organic-150-g-3957">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rice Paper Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T_qQRtXVGxJwS2Cq6s1tXWyd9AuUCMZMb02l-zbnkDGLN4HzWqQES9Hp6vvNsrsdiyiDipW4HHVNXWbXyqXURg" />
    <input value="3957" 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/paste-horse-radish-wasabi-style-organic-50-g-3959">
          <img alt="Paste Horse Radish Wasabi Style Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2510/file/small-4deec3e033dba0ce93f62f0806f3d2d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2510/file/medium-a023926bc157c260110bf25956d49d1b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2510/file/large-1bd6a9511d1545beaa7f732531c61cbe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2510/file/medium-a023926bc157c260110bf25956d49d1b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/en/products/paste-horse-radish-wasabi-style-organic-50-g-3959">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Paste Horse Radish Wasabi Style Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iqGwIxv3QXPSND9ApvpcJztDZwdojmMBO6X3U-91wQtObKGWlIZeKnOWtRGBhYpn3PYQhmk-uTgZtTR_EzeFfA" />
    <input value="3959" 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/sushi-bamboo-mat-1-pcs-1-piece-3960">
          <img alt="Sushi Bamboo Mat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2511/file/small-717683b94ddea82bddaf0e72bf96e5a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/2511/file/medium-e7578e8d4afd4d0d673da32ebfcb2034.webp 900w, https://assets.fabulous.ch/public/variant_asset/2511/file/large-c4cff054e8986e45817dd57d378fe696.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2511/file/medium-e7578e8d4afd4d0d673da32ebfcb2034.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/en/products/sushi-bamboo-mat-1-pcs-1-piece-3960">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sushi Bamboo Mat, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xc-AMiok09CWODqkdtlNZD41aU8qY7wi4gW_6Uvx_sMBApGHpVXMiTeasPVRppsk2YAezivTZhvAFXzFt7O6tA" />
    <input value="3960" 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/toilet-cleaner-mint-myrtle-0-75-l-3977">
          <img alt="Toilet Cleaner Mint-Myrtle" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2518/file/small-243152edd821d0d70f74185e198b1bc0.webp 600w, https://assets.fabulous.ch/public/variant_asset/2518/file/medium-ba5c7af254f0aad097ce5f89c702d795.webp 900w, https://assets.fabulous.ch/public/variant_asset/2518/file/large-d4c0d3a4795ba6294244735e20b1a6a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2518/file/medium-ba5c7af254f0aad097ce5f89c702d795.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/toilet-cleaner-mint-myrtle-0-75-l-3977">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Toilet Cleaner Mint-Myrtle, 0.75 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J5k9Ti9Ssj5-kNUySflISgRIsNxfHBiaYwiwR71NNuHjVCz7oCOtZ98yX2Nuhp4K4_3HXV6swqNBGHNrQQ9ylg" />
    <input value="3977" 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/hand-disinfectant-pump-dispenser-300-ml-3978">
          <img alt="Hand Disinfectant Pump Dispenser" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2519/file/small-86ba64201a3acbd05e88d9cda00e92cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/2519/file/medium-2b8cad8d8040d95871fbf98658f084f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2519/file/large-346a5f4def74d6c1a1723b0d831793b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2519/file/medium-2b8cad8d8040d95871fbf98658f084f6.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/hand-disinfectant-pump-dispenser-300-ml-3978">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hand Disinfectant Pump Dispenser, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NL5KQn7IJ3rBLAzRSptquPeCvnZXxx9FzoP93XTgXmXwc1v38bk4I2COhoBt5Lz4EDfJ91Z3xXzskz7xiKIaEg" />
    <input value="3978" 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/surface-disinfectant-spray-100-ml-3981">
          <img alt="Surface Disinfectant Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2521/file/small-24066c8f809f0df4671e4649cf41f9d2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2521/file/medium-c21b52a08b6754826909f36036aa7602.webp 900w, https://assets.fabulous.ch/public/variant_asset/2521/file/large-3d0b026839b7e3ba5bb4c3566ce6e49c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2521/file/medium-c21b52a08b6754826909f36036aa7602.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/surface-disinfectant-spray-100-ml-3981">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Surface Disinfectant Spray, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eh_2jTxNPxDNx7fOAanIVRhnRI1ieBYKIA2jaIS2irW-0uc4szwgSWxlPZ8m1h4V_9IzDGPIzDMCHWBEePTOwg" />
    <input value="3981" 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/sauce-mexiko-salsa-gluten-free-organic-250-ml-3985">
          <img alt="Sauce Mexiko Salsa Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2524/file/small-a45d291c934003ee13ca733987989058.webp 600w, https://assets.fabulous.ch/public/variant_asset/2524/file/medium-d90b73c7119691a80b779753229b990c.webp 900w, https://assets.fabulous.ch/public/variant_asset/2524/file/large-4eda3baa88bbd26b97f4a153723c6c75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2524/file/medium-d90b73c7119691a80b779753229b990c.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">Byodo</p>
          <a href="/en/products/sauce-mexiko-salsa-gluten-free-organic-250-ml-3985">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Mexiko Salsa Gluten Free Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZjOmy-Yk1pcsN5ZCaKFOZwGBxn43sMPUrhOnk4JLp1Ci_rd-aVXJzo2VHBNP3pgn5jSx_zYAGe2MA2S_fgnjJw" />
    <input value="3985" 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/apple-puree-no-added-sugar-organic-700-g-3996">
          <img alt="Apple Puree No Added Sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2531/file/small-4db18fcce3cd3a1c752d7bcdc4a831d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/2531/file/medium-70170eb2cd6169e023d19dfb03b00b0f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2531/file/large-605d774e620d3838758d3852e8f7ee9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2531/file/medium-70170eb2cd6169e023d19dfb03b00b0f.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">Priméal</p>
          <a href="/en/products/apple-puree-no-added-sugar-organic-700-g-3996">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Apple Puree No Added Sugar Organic, 700 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FCO3qdFJB7W4Mfk0f9Can_-qlGXJ9WrB0mvxpdv1-1vQ7qYcXjgY7BmTc2VYr0zfGB_j5MhFsPjwezKJJ7e_LA" />
    <input value="3996" 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/tomatoes-dried-organic-100-g-4010">
          <img alt="Tomatoes Dried Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2544/file/small-1dffa6ba9939bc5ce15496d97fb6546e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2544/file/medium-3d0378f0f03a25fae9dd36d25a7e59bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/2544/file/large-30e22caf590de824df05c5e176243fe8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2544/file/medium-3d0378f0f03a25fae9dd36d25a7e59bb.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">Terrasana</p>
          <a href="/en/products/tomatoes-dried-organic-100-g-4010">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomatoes Dried Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RfqvwwCZ6xMfJWvsW7kHot5DVbGUybp9UGrsFHUB_8SBN752j-j0Sr6H4b18xtHiOfYiMJV5YERyei84iUO7sw" />
    <input value="4010" 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/birkengold-xylit-sweetener-organic-500-g-4024">
          <img alt="Birkengold Xylit Sweetener Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2552/file/small-c5fc9880b7e8c624da083b94e5af2063.webp 600w, https://assets.fabulous.ch/public/variant_asset/2552/file/medium-b3d8e431cfd902c4be20a0d9d47770f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/2552/file/large-c87e0d74e400641106c02d6ed64d8870.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2552/file/medium-b3d8e431cfd902c4be20a0d9d47770f1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Birkengold</p>
          <a href="/en/products/birkengold-xylit-sweetener-organic-500-g-4024">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Birkengold Xylit Sweetener Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nkk2h5xQBvIHeGGzOG3uFMNKPAiZS3b32OjmWb_vHoZahCcyEyEZq6ba6-IfEjhUJP9LiZj7rM76-CV1Q61a8Q" />
    <input value="4024" 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/spirulina-powder-organic-150-g-4025">
          <img alt="Spirulina Powder Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2554/file/small-95fb04e979eabbc96e00867fd8d2d9a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2554/file/medium-f1de807d238ae206fc65da669660cc02.webp 900w, https://assets.fabulous.ch/public/variant_asset/2554/file/large-0b16f8ddea941d611420ec9b5bcefed1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2554/file/medium-f1de807d238ae206fc65da669660cc02.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Raab</p>
          <a href="/en/products/spirulina-powder-organic-150-g-4025">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spirulina Powder Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mvJxvmZIU032llt2GEyeVbYb9BEWzcpRQW3M3GIu_81eP2AL6TlMFFc00Sc_M0gVUa6DkBd9EGhjfQ_wnmy7ug" />
    <input value="4025" 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/chlorella-powder-organic-150-g-4026">
          <img alt="Chlorella Powder Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2553/file/small-f2cced053837aff26fb6a42440d75563.webp 600w, https://assets.fabulous.ch/public/variant_asset/2553/file/medium-e3a018961903288d8885071d77107740.webp 900w, https://assets.fabulous.ch/public/variant_asset/2553/file/large-c81b91f9a9963d628fc81f4ebde2911b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2553/file/medium-e3a018961903288d8885071d77107740.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Raab</p>
          <a href="/en/products/chlorella-powder-organic-150-g-4026">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chlorella Powder Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.40
            </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-4026-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sKmU5ls9C7N7RPvpd6Xus_f872Z4sWn5puIJIdgbem50ZIVT1EwU6trmcbhQ2jjzEEmY53kBs8CE8soNJFk-GQ" />
    <input value="4026" 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/paste-thai-curry-organic-50-g-4068">
          <img alt="Paste Thai Curry Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2577/file/small-a8572c9887ba19a68df5d2301c603083.webp 600w, https://assets.fabulous.ch/public/variant_asset/2577/file/medium-c128aca547b803fc776d2833b9dad960.webp 900w, https://assets.fabulous.ch/public/variant_asset/2577/file/large-e8c619694642b053bf54d69376c13a09.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2577/file/medium-c128aca547b803fc776d2833b9dad960.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/en/products/paste-thai-curry-organic-50-g-4068">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Paste Thai Curry Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="guA1MejQjvol1uTnaNwjbOuoEuljRBKsrrT3I7drMstGLSSEZ6GRo4R0brZPo_UsDB1laGL0yJWMpDQPSyl2vA" />
    <input value="4068" 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/kochbuch-mimi-s-vegan-cookbook-1-piece-4069">
          <img alt="Kochbuch Mimi&#39;s Vegan Cookbook" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2579/file/small-513a7deadc5697460ffc2b6a9fc570cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/2579/file/medium-3abfe5fd1c062fd48846d848c9c7d1cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/2579/file/large-3e22ad420f7d015c34e7297a8a4437e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2579/file/medium-3abfe5fd1c062fd48846d848c9c7d1cf.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">Reedaround</p>
          <a href="/en/products/kochbuch-mimi-s-vegan-cookbook-1-piece-4069">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Mimi&#39;s Vegan Cookbook, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="inlPQ5RMJVBq3l1EYdCw2ymSCsH8cjxL-gFT-kqAO9VOtF72Gz06Cct81xVGr2abzid9QP3C5nLYEZDWtsJ_og" />
    <input value="4069" 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/fair-squared-condoms-ultra-thin-10-pcs-10-piece-4080">
          <img alt="Fair Squared Condoms Ultra Thin 10 Pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2584/file/small-b720fef980d61de7a78089b60b2936a5.webp 600w, https://assets.fabulous.ch/public/variant_asset/2584/file/medium-523cd0e9534600f1b75789406960d8ef.webp 900w, https://assets.fabulous.ch/public/variant_asset/2584/file/large-7c116c9b27be03d37e12006566d22e52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2584/file/medium-523cd0e9534600f1b75789406960d8ef.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">Fair Squared</p>
          <a href="/en/products/fair-squared-condoms-ultra-thin-10-pcs-10-piece-4080">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fair Squared Condoms Ultra Thin 10 Pcs, 10 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.00
            </p>

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

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

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

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;420 of 3&#39;185 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/shaws?format=turbo_stream&amp;page=72">Show more</a>
  </div>
</div>

</template></turbo-stream>