<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/chickpeas-in-a-can-organic-400-g-623">
          <img alt="Chickpeas in a Can Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/568/file/small-e94a248af3899e3e596324ec8a74d41c.webp 600w, https://assets.fabulous.ch/public/variant_asset/568/file/medium-7c4971470b5eee648c6a10392ab2a797.webp 900w, https://assets.fabulous.ch/public/variant_asset/568/file/large-0785d1ae1dd1e0dfda69060384c2d288.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/568/file/medium-7c4971470b5eee648c6a10392ab2a797.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/chickpeas-in-a-can-organic-400-g-623">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chickpeas in a Can Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZsrkaDcXV5tQr6Ng88AkgzFonnll7wTURwnbuGCA3-FHOmYd--XD9SYhAxCoM4_ceV5MDbeg4umxoFSb_NXsog" />
    <input value="623" 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-camargue-red-rice-organic-500-g-625">
          <img alt="Rice Camargue Red Rice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/570/file/small-b0dfc32b12a0698b48d7fbf886ac5db1.webp 600w, https://assets.fabulous.ch/public/variant_asset/570/file/medium-950b25d9cdb911be24281033a6055740.webp 900w, https://assets.fabulous.ch/public/variant_asset/570/file/large-cf695d1ad98f5e379ee183366a79793d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/570/file/medium-950b25d9cdb911be24281033a6055740.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/rice-camargue-red-rice-organic-500-g-625">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rice Camargue Red Rice Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="okjAWnHgNNYAaWRAmQCJJKEd9Ddbw7nSFqXiFLfh5lWDuEIvvRKguHbnxDDC8yJ76SsmQ4mMX-_gDG03K7TVFg" />
    <input value="625" 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/20-gift-voucher-for-fabulous-vegan-shop-switzerland-1-piece-626">
          <img alt="20.- Gift Voucher for fabulous! Vegan Shop Switzerland" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/571/file/small-9ea05b4daa63ea86079997efca14d52c.webp 600w, https://assets.fabulous.ch/public/variant_asset/571/file/medium-9221879b32566b6c0ab9ccdf8409e60d.webp 900w, https://assets.fabulous.ch/public/variant_asset/571/file/large-7e9ca068594987d9f121f67625dcd164.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/571/file/medium-9221879b32566b6c0ab9ccdf8409e60d.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">fabulous! Der Vegan Shop Schweiz</p>
          <a href="/en/products/20-gift-voucher-for-fabulous-vegan-shop-switzerland-1-piece-626">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">20.- Gift Voucher for fabulous! Vegan Shop Switzerland, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YSoCr-tk1BC2SmNqsF07wWqNpUfRJuFXOglkXRtKZjlA2oDaJ5ZAfsDEwxrrrpCeIrt3MwNpB2rMoOt-hx9Veg" />
    <input value="626" 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/50-gift-voucher-for-fabulous-vegan-shop-switzerland-1-piece-627">
          <img alt="50.- Gift Voucher for fabulous! Vegan Shop Switzerland" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/572/file/small-1d6af87ad94cea1fa9e13baba5bbe276.webp 600w, https://assets.fabulous.ch/public/variant_asset/572/file/medium-b08b14a7388bda09e8c8c2a6fc4be54e.webp 900w, https://assets.fabulous.ch/public/variant_asset/572/file/large-23d33dcaaeb426062684f5ed12ff0a27.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/572/file/medium-b08b14a7388bda09e8c8c2a6fc4be54e.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">fabulous! Der Vegan Shop Schweiz</p>
          <a href="/en/products/50-gift-voucher-for-fabulous-vegan-shop-switzerland-1-piece-627">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">50.- Gift Voucher for fabulous! Vegan Shop Switzerland, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 50.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mSa7su7bk2UICCfZrVDvosYY0QXlOnLrEcR7d7-xs8e41jnHIikHC36Gh6n2o0T9ji4DcTd1lNbnbfRUI-SAhA" />
    <input value="627" 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/100-gift-voucher-for-fabulous-vegan-shop-switzerland-1-piece-628">
          <img alt="100.- Gift Voucher for fabulous! Vegan Shop Switzerland" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/573/file/small-3b7db5ef5ca8e7c1b2f67ceb0acb5b51.webp 600w, https://assets.fabulous.ch/public/variant_asset/573/file/medium-2b69d78dd9d6f50f149f53c73feb2ae6.webp 900w, https://assets.fabulous.ch/public/variant_asset/573/file/large-44a0e2d507c5c8efde183ea7abe4b18d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/573/file/medium-2b69d78dd9d6f50f149f53c73feb2ae6.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">fabulous! Der Vegan Shop Schweiz</p>
          <a href="/en/products/100-gift-voucher-for-fabulous-vegan-shop-switzerland-1-piece-628">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">100.- Gift Voucher for fabulous! Vegan Shop Switzerland, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 100.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U6hC3RaPAHamzSrnKxFM65NhEMoJdJnjdfCXo7cyNYtyWMCo2n2UGNBDipdw4ue021fCvts7f96DWRiAK2cGyA" />
    <input value="628" 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">
    <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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tip
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tofu-smoked-classic-organic-200-g-635">
          <img alt="Tofu Smoked Classic Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/580/file/small-41cf7ea0ab5c64dadd0f97007ad7fd45.webp 600w, https://assets.fabulous.ch/public/variant_asset/580/file/medium-31a648734ae472d71fd1233f85535d06.webp 900w, https://assets.fabulous.ch/public/variant_asset/580/file/large-49f3b17e25d5d2d1cf2a72c218fef2b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/580/file/medium-31a648734ae472d71fd1233f85535d06.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">Taifun</p>
          <a href="/en/products/tofu-smoked-classic-organic-200-g-635">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Smoked Classic Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </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.08 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2U6jjJuraRSIjVm6_5gwVm0qoPVRNN_dM72oiZ9gRir4viH5V1n9ev4D-cqka5sJJRxygYN7OeDFFCeqAzV1aQ" />
    <input value="635" 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/tofu-natural-organic-200-g-636">
          <img alt="Tofu Natural Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/579/file/small-362e617a9fa606a790ec993e9c5877bc.webp 600w, https://assets.fabulous.ch/public/variant_asset/579/file/medium-802dc19a95e84981dfeff096e9a79554.webp 900w, https://assets.fabulous.ch/public/variant_asset/579/file/large-53209774dd93ce231e979993d392fc43.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/579/file/medium-802dc19a95e84981dfeff096e9a79554.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">Taifun</p>
          <a href="/en/products/tofu-natural-organic-200-g-636">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Natural Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.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 1.35 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UA0dsi3dl7p-i61t6z8qLZc6XRqNeNhk4gLhaxdOOtdx_Z_H4S8D1AgFDR2wzIFy3wyPbl83PlkUq25IixsJlA" />
    <input value="636" 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/premium-macadamia-nuts-organic-75-g-656">
          <img alt="Premium Macadamia Nuts Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/602/file/small-23c97ddda35465d8ad9a71c2df60b01a.webp 600w, https://assets.fabulous.ch/public/variant_asset/602/file/medium-491148e8aa170c8280b7f7ac4e50e452.webp 900w, https://assets.fabulous.ch/public/variant_asset/602/file/large-997732b054f0efc67c91ed102ccc5c47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/602/file/medium-491148e8aa170c8280b7f7ac4e50e452.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">Flores Farm</p>
          <a href="/en/products/premium-macadamia-nuts-organic-75-g-656">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Premium Macadamia Nuts Organic, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/premium-wild-peanuts-organic-100-g-659">
          <img alt="Premium Wild Peanuts Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/605/file/small-6438205fc5ec55bfa14f952fa1957c80.webp 600w, https://assets.fabulous.ch/public/variant_asset/605/file/medium-5827c5ee813b75876f5ebc06d8fb12d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/605/file/large-feaa4de78c1869c1637ea2e2d6eae11c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/605/file/medium-5827c5ee813b75876f5ebc06d8fb12d7.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">Flores Farm</p>
          <a href="/en/products/premium-wild-peanuts-organic-100-g-659">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Premium Wild Peanuts Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-659-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/oil-virgin-coconut-organic-450-ml-665">
          <img alt="Oil Virgin Coconut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/612/file/small-1901f85b68802c9826f97931fdc1dd41.webp 600w, https://assets.fabulous.ch/public/variant_asset/612/file/medium-54b70f5e3f799c33d0a61319f68cd7ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/612/file/large-3cc1423326193f8b50aba28af64e3952.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/612/file/medium-54b70f5e3f799c33d0a61319f68cd7ad.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">Kulau</p>
          <a href="/en/products/oil-virgin-coconut-organic-450-ml-665">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oil Virgin Coconut Organic, 450 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0C8l_AMxtINnkDU_XNRr_Bdj1XuCwon0qdTMOJCUd7Lx36eJz8Mg7REelU8HJ8CjX1UHD1CNb8lffUMbDMFE8Q" />
    <input value="665" 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-virginia-steak-organic-175-g-677">
          <img alt="Vegan Virginia Steak Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/621/file/small-62403a22204994066c7923090497df29.webp 600w, https://assets.fabulous.ch/public/variant_asset/621/file/medium-b9cbc11891e25d21e1ff6feb7f4300e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/621/file/large-2807cf030d397bf1a2fa07b091bbe041.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/621/file/medium-b9cbc11891e25d21e1ff6feb7f4300e8.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-virginia-steak-organic-175-g-677">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Virginia Steak Organic, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </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.49 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CQ6lDRkD5-vYWx80oEUzqz7z7lm-pjzctTTy7hAmU-Io_id41fFzha7Vv0T7tpj0dsU8LWzp2uFDnX3NjHNgoQ" />
    <input value="677" 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/sausage-mini-super-griller-vegan-organic-200-g-681">
          <img alt="Sausage Mini Super Griller Vegan Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/625/file/small-22edb8197a4e3be9cb9f6e40b9f6765f.webp 600w, https://assets.fabulous.ch/public/variant_asset/625/file/medium-89e16e77ff631652732aa70b28258b57.webp 900w, https://assets.fabulous.ch/public/variant_asset/625/file/large-8126172ff70e99049fdee06ebbf20348.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/625/file/medium-89e16e77ff631652732aa70b28258b57.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/sausage-mini-super-griller-vegan-organic-200-g-681">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sausage Mini Super Griller Vegan Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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.35 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uY4fdyS-biSJeOwq8HdcbgDQUN7wHlY7XDcsTsN2v2uYfp0C6Ez6Sv_2TFqrhPcxSOaCqiJRsAaqnqNtXyOMKA" />
    <input value="681" 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/lazzaretti-red-lentils-pasta-organic-250-g-686">
          <img alt="Lazzaretti Red Lentils Pasta Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/641/file/small-03e80cee9855636698878f12671a9022.webp 600w, https://assets.fabulous.ch/public/variant_asset/641/file/medium-59b15d21753f640f3feaa4a53d20abea.webp 900w, https://assets.fabulous.ch/public/variant_asset/641/file/large-f181e6e2fa0b4b2e518755acf90aa126.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/641/file/medium-59b15d21753f640f3feaa4a53d20abea.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">Lazzaretti</p>
          <a href="/en/products/lazzaretti-red-lentils-pasta-organic-250-g-686">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lazzaretti Red Lentils Pasta Organic, 250 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 1.96 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iw1nn1_Jw5Iszoj0c_U9-RBJpfP0OkxrmMXKdK2qft6q_eXqkztX_FpAKIQoBpamWH93hyZ1qlZubEVXMf9NnQ" />
    <input value="686" 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/cleansing-milk-200-ml-695">
          <img alt="Cleansing Milk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/647/file/small-1fb337e0c89c938cbf9ac645cb50625a.webp 600w, https://assets.fabulous.ch/public/variant_asset/647/file/medium-ec8476137b875578e68c6c6f15158a95.webp 900w, https://assets.fabulous.ch/public/variant_asset/647/file/large-4804b8f0caa817d6534888a00d06070c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/647/file/medium-ec8476137b875578e68c6c6f15158a95.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">MADARA</p>
          <a href="/en/products/cleansing-milk-200-ml-695">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cleansing Milk, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fch-G4RJbW4jr3IK3RUWZI44amoZNMchhBHNKVCmj7tcOPxuSLv5AFUh0nqG5r07xg64Hst7IRxyuEIKzPO8-A" />
    <input value="695" 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/night-regenerating-night-cream-50-ml-696">
          <img alt="Night Regenerating Night Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/648/file/small-4f6993e97947cb88502ab613e0498156.webp 600w, https://assets.fabulous.ch/public/variant_asset/648/file/medium-ea63cdb9755960474d1aa9dc0a9c0560.webp 900w, https://assets.fabulous.ch/public/variant_asset/648/file/large-bfe503d9cffa527eafb67a05547e4fc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/648/file/medium-ea63cdb9755960474d1aa9dc0a9c0560.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">MADARA</p>
          <a href="/en/products/night-regenerating-night-cream-50-ml-696">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Night Regenerating Night Cream, 50 ml</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 54.90 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AaRz0S9Zphy2Y67UKYSLz6se9bndRVReR8Llm6C6URYgVPGk46sycsDtDqRydyCQ4ygnzQ8KsmOxa2q4PO9iVQ" />
    <input value="696" 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/clarifying-toner-200-ml-697">
          <img alt="Clarifying Toner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/649/file/small-f41ee897c86d36692db43e9242e8e000.webp 600w, https://assets.fabulous.ch/public/variant_asset/649/file/medium-5e32d7a9e32a5c563e947c8eb712a6fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/649/file/large-9ed3e13e4c3651bc1d7bc197d212e527.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/649/file/medium-5e32d7a9e32a5c563e947c8eb712a6fc.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">MADARA</p>
          <a href="/en/products/clarifying-toner-200-ml-697">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Clarifying Toner, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tx0GtE1xOVHfkBF2VZN3hmFO2LjRtKN2TUD4McIm2wSW7YTBgYOtP6kesQYOYNzZKXgKzAP7RUu76XcSXnPoRw" />
    <input value="697" 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/day-deep-moisture-cream-50-ml-699">
          <img alt="Day Deep Moisture Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/651/file/small-ffde79b74dab00960cda07db3977afa9.webp 600w, https://assets.fabulous.ch/public/variant_asset/651/file/medium-ca1653749e483f36de9562f97ffcc02a.webp 900w, https://assets.fabulous.ch/public/variant_asset/651/file/large-81fc9bb1924270d2c8f749cde0ecd422.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/651/file/medium-ca1653749e483f36de9562f97ffcc02a.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">MADARA</p>
          <a href="/en/products/day-deep-moisture-cream-50-ml-699">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Day Deep Moisture Cream, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m9WVVaOEZraxZkVZeDpvRZvf2y4RJiXt_GVI4aPHCbC6JRcgb3by2Mfo5SkjycQa0-kJWsNpw9AKzMfCP5I68w" />
    <input value="699" 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/shampoo-nourish-and-repair-250-ml-709">
          <img alt="Shampoo Nourish and Repair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/659/file/small-312cf1a4569321f09e56801fa23d5049.webp 600w, https://assets.fabulous.ch/public/variant_asset/659/file/medium-400b2c46183c4c052ee2bbb3f76fae57.webp 900w, https://assets.fabulous.ch/public/variant_asset/659/file/large-7aa07730848f5affc19a42c231a24163.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/659/file/medium-400b2c46183c4c052ee2bbb3f76fae57.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">MADARA</p>
          <a href="/en/products/shampoo-nourish-and-repair-250-ml-709">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Nourish and Repair, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xeWmeea7P4_jibLUgaFLAVYxItxp_UIcHLFawBDtEszkFSQMKkmr4ZUHEqTaUuBeHgfwqLuypCHqGNXjjLghjw" />
    <input value="709" 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/shampoo-colour-and-shine-250-ml-710">
          <img alt="Shampoo Colour and Shine" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/660/file/small-84f63571143192fa4a063def708c4429.webp 600w, https://assets.fabulous.ch/public/variant_asset/660/file/medium-0def361c5927db341f7025fbb05677d9.webp 900w, https://assets.fabulous.ch/public/variant_asset/660/file/large-188912c8b16e76a8b00da4c5cfa2fbe1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/660/file/medium-0def361c5927db341f7025fbb05677d9.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">MADARA</p>
          <a href="/en/products/shampoo-colour-and-shine-250-ml-710">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Colour and Shine, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="onMWvdVPtN9zwliDP6hJ5al4alccpma9G6xxghO1q0KDg5TIGb0gsQVM-PNkW-K64U64I87pgIDtBf6hj-CYAQ" />
    <input value="710" 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/conditioner-nourish-and-repair-200-ml-711">
          <img alt="Conditioner Nourish and Repair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/662/file/small-82bef915f552215912d4f55fb59ad18c.webp 600w, https://assets.fabulous.ch/public/variant_asset/662/file/medium-438619fdc1e76fdd242ad99fef5535e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/662/file/large-88d6fc0e2e0f974b3377935a0b3e5735.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/662/file/medium-438619fdc1e76fdd242ad99fef5535e2.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">MADARA</p>
          <a href="/en/products/conditioner-nourish-and-repair-200-ml-711">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Conditioner Nourish and Repair, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.40
            </p>

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

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

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

</template></turbo-stream>