<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/seeded-high-protein-toast-bread-organic-400-g-16913">
          <img alt="Seeded High-Protein Toast Bread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7886/file/small-15eb371753ada63d319da019b00113ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/7886/file/medium-ac0156e175e11641e907da09a68765fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7886/file/large-8f117c811566de7f327c7c1a4ca4c6be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7886/file/medium-ac0156e175e11641e907da09a68765fd.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">Nur Puur</p>
          <a href="/en/products/seeded-high-protein-toast-bread-organic-400-g-16913">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seeded High-Protein Toast Bread Organic, 400 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 1.53 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8WZEFq7gyrzOo-fjoy6bbtnBAIvXXschyl2kRnz7-YNBbJYTorMjqwI8QV2FWUOabkzsayPEzO_22oZcTlPd3g" />
    <input value="16913" 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/baking-mix-my-cinnamon-rolls-organic-450-g-11135">
          <img alt="Baking Mix My Cinnamon Rolls Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5703/file/small-803e44db050bc87f68fc746a4c3d8fa1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5703/file/medium-45cdd861ffd70d48a2ec01ab02df2fcb.webp 900w, https://assets.fabulous.ch/public/variant_asset/5703/file/large-42b096c2ecfa2090bc71b587e08b025c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5703/file/medium-45cdd861ffd70d48a2ec01ab02df2fcb.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">Biovegan</p>
          <a href="/en/products/baking-mix-my-cinnamon-rolls-organic-450-g-11135">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baking Mix My Cinnamon Rolls Organic, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UjLRSSLkZ20--F-N2gBL_42YMUx7-0EqaqBzGjnR9kLiOANMLreOevJn-TP8d5MLOhXdrI9hSuRWJ1EAC3nSHw" />
    <input value="11135" 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/sausage-vegan-merguez-2-0-organic-120-g-16083">
          <img alt="Sausage Vegan Merguez 2.0 Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7428/file/small-e7d345121af4fb38230501e9953056d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7428/file/medium-e9e974b430257ad58616cc450a9ba5c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7428/file/large-7a1838a58aba231a8558ad734d46ebd9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7428/file/medium-e9e974b430257ad58616cc450a9ba5c0.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-vegan-merguez-2-0-organic-120-g-16083">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sausage Vegan Merguez 2.0 Organic, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </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.79 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="si_Gu2UE6_JxMH8XAxXcbVSZMQciJ5Z62HstaGDLCEoCJRS-aVcC5b2v2aklYgSZ4xTd59a9nbTk_A9yUmMsFw" />
    <input value="16083" 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/jackfruit-cubes-unseasoned-organic-200-g-6543">
          <img alt="Jackfruit Cubes Unseasoned Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3756/file/small-75785db199e4970f022b17bab503f56d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3756/file/medium-2e3d4449527d3a19999754b95f6176db.webp 900w, https://assets.fabulous.ch/public/variant_asset/3756/file/large-27484242fc936d7c63c1e1504ae42afc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3756/file/medium-2e3d4449527d3a19999754b95f6176db.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">Govinda</p>
          <a href="/en/products/jackfruit-cubes-unseasoned-organic-200-g-6543">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jackfruit Cubes Unseasoned Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qiJive1YYUmFHKfeGnO6kl6qhrJXHYiL9hkHcZCoJfEaKLC44QuIXkmDAWA8BGJm6SdqUqOHg0XKniVrogABrA" />
    <input value="6543" 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/crispbread-croq-oat-natural-gluten-free-organic-160-g-6963">
          <img alt="Crispbread Croq&#39; Oat Natural Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4035/file/small-9caeff76c155b0be0e71b7fbd64dffbb.webp 600w, https://assets.fabulous.ch/public/variant_asset/4035/file/medium-57382a8967f74ac0e8f5f00cf27694e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/4035/file/large-e4cae0f455228e322109aefda060521f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4035/file/medium-57382a8967f74ac0e8f5f00cf27694e7.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/crispbread-croq-oat-natural-gluten-free-organic-160-g-6963">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crispbread Croq&#39; Oat Natural Gluten Free Organic, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Md775x0aaR_6piY4o4dYO7nw2VSkHPXH5K_sDQEgAYeB1CniEUmACDY5gIaF8IDPDn01tFCG_gnYKM4XM4gl2g" />
    <input value="6963" 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/coleslaw-organic-360-g-15889">
          <img alt="Coleslaw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7292/file/small-626b2292b2e42c4593bfa662eee017fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7292/file/medium-e10972ede5c2bc21e579e25f212e322a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7292/file/large-4c842c03611edd558b8dfa111d8205d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7292/file/medium-e10972ede5c2bc21e579e25f212e322a.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">Grünhof</p>
          <a href="/en/products/coleslaw-organic-360-g-15889">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coleslaw Organic, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </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.28 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KP4hoHBFP3JYdrUm6VQildZ1cid6CbNfo6fM-FA9NFqY9POlfBbWZZTpE5jPI_phYfiex46TuJGfIO7iYpUQBw" />
    <input value="15889" 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/potato-salad-with-vinegar-oil-organic-400-g-15888">
          <img alt="Potato Salad with Vinegar &amp; Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7291/file/small-9f80de7cfa0c1eb8c29510d964574e99.webp 600w, https://assets.fabulous.ch/public/variant_asset/7291/file/medium-77532e9afaf6e64b0263cafc878fdeea.webp 900w, https://assets.fabulous.ch/public/variant_asset/7291/file/large-827df4ad673db852e0f7a88a6613a05f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7291/file/medium-77532e9afaf6e64b0263cafc878fdeea.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">Grünhof</p>
          <a href="/en/products/potato-salad-with-vinegar-oil-organic-400-g-15888">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Potato Salad with Vinegar &amp; Oil Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tNN2_Fm4WeJ5EGo01PBebqfHygIs3264Akli1ZmWWfkE2aT5Veuw9bWPzIryh4aaEEom4thFZXY-zkDPqz59pA" />
    <input value="15888" 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-bar-coconut-60-g-14953">
          <img alt="Conditioner Bar Coconut" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6856/file/small-f1b9bd8a41c63e482e5597b3bb31a2cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6856/file/medium-efdac96c2e294e940c9a8050d29ca02c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6856/file/large-4561efc9e56b73300100eced7aa86e26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6856/file/medium-efdac96c2e294e940c9a8050d29ca02c.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">Chey Haircare</p>
          <a href="/en/products/conditioner-bar-coconut-60-g-14953">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Conditioner Bar Coconut, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6zdQldAfsm-a2dUpseY-5A8QV9QEuXAJz5CO2Pu68oNbPYKQ3ExbeFZGc5eXkeYQuJ27NPAje8fzF6zCyRLW3g" />
    <input value="14953" 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/solid-shampoo-deep-cleansing-mango-60-g-14865">
          <img alt="Solid Shampoo ‘Deep cleansing’ Mango" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6798/file/small-3f075c127d13efb5310b2bd8b8346b8f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6798/file/medium-4604b0c3537fca8a0e52f0de028029f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6798/file/large-12a8427b442aca9aa05487fd26c33afa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6798/file/medium-4604b0c3537fca8a0e52f0de028029f1.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">Chey Haircare</p>
          <a href="/en/products/solid-shampoo-deep-cleansing-mango-60-g-14865">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Solid Shampoo ‘Deep cleansing’ Mango, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_UnSs1sziT0AO4BJ5oRoN0tdotj2WisgtASG0EdFDwVNQwC2V2BgKsykJvfA87DD_NBOOALAIO6Ig6TKde0rWA" />
    <input value="14865" 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/strengthening-hair-mask-200-ml-14867">
          <img alt="Strengthening hair mask" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6806/file/small-a32f3ed76dbb6a5dd445bf012c9ec5c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6806/file/medium-8cab36745ad46c32a777dfb864d13f44.webp 900w, https://assets.fabulous.ch/public/variant_asset/6806/file/large-3d796dc731f418c0d6cc7e03a915f534.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6806/file/medium-8cab36745ad46c32a777dfb864d13f44.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">Chey Haircare</p>
          <a href="/en/products/strengthening-hair-mask-200-ml-14867">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Strengthening hair mask, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xWxujvaGGjiVCQn0uvSpvtv1GUBF5xtXQjvdwCzSDNR1ZryL-tXzL1mWr0qcg3FKbHj1oLF9EJl-vP_aHnooiQ" />
    <input value="14867" 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-matcha-avocado-250-ml-12396">
          <img alt="Shampoo Matcha &amp; Avocado" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6221/file/small-089a4c622ed806d7c453a49ec5912219.webp 600w, https://assets.fabulous.ch/public/variant_asset/6221/file/medium-89ab496b71910706f7b13527175c8333.webp 900w, https://assets.fabulous.ch/public/variant_asset/6221/file/large-913d29603111aaacc42403d7d302eddf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6221/file/medium-89ab496b71910706f7b13527175c8333.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">Chey Haircare</p>
          <a href="/en/products/shampoo-matcha-avocado-250-ml-12396">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Matcha &amp; Avocado, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aBb4r45WK-8C2y89dZc0z1mLc7Mwvr4tFX0HtBIW8UPYHCqqggXC-M5EiYNT4Ow77gafU8QkteMp-iWuIL7VHg" />
    <input value="12396" 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-bar-matcha-60-g-14951">
          <img alt="Conditioner Bar Matcha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6854/file/small-25e0679e35c8408f950482a18bd384b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6854/file/medium-954e9c6e11fbb1cd0ae055e6c0d0321b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6854/file/large-1d53ad9f379f1cd0714b95b8b7aa4825.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6854/file/medium-954e9c6e11fbb1cd0ae055e6c0d0321b.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">Chey Haircare</p>
          <a href="/en/products/conditioner-bar-matcha-60-g-14951">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Conditioner Bar Matcha, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NGEq8XwxlVM5Wzm26zJ0RlJC8LCQTxaRh20VV3HJLY2Ea_j0cGJ8RPXEnwjNRayy5c8cUGTVHV-76jdNQ2EJ0A" />
    <input value="14951" 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-bar-without-sulfates-coconut-60-g-12388">
          <img alt="Shampoo Bar without Sulfates Coconut" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6213/file/small-b18eea85520508d1003577c8c2a245cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6213/file/medium-30a5488b22517182ef340309c0f6389a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6213/file/large-2fa294b826d5064e8383506b4856b2a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6213/file/medium-30a5488b22517182ef340309c0f6389a.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">Chey Haircare</p>
          <a href="/en/products/shampoo-bar-without-sulfates-coconut-60-g-12388">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Bar without Sulfates Coconut, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PzdEb2YZb0yfopKuIb-Jegc9ExZYzls_NkJzOu2WMbaPPZZqakqGW1M9NBAHyFGOsLD_9qxUUPEKxVEg3z4V6w" />
    <input value="12388" 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-bar-calendula-60-g-14954">
          <img alt="Conditioner Bar Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6857/file/small-5b0eb2a85927ea1db261430df7bb07ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/6857/file/medium-59ff3df29fd46f0373aa35613c325872.webp 900w, https://assets.fabulous.ch/public/variant_asset/6857/file/large-ecec737ecfc52be129146aca3af1d87b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6857/file/medium-59ff3df29fd46f0373aa35613c325872.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">Chey Haircare</p>
          <a href="/en/products/conditioner-bar-calendula-60-g-14954">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Conditioner Bar Calendula, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JD2IlO-T-dA627yjAzRqqssCOPa986oA_bMBLqlqoPeUN1qR48AQx_ZEGh0lQ7JefI_UFklpoc7BNCM0m8KEqg" />
    <input value="14954" 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/kuvings-auto8-hands-free-slow-juicer-black-1-piece-15523">
          <img alt="Kuvings AUTO8 Hands-free Slow Juicer Black" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7080/file/small-5a6b86e1b37733e2ac4e4fbf616c044b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7080/file/medium-bfb6bfe2123f1bcebcdf723d9d6cffd9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7080/file/large-590a94de59a75e212ecaea9da6215c10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7080/file/medium-bfb6bfe2123f1bcebcdf723d9d6cffd9.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">Kuvings</p>
          <a href="/en/products/kuvings-auto8-hands-free-slow-juicer-black-1-piece-15523">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kuvings AUTO8 Hands-free Slow Juicer Black, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 395.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ixsZojtAwygjZKdFUJ5DcydJbTht_xgsLe8FMkn5jZQ7EcunNxMqP-_7Aft26ZuHkMSB2JllE-IRaCcoe1GpyQ" />
    <input value="15523" 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/maple-syrup-grade-a-organic-250-ml-700e9a50-6afa-48c2-ac33-89b44eb96bb9-6955">
          <img alt="Maple Syrup Grade A Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4028/file/small-1bea71f63588b381086daafb04742d62.webp 600w, https://assets.fabulous.ch/public/variant_asset/4028/file/medium-1bd610de07b7837df57ec700e04deb5a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4028/file/large-0c28fa303ac3c6706b5361d35124d8a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4028/file/medium-1bd610de07b7837df57ec700e04deb5a.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/maple-syrup-grade-a-organic-250-ml-700e9a50-6afa-48c2-ac33-89b44eb96bb9-6955">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Maple Syrup Grade A Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ckyl5j-mSqwjRj9WyUebmR2rDTUkhA-MvydMcizuuy66RnfjM_Wju-_ZmejvMENtqibh1dAeBEKDoG5oHkafcw" />
    <input value="6955" 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/eyeshadow-quattro-smokey-eyes-8-g-7787">
          <img alt="Eyeshadow Quattro Smokey Eyes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4524/file/small-d0a441da66d2fec321d36f49ebf397ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/4524/file/medium-0d1de0cf901798a97d8af7da29c3c4f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4524/file/large-5c8411fe96436fc78a59e5bb10db9f48.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4524/file/medium-0d1de0cf901798a97d8af7da29c3c4f0.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">benecos</p>
          <a href="/en/products/eyeshadow-quattro-smokey-eyes-8-g-7787">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeshadow Quattro Smokey Eyes, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6s6SF_pR6Knk3gckjk-m5AMEjrhRiaau2fqY_OIkF3ZaxEAS9gIBvihBoZqoOH4QtIliWKUTrWDlfbrm0IwzKw" />
    <input value="7787" 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/eyeshadow-quattro-coffee-cream-eyes-8-g-7788">
          <img alt="Eyeshadow Quattro coffee &amp; cream Eyes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4528/file/small-2c0277a2755722a00e92a112ff6c2d0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4528/file/medium-ddd721b907fa0642e4fcbfe655b87e39.webp 900w, https://assets.fabulous.ch/public/variant_asset/4528/file/large-3968b5f95f11297c42ab8dab1ede6b74.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4528/file/medium-ddd721b907fa0642e4fcbfe655b87e39.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">benecos</p>
          <a href="/en/products/eyeshadow-quattro-coffee-cream-eyes-8-g-7788">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeshadow Quattro coffee &amp; cream Eyes, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_ocSZYXuT1si1t5hs2AXkzBo_A-i2l0ZBnz49-AUJoBOjcBgib2mTO5JeN-VF89nh-UQ71ZAVtc6-9rt0rwC3Q" />
    <input value="7788" 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/eyeshadow-quattro-natural-beautiful-eyes-8-g-713">
          <img alt="Eyeshadow Quattro Natural Beautiful Eyes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/663/file/small-8d124c674c2a63d24d0ba0a690dcfd78.webp 600w, https://assets.fabulous.ch/public/variant_asset/663/file/medium-9378e465b828f53aaf9b77180e222819.webp 900w, https://assets.fabulous.ch/public/variant_asset/663/file/large-20a9b8c1bc83dc0ff90b166ea6412762.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/663/file/medium-9378e465b828f53aaf9b77180e222819.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">benecos</p>
          <a href="/en/products/eyeshadow-quattro-natural-beautiful-eyes-8-g-713">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeshadow Quattro Natural Beautiful Eyes, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FwgLoBbZcCh7s1cfuHmXL729eONMkrkGUR1BAGV_e7enAtmlGoqZP7cs8aGeDk_bCjCUA7gIsshtmmMaV9df6g" />
    <input value="713" 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/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="DVk1Dw1S38HronETa8Dn2Z2rsB2vdzDksJqpV7qOlhW9U-cKAQE21ic9161Ntz8tKiZc_VvtOyqMHYtNiCaySA" />
    <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>



</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">
      800 of 3&#39;212 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/neumarkter-lammsbrau?format=turbo_stream&amp;page=41">Show more</a>
  </div>
</div>

</template></turbo-stream>