<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/deo-cream-nude-no-bullsh-t-plasticfree-50-ml-6815">
          <img alt="Deo Cream Nude No Bullsh!t #plasticfree" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3933/file/small-8f7a7241ef2195d03c83110b8cf65803.webp 600w, https://assets.fabulous.ch/public/variant_asset/3933/file/medium-3ca719ef5a8230e1ccf620a0c9812ef6.webp 900w, https://assets.fabulous.ch/public/variant_asset/3933/file/large-e772d339b327b4eb1a801c07be4a2b3a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3933/file/medium-3ca719ef5a8230e1ccf620a0c9812ef6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">No Bullsh!t</p>
          <a href="/en/products/deo-cream-nude-no-bullsh-t-plasticfree-50-ml-6815">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deo Cream Nude No Bullsh!t #plasticfree, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qyg-6t14E1B9fhTCXc3SJuFAeNVizZPnXQoi5a-kgLKmcTfelze_EgK57oiSKIWpj2d5vjrDh90JciI5pDonFg" />
    <input value="6815" 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/deo-cream-trial-set-travel-set-no-bullsh-t-plasticfree-15-ml-6816">
          <img alt="Deo Cream Trial Set / Travel Set No Bullsh!t #plasticfree" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3934/file/small-083d4e48938a219d5c434128dfab3381.webp 600w, https://assets.fabulous.ch/public/variant_asset/3934/file/medium-559201cb5dcf1ad90e56681e03c776b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/3934/file/large-28b227a0643be07d2adec1ab59c4896c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3934/file/medium-559201cb5dcf1ad90e56681e03c776b6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">No Bullsh!t</p>
          <a href="/en/products/deo-cream-trial-set-travel-set-no-bullsh-t-plasticfree-15-ml-6816">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deo Cream Trial Set / Travel Set No Bullsh!t #plasticfree, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OGfTWdrtUJY_B0uHxMrEbF2fQfuH-O2IyjsDJz1iY2TdPtptkKL81EDAsc0LL5PjM7hAkN_2-bKeQwP7NvzEwA" />
    <input value="6816" 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/dinki-spelt-mince-vegan-marinated-organic-200-g-6821">
          <img alt="Dinki Spelt Mince Vegan Marinated Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3942/file/small-e145d8daf2cb41bf9ce596a374471d2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3942/file/medium-ca6be279535eb6607171216c4f1a3fab.webp 900w, https://assets.fabulous.ch/public/variant_asset/3942/file/large-dd295bf62420b8d4383319c1e5b6eed6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3942/file/medium-ca6be279535eb6607171216c4f1a3fab.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">Soyana</p>
          <a href="/en/products/dinki-spelt-mince-vegan-marinated-organic-200-g-6821">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dinki Spelt Mince Vegan Marinated Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </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.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qguHso88YqlXdJ23d9PH1u_OS4Dvaoa3BopZ0Cn-OU5PUo6GxXPO6yizZ_24NpBZgelK67dkko1S8lkMImCe6g" />
    <input value="6821" 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-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/lip-balm-lip-care-minty-no-bullsh-t-plasticfree-15-ml-6822">
          <img alt="Lip Balm Lip Care Minty No Bullsh!t #plasticfree" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3944/file/small-8e8b77ecd248cd2ee43a7ee5a3793725.webp 600w, https://assets.fabulous.ch/public/variant_asset/3944/file/medium-cda1dcda57b26897e2e0f6f80946ca8e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3944/file/large-d2a27182f75cc154fd94caa35ef6eee5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3944/file/medium-cda1dcda57b26897e2e0f6f80946ca8e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">No Bullsh!t</p>
          <a href="/en/products/lip-balm-lip-care-minty-no-bullsh-t-plasticfree-15-ml-6822">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lip Balm Lip Care Minty No Bullsh!t #plasticfree, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-6822-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 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/sesame-bulk-buy-organic-5-kg-6824">
          <img alt="Sesame Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3954/file/small-adf01abdcceabeaaaed7311704644926.webp 600w, https://assets.fabulous.ch/public/variant_asset/3954/file/medium-2b82b9752c82b6d1173599abfbce9c97.webp 900w, https://assets.fabulous.ch/public/variant_asset/3954/file/large-e538e40ecbb798a3ab170a9d21f803ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3954/file/medium-2b82b9752c82b6d1173599abfbce9c97.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">Biofarm</p>
          <a href="/en/products/sesame-bulk-buy-organic-5-kg-6824">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sesame Bulk Buy Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 66.05
            </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-6824-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E5cZ4dcitDXk1XLjKJwmAIVgkUPI2qI2WyQgxV_2AUD2zhDVnW0Yd5sSiKnneXGP60eQKJDUtgwPXCAZVGim5A" />
    <input value="6824" 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/dinki-spelt-strips-neutral-marinade-gastro-organic-1-kg-6834">
          <img alt="Dinki Spelt Strips neutral marinade (Gastro) Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3955/file/small-f3220c9de20ba04feb3cdce124df0dc5.webp 600w, https://assets.fabulous.ch/public/variant_asset/3955/file/medium-45f79a36e067c2386fe1af3c5a7bd108.webp 900w, https://assets.fabulous.ch/public/variant_asset/3955/file/large-88b94682f7a8251210be390e47ab9f3f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3955/file/medium-45f79a36e067c2386fe1af3c5a7bd108.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">Soyana</p>
          <a href="/en/products/dinki-spelt-strips-neutral-marinade-gastro-organic-1-kg-6834">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dinki Spelt Strips neutral marinade (Gastro) Organic, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.85
            </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-6834-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZwQo5T3TEN9ro4c5o9RmYYz9oCyZTzUteX1S4IJord2CXSHRd5y8nRRkfXNsMTHu4tqhR8FBIRctBVI8ifYKeQ" />
    <input value="6834" 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/rice-whole-round-grain-bulk-buy-organic-5-kg-6835">
          <img alt="Rice Whole Round Grain Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3958/file/small-dbb5b051e665ba2341d2c4c3439ea638.webp 600w, https://assets.fabulous.ch/public/variant_asset/3958/file/medium-9c8726756fb60be774cb8c14da07edaa.webp 900w, https://assets.fabulous.ch/public/variant_asset/3958/file/large-aeba292d82291cec1a7ead73c0c09a1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3958/file/medium-9c8726756fb60be774cb8c14da07edaa.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">Biofarm</p>
          <a href="/en/products/rice-whole-round-grain-bulk-buy-organic-5-kg-6835">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rice Whole Round Grain Bulk Buy Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 37.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sQ42Hkj6P3Ov9d6-tiLg2tgdrOyWZ2invK581_0weTtUVz8qArWTMdAyJPR5x7dVtjqth85pfJ3o1nwL9q7enw" />
    <input value="6835" 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-freshness-balance-anti-grease-250-ml-c6fed3b6-8abc-4e00-b3bf-f0e8b4b4be41-6836">
          <img alt="Shampoo Freshness &amp; Balance (Anti-Grease)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3959/file/small-94ab465c128cca6686aa6edbd1593703.webp 600w, https://assets.fabulous.ch/public/variant_asset/3959/file/medium-3863b80d510abfbfc3045dcec58e2d3c.webp 900w, https://assets.fabulous.ch/public/variant_asset/3959/file/large-f606580e5a251890270735af3b31336f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3959/file/medium-3863b80d510abfbfc3045dcec58e2d3c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/shampoo-freshness-balance-anti-grease-250-ml-c6fed3b6-8abc-4e00-b3bf-f0e8b4b4be41-6836">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Freshness &amp; Balance (Anti-Grease), 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xakW49I0uVw1Qa6xKGX82mp2XwWmwTPoNinai4YBq7kg8B_XmHsVHkqGVPvngKtVBFFebv7PJ9JiUdpXjZ8MHQ" />
    <input value="6836" 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/cuisine-almond-organic-500-ml-6842">
          <img alt="Cuisine Almond Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3965/file/small-d84c2a6bd82442762f57e403365b5569.webp 600w, https://assets.fabulous.ch/public/variant_asset/3965/file/medium-71bdfca6cbb2babb7fae6c501d600f49.webp 900w, https://assets.fabulous.ch/public/variant_asset/3965/file/large-8d0636fc8abd5ee6abd8a0abd391d137.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3965/file/medium-71bdfca6cbb2babb7fae6c501d600f49.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Ecomil</p>
          <a href="/en/products/cuisine-almond-organic-500-ml-6842">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Almond Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="atQ39Q6J9C8YV42fwDTaPNenyCCennEqezy17Rrs96ePjT7BRMZYbWeQd9UP0Y2zuYDJS8aQZRAvRLUxEXJQAw" />
    <input value="6842" 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/cuisine-coconut-milk-sugar-free-organic-500-ml-6843">
          <img alt="Cuisine Coconut Milk Sugar Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3967/file/small-69591877c1c95888d27a454eb8f2cc93.webp 600w, https://assets.fabulous.ch/public/variant_asset/3967/file/medium-592e0a83a62a60258cc45cbf3ea5b623.webp 900w, https://assets.fabulous.ch/public/variant_asset/3967/file/large-f27b04d754fdf4a99eb71989cd07f8f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3967/file/medium-592e0a83a62a60258cc45cbf3ea5b623.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Ecomil</p>
          <a href="/en/products/cuisine-coconut-milk-sugar-free-organic-500-ml-6843">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Coconut Milk Sugar Free Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hzhXvYKOoJr5QyZlGOq7peQvh9QgVQuC_WEQe26Krl1iYV6JyMEM2IaE3C_XD-wqigiGv3hbH7ipGRCnZRQJ-Q" />
    <input value="6843" 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/wholemeal-rye-flour-swiss-bio-1-kg-6883">
          <img alt="Wholemeal Rye Flour Swiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3979/file/small-2b305b4514fd40513473db895a509d01.webp 600w, https://assets.fabulous.ch/public/variant_asset/3979/file/medium-1a0c492ee1882d79cf98feb9bd7753b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3979/file/large-7c8196a200ed1deeeb45fe335ce39fd1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3979/file/medium-1a0c492ee1882d79cf98feb9bd7753b4.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">Biofarm</p>
          <a href="/en/products/wholemeal-rye-flour-swiss-bio-1-kg-6883">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wholemeal Rye Flour Swiss Bio, 1 kg</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 0.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cQQugaT07cMcYnM1jjFlEwAj21ZUDUq6QdfZn33Nu3OUXSe17rtBgWOliX9B1DKcbgTaPQwDXoAVr9lDdlMc1w" />
    <input value="6883" 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/bread-baking-mix-oat-whole-grain-bread-demeter-500-g-6885">
          <img alt="Bread Baking Mix Oat Whole Grain Bread Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3982/file/small-722ac982231c166419ee8f48a1b1d047.webp 600w, https://assets.fabulous.ch/public/variant_asset/3982/file/medium-535b672db3a7e68cc2b904b959f110be.webp 900w, https://assets.fabulous.ch/public/variant_asset/3982/file/large-b9ebfaae7b3878f6c09b0563923ec41b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3982/file/medium-535b672db3a7e68cc2b904b959f110be.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/en/products/bread-baking-mix-oat-whole-grain-bread-demeter-500-g-6885">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bread Baking Mix Oat Whole Grain Bread Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </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-6885-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dZXjBUiKSIKpjlYU0MU1ZS3AX8KpVZj-jUnSfAVdMgmQzOoxAsXkwNZJrF4fIGLqQ-deqfFbjMTZMdKgDsOVrQ" />
    <input value="6885" 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/chickpeas-bulk-buy-organic-5-kg-6887">
          <img alt="Chickpeas Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3985/file/small-1319f9b714fd6db50074f745bf4a1746.webp 600w, https://assets.fabulous.ch/public/variant_asset/3985/file/medium-39d419fe54a69bff9510f21b39b860a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3985/file/large-7deccd0e8bae0b7ebf3f1b839e6a41f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3985/file/medium-39d419fe54a69bff9510f21b39b860a9.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">Bio Grosshandel</p>
          <a href="/en/products/chickpeas-bulk-buy-organic-5-kg-6887">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chickpeas Bulk Buy Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vM6eDOWUZyVamLdk69oB_5bdUu6_6X4HNDBAv9ZO1ZVZl5c4r9vLZyVfTS4kP1Zw-PpThefnaj1gSEBj3dByMQ" />
    <input value="6887" 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/red-kidney-beans-bulk-buy-organic-2-5-kg-6889">
          <img alt="Red Kidney Beans Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3987/file/small-af29b8e6db586c0ab652a56585376a3b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3987/file/medium-db93986b0d09df8b4b1c2e215e1a82da.webp 900w, https://assets.fabulous.ch/public/variant_asset/3987/file/large-ebbd0fccc760e196b92a86f9301dc465.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3987/file/medium-db93986b0d09df8b4b1c2e215e1a82da.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">Bio Grosshandel</p>
          <a href="/en/products/red-kidney-beans-bulk-buy-organic-2-5-kg-6889">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Red Kidney Beans Bulk Buy Organic, 2.5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aoT6ctlw3wvAw93hzZy3M2ERN029l3-NE2LzY_mFN9aP3fNGkz9zSb8EJ6sCeeC8DzY2JuWZa7dHGvO_8huQcg" />
    <input value="6889" 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/red-kidney-beans-organic-500-g-c88872ee-8252-47ef-b214-14a26cc103e0-6890">
          <img alt="Red Kidney Beans Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3988/file/small-d22d2feb764c16d8b2425296272e6267.webp 600w, https://assets.fabulous.ch/public/variant_asset/3988/file/medium-4299df944d92d9a75a6ad066b73fda00.webp 900w, https://assets.fabulous.ch/public/variant_asset/3988/file/large-91b4f757779f72aee096b286c65ae69f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3988/file/medium-4299df944d92d9a75a6ad066b73fda00.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/red-kidney-beans-organic-500-g-c88872ee-8252-47ef-b214-14a26cc103e0-6890">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Red Kidney Beans Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fwFh5sTE0KyF877eKX6010XEXIEdLe2RDBamnhfgrdGaWGjSjot87vo0RJTmm-NYK-Nd6kUj-atYbqZCHH4KdQ" />
    <input value="6890" 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/tahini-sesambutter-salted-organic-500-g-6900">
          <img alt="Tahini Sesambutter Salted Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3996/file/small-f39b4544f644d43e08b5ed6449f81abb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3996/file/medium-668479a38cd9b70706f913476662611b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3996/file/large-5f42f025861dab68b14e0a6646fcde63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3996/file/medium-668479a38cd9b70706f913476662611b.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">Lima</p>
          <a href="/en/products/tahini-sesambutter-salted-organic-500-g-6900">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tahini Sesambutter Salted Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="87LIFiXQxFoRe0TxJVuXuObSTwHBu_HPRqkBX-J243UW68Eib59oGG68vrvqvsA3iPVOapm15fUS0QGD6ehE0Q" />
    <input value="6900" 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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    25 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/hand-sanitiser-antibacterial-desinfectant-75-organic-ethanol-250-ml-6903">
          <img alt="Hand Sanitiser Antibacterial Desinfectant 75% Organic Ethanol" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3997/file/small-3cc7ba8aa38da2d8b35cf7cd67dd8029.webp 600w, https://assets.fabulous.ch/public/variant_asset/3997/file/medium-5f3caa486a329e593bc98e32920da7cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/3997/file/large-04d85f82f5fc9cbb5a132799c1bc9e21.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3997/file/medium-5f3caa486a329e593bc98e32920da7cb.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">Rigi Seifen</p>
          <a href="/en/products/hand-sanitiser-antibacterial-desinfectant-75-organic-ethanol-250-ml-6903">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hand Sanitiser Antibacterial Desinfectant 75% Organic Ethanol, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 19.45</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 14.60</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UjBKlxGDxaplsJ5A31k3wPXq977UWYjb-OVJD8Jkgju3aUOjW8xp6Bp3ZAoQvGBPm8321YxXnOGsnUnTyfolnw" />
    <input value="6903" 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/soap-liquid-soap-basis-sensitiv-250-ml-6907">
          <img alt="Soap Liquid Soap Basis Sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3999/file/small-22cafa12a071ea67bffcf2a94b58fb61.webp 600w, https://assets.fabulous.ch/public/variant_asset/3999/file/medium-3ef8776ea067194d81c84446d359f2a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3999/file/large-dd174a16b33fba7287dbf8fbefe4d4ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3999/file/medium-3ef8776ea067194d81c84446d359f2a4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/soap-liquid-soap-basis-sensitiv-250-ml-6907">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soap Liquid Soap Basis Sensitiv, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1ULw6X2EcnB-38R02Pdsy9iiPx5wyelX4MQrnxGYNgcwG_ndN8veMgEYPj4XEjtEtoU-dSjH_W20vCtDGgaRow" />
    <input value="6907" 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/soap-liquid-soap-basis-sensitiv-refill-500-ml-6908">
          <img alt="Soap Liquid Soap Basis Sensitiv Refill" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4001/file/small-b84cb3a1c2195c256725361c88639013.webp 600w, https://assets.fabulous.ch/public/variant_asset/4001/file/medium-ac7e002f63f806a933002a0cd682eb5d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4001/file/large-847f73093f09383763fcc4ef5a06cffc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4001/file/medium-ac7e002f63f806a933002a0cd682eb5d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/soap-liquid-soap-basis-sensitiv-refill-500-ml-6908">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soap Liquid Soap Basis Sensitiv Refill, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p6-zu3OVBK_aiXc4aWCRzVoVQZgTsB4hPkT11OMT8xNC9rqPOdqo7aVOjXKmhcZCNDJA80u-ChtqPPUI6I1Utw" />
    <input value="6908" 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-moisture-care-250-ml-1412b3a3-ca30-40f2-9186-6299770ffde4-6909">
          <img alt="Shampoo Moisture &amp; Care" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4000/file/small-65b29acb78b4d99ec05771d6f6b7dd3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4000/file/medium-f84ded3e6d16543eaf71b7a16ee0490c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4000/file/large-e55234f5342c5e63e4a5ec1abd574316.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4000/file/medium-f84ded3e6d16543eaf71b7a16ee0490c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/shampoo-moisture-care-250-ml-1412b3a3-ca30-40f2-9186-6299770ffde4-6909">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Moisture &amp; Care, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ckfr6YHYCJuXrVbjCy0VszHBlZhzXoKfxMlDjEYt2T_vHuLdy5ek2ehqrKnEyEI8X-aU8ytQlqWQsUNQTbN-mw" />
    <input value="6909" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



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

</template></turbo-stream>