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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vitamin-d3-k2-c-oral-spray-25-ml-9489">
          <img alt="Vitamin D3 K2 &amp; C Oral Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5346/file/small-23bd3726affdcdaae351c15d4434d212.webp 600w, https://assets.fabulous.ch/public/variant_asset/5346/file/medium-19b709750cfae2541209c5080a401ed1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5346/file/large-44166f139b49b045f03f98162999db7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5346/file/medium-19b709750cfae2541209c5080a401ed1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">energybalance</p>
          <a href="/en/products/vitamin-d3-k2-c-oral-spray-25-ml-9489">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin D3 K2 &amp; C Oral Spray, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YSNiFaE2AucaNvB9uzeYtFwuRDnfSF2Akim7WAJ0NpN6o3zmjN27Oc75iRgDO3v4bCYsoadMqVlNlSdPrHFUyQ" />
    <input value="9489" 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/nussmesan-vegan-alternative-to-grated-cheese-organic-125-g-9496">
          <img alt="Nussmesan Vegan alternative to Grated Cheese Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5348/file/small-74c47a3982e7999da8dcfa0b7db80393.webp 600w, https://assets.fabulous.ch/public/variant_asset/5348/file/medium-d5496109d9435e981a00a40a44ab8c19.webp 900w, https://assets.fabulous.ch/public/variant_asset/5348/file/large-fc670df8c482174623fea6037ff64cd2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5348/file/medium-d5496109d9435e981a00a40a44ab8c19.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">Chopf-Nuss</p>
          <a href="/en/products/nussmesan-vegan-alternative-to-grated-cheese-organic-125-g-9496">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nussmesan Vegan alternative to Grated Cheese Organic, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oLgH_CoH6Firc4J9dsGpmxeG3_JcSr-qeSFmftKm8DG7OBkPB-xRhn-8-xjOzUrXJ463aiROS3OmnfppfKOSaw" />
    <input value="9496" 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/bamboo-steamer-two-tier-with-lid-1-piece-1-piece-9497">
          <img alt="Bamboo steamer two-tier with lid, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5349/file/small-296764d56f3e40c0af85eed03c0a5a7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5349/file/medium-628d67105c45338306a5ed56bf8a6bd3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5349/file/large-ec0b79068dd6e6869151425731da8575.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5349/file/medium-628d67105c45338306a5ed56bf8a6bd3.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">Stronghold</p>
          <a href="/en/products/bamboo-steamer-two-tier-with-lid-1-piece-1-piece-9497">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bamboo steamer two-tier with lid, 1 piece, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Teh1rI8vicL8TRv9rRI6f-QwH7Z-JN1V7t0U01qrXD5WaGtfosQwHCiCYpgVHtkz1Dh3LgYgKYwxYYjE9K4-ZA" />
    <input value="9497" 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/multi-chopper-speedwing-1-piece-1-piece-9498">
          <img alt="Multi Chopper SPEEDWING, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5352/file/small-bf7ba52da6ad893a8ddc6625e9add75e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5352/file/medium-1db9725a0261ee57240a7c259bd7453e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5352/file/large-94d61d129e43bb12df46384683273f55.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5352/file/medium-1db9725a0261ee57240a7c259bd7453e.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/multi-chopper-speedwing-1-piece-1-piece-9498">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Multi Chopper SPEEDWING, 1 piece, 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-9498-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IDtsKsKzMU0tlgdx2cmihugRE2V9y-QL1e6CedcZ8UI7u3LZ71iIk_lZfhRhxUHK2Bl7_QXPENIKUh5ueRyTGA" />
    <input value="9498" 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/oat-drink-powder-organic-400-g-9507">
          <img alt="Oat Drink Powder Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5356/file/small-428db60de52c47a30a81468c8b91c27b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5356/file/medium-50b1aab4c6b8b380de2582852393fc29.webp 900w, https://assets.fabulous.ch/public/variant_asset/5356/file/large-46dabd331f2bd84a1d0426ff44493050.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5356/file/medium-50b1aab4c6b8b380de2582852393fc29.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">Hofgut Storzeln</p>
          <a href="/en/products/oat-drink-powder-organic-400-g-9507">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oat Drink Powder Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ANsPOhD1dveRk_0vTFZ1Z8LJHMssVNXN56aNe6TH3aobWxHJPR7PKUVchEr0WpYr8sF0U1RQIRQ4GhFsCsK_8A" />
    <input value="9507" 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/tortelloni-spinach-organic-250-g-9541">
          <img alt="Tortelloni Spinach Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5360/file/small-0d4e6ef48b4aa2b653dbca91b7ee6516.webp 600w, https://assets.fabulous.ch/public/variant_asset/5360/file/medium-e00dd2b5c9b805c167a8ba765e5307ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/5360/file/large-ad82585b314c8f9b2c6bebf2a621c480.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5360/file/medium-e00dd2b5c9b805c167a8ba765e5307ab.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/tortelloni-spinach-organic-250-g-9541">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tortelloni Spinach Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cujagmNSbVK3L6nRg4SC8tSiPu2Of0vIYx33DK0FC-5paMRxTrnUjGPg0LQ7iGG-5KpWdfZ7vxG8oWsbAwBptA" />
    <input value="9541" 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/vegan-slices-sucuk-organic-100-g-9542">
          <img alt="Vegan Slices Sucuk Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5361/file/small-f3f25b936fd83170913b2033e44364fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/5361/file/medium-440594f75be7ffc2e7f38f59a4cc45a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/5361/file/large-18f500c507cd8bfac4a097f4fd4fefe0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5361/file/medium-440594f75be7ffc2e7f38f59a4cc45a7.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">Wheaty</p>
          <a href="/en/products/vegan-slices-sucuk-organic-100-g-9542">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Slices Sucuk Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </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 3.70 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m83BhLy_PI1eYMbb3HIc1OSiE-XBlvZcrGPNyoE0F66ATd93kVSFU4qvv75kfv-Y1Kp7fbmSAoVz31HdLzF19A" />
    <input value="9542" 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/flakes-spelt-whole-grain-fine-demeter-425-g-9547">
          <img alt="Flakes Spelt Whole Grain Fine Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5362/file/small-d376916ee171bed9e382c09230da0d02.webp 600w, https://assets.fabulous.ch/public/variant_asset/5362/file/medium-f2142de0f59ece867957a992337d7159.webp 900w, https://assets.fabulous.ch/public/variant_asset/5362/file/large-027cc23982e3110c547c7907d8ef664b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5362/file/medium-f2142de0f59ece867957a992337d7159.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/flakes-spelt-whole-grain-fine-demeter-425-g-9547">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flakes Spelt Whole Grain Fine Demeter, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R4ZabR-CQxo6lrXJRGH_opRN6GZI-_L0PPHlsQyD7y5cBkSeMmn6xO5ZzKz8bRzupEWA_jD_Bi3jTXmmooaNdA" />
    <input value="9547" 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/beans-jumbo-white-beans-organic-500-g-9569">
          <img alt="Beans Jumbo White Beans Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5368/file/small-9b50ab94faaf6435767f2c85d9fbd4ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/5368/file/medium-664bc21ce0a841e0450f5595ff2ed97d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5368/file/large-e583369a4553fdef2e21089257f0e0be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5368/file/medium-664bc21ce0a841e0450f5595ff2ed97d.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/beans-jumbo-white-beans-organic-500-g-9569">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Beans Jumbo White Beans Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d5lCOze2UOw4BIVQIiJenhY57hI6HYhn8bOCkyz_sIBsGVzIGl3pMuzL_DWaLr3SJjGGikIZfL4uDx6EgvrS2g" />
    <input value="9569" 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-jasmine-white-fragrant-rice-organic-500-g-9578">
          <img alt="Rice Jasmine White Fragrant Rice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5370/file/small-06a201cbd4db2c27f03c2c0a5b4b7ceb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5370/file/medium-a1a63025c7c11244bc490822dae9ad36.webp 900w, https://assets.fabulous.ch/public/variant_asset/5370/file/large-89f78a081ddb62e72268b8620d6e2985.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5370/file/medium-a1a63025c7c11244bc490822dae9ad36.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">Davert</p>
          <a href="/en/products/rice-jasmine-white-fragrant-rice-organic-500-g-9578">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rice Jasmine White Fragrant Rice Organic, 500 g</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 0.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Jh9AH3fgqERJq-yWaveZBaoUdVltF3SkCClht8UpuNY9n17sWgsRmp1klfPS-3pJmhwdwRUTgH3Xlf2gayzajA" />
    <input value="9578" 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/pistachio-puree-demeter-250-g-9580">
          <img alt="Pistachio Purée Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5376/file/small-222ef3c98a9930a0d9d6723179cf8e1a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5376/file/medium-99d4bd0603f8bc7cda144bde8191846e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5376/file/large-79e53bc6083656ee74c9d243f090c214.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5376/file/medium-99d4bd0603f8bc7cda144bde8191846e.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">NaturKraftWerke</p>
          <a href="/en/products/pistachio-puree-demeter-250-g-9580">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pistachio Purée Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JObovQ-s3YChoaHpE-qtIMnu2G9zqRtDuBQTFV9dXwU_ZvZOIkdkXnVu2Iyr5k5s-eaw9wut75pnqI8C8Vg9Xw" />
    <input value="9580" 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/hazelnutbutter-bio-500-g-9581">
          <img alt="Hazelnutbutter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5377/file/small-a1e822b410d645fa70f8ea6e4ea23ae7.webp 600w, https://assets.fabulous.ch/public/variant_asset/5377/file/medium-4b8a44622d54584cbc48e4ee15d94c2f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5377/file/large-7c6a554926a896133ecd47dfdf9fae72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5377/file/medium-4b8a44622d54584cbc48e4ee15d94c2f.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/hazelnutbutter-bio-500-g-9581">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hazelnutbutter Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.95
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/nut-nougat-cream-organic-250-g-9583">
          <img alt="Nut Nougat Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5378/file/small-6ff86486718403a8ccfe1e56ae78bf3d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5378/file/medium-362830fc219ce69cf5a07620782f3660.webp 900w, https://assets.fabulous.ch/public/variant_asset/5378/file/large-edcab1960a69bc894af2c9cc0690b9a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5378/file/medium-362830fc219ce69cf5a07620782f3660.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/nut-nougat-cream-organic-250-g-9583">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nut Nougat Cream Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iDJVPy1jZ8wfcWHl5ewnl3FmIXESXizG4WweZspicqiTskvMAIjeEsu-GIBd4MTbQW5J6Wpa2B8-0IJxZGcQ8g" />
    <input value="9583" 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/macadamia-nuts-raw-food-quality-organic-500-g-9628">
          <img alt="Macadamia Nuts Raw Food Quality Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5382/file/small-d54d82e924def8bba58a83a7af09d6a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/5382/file/medium-85c83fae435a9632d72f4df8b591f052.webp 900w, https://assets.fabulous.ch/public/variant_asset/5382/file/large-aba549d52465bfc3f82bd57f4448218e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5382/file/medium-85c83fae435a9632d72f4df8b591f052.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">Naturkostbar</p>
          <a href="/en/products/macadamia-nuts-raw-food-quality-organic-500-g-9628">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Macadamia Nuts Raw Food Quality Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SkIthvaUZEM21GxvG6BVf7LJnsbHxCkCLeqv1A-vQYJRwjN123_dneIbFQqjrLYzgsH2Xr_A3dvyVjPDoaoj2A" />
    <input value="9628" 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/no-bullsh-t-bye-puffy-eye-eye-roller-with-coffee-oil-10-ml-9685">
          <img alt="No Bullsh!t Bye Puffy Eye - Eye Roller with Coffee Oil" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5388/file/small-a699bc8d3e144638ae41519ffe5c2ac4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5388/file/medium-56b8a86d21562cfb862ab6d2a3bbcf74.webp 900w, https://assets.fabulous.ch/public/variant_asset/5388/file/large-c05b4c3d6b929fc893b33473d88a79a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5388/file/medium-56b8a86d21562cfb862ab6d2a3bbcf74.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">No Bullsh!t</p>
          <a href="/en/products/no-bullsh-t-bye-puffy-eye-eye-roller-with-coffee-oil-10-ml-9685">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">No Bullsh!t Bye Puffy Eye - Eye Roller with Coffee Oil, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r2IqNapkRnSxAIjuSNaPlr2FhsvCBcMMDAq7mdADUOW04jTGh4__qmXP8Yvw2mzajY3uU7oBN9XTtieOfgYyvw" />
    <input value="9685" 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/hyaluron-firming-eye-care-tube-15-ml-9688">
          <img alt="Hyaluron Firming Eye Care Tube" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5390/file/small-74d3b10cb0cc6810f0659e2e9290b17e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5390/file/medium-9cb9a2e357ebebc14e5d193dc41d34d5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5390/file/large-fe24f5ad3511148b12458b53fe862641.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5390/file/medium-9cb9a2e357ebebc14e5d193dc41d34d5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/hyaluron-firming-eye-care-tube-15-ml-9688">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hyaluron Firming Eye Care Tube, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YWgYEak37KfaObqTXjMRMCQEiSr2QuYaqAWV0rKTjBZ66AbihNxVeQ72w_bmP_J8FAzhso5GEsN3uQnFHJbuTA" />
    <input value="9688" 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/hyaluron-firming-night-cream-50-ml-9689">
          <img alt="Hyaluron Firming Night Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5394/file/small-aef9719fd018aa669ce46aac77def536.webp 600w, https://assets.fabulous.ch/public/variant_asset/5394/file/medium-1f62780914d9def0269266a07e5f6856.webp 900w, https://assets.fabulous.ch/public/variant_asset/5394/file/large-628c6a355eb3ef955c3fa07fe9e34e07.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5394/file/medium-1f62780914d9def0269266a07e5f6856.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/hyaluron-firming-night-cream-50-ml-9689">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hyaluron Firming Night Cream, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CUu4a0yUlDwiJwK2uF-Mnr29wG9AGaQJIbGO0_MeQ14Sy6aYYX8t4vboe9MAU2_SjbWo9zgdUND-DRLEXRshBA" />
    <input value="9689" 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/hyaluron-firming-day-cream-50-ml-9690">
          <img alt="Hyaluron Firming Day Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5397/file/small-fe9f203bd3a0cf375cfccf619abe3cf1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5397/file/medium-f9a9a748f26a892263ba4342558602fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/5397/file/large-79fb0b0f0ddc26e26d5755aa37e8d763.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5397/file/medium-f9a9a748f26a892263ba4342558602fb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/hyaluron-firming-day-cream-50-ml-9690">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hyaluron Firming Day Cream, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O40fCZfFK8ZclyFzqJJdmQWLMvsjnKre_0OAfl4uoMsgDQH6ui6SGIhYWBYQnr7VNYNaY1uYXgcg_xxp8CvCkQ" />
    <input value="9690" 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/hyaluron-firming-serum-30-ml-9691">
          <img alt="Hyaluron Firming Serum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5396/file/small-d5732844b1768f269f12e98e36122918.webp 600w, https://assets.fabulous.ch/public/variant_asset/5396/file/medium-c648ae07e48679f24ab7d6d99418aa8b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5396/file/large-3ce7a130cf3dffd0499891786ef8e064.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5396/file/medium-c648ae07e48679f24ab7d6d99418aa8b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/hyaluron-firming-serum-30-ml-9691">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hyaluron Firming Serum, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E9Ztpsoyzj4St8sfOo7HUsCY-t5XCBIb1y4_88FyHwkIVnNV59l34MZ4snqCgiQe8JCSRi8M5sIIkqPkb3d9Uw" />
    <input value="9691" 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/hyaluron-firming-hyaluron-sheet-mask-1-piece-1-piece-9693">
          <img alt="Hyaluron Firming Hyaluron Sheet Mask, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5402/file/small-484e73d82f64696e877ac86f7cee2c2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5402/file/medium-419455b4f065a5af6fd7c1aeb21bba94.webp 900w, https://assets.fabulous.ch/public/variant_asset/5402/file/large-390922aa211a45eb56199066a5e27d5c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5402/file/medium-419455b4f065a5af6fd7c1aeb21bba94.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/hyaluron-firming-hyaluron-sheet-mask-1-piece-1-piece-9693">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hyaluron Firming Hyaluron Sheet Mask, 1 piece, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IYy0naHpdtPRJ4deD8YtogGQrKvBwul5QGeRkcQBASk6DKpujALPDQXo_ju3ys7uMZjEM7nGHaCf2w2GagRjcw" />
    <input value="9693" 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;640 of 3&#39;168 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/progana-muhle-rytz?format=turbo_stream&amp;page=83">Show more</a>
  </div>
</div>

</template></turbo-stream>