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

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

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oElahwsWCZtv3NoqINxc75bNESHWUj_yRhHn81-9xlSpoCo_qUtIgCYFMlYs9i7lLBHFkGewdEW32YdxOqO-Ug" />
    <input value="9688" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/hyaluron-firming-night-cream-50-ml-9689">
          <img alt="Hyaluron Firming Night Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5394/file/small-aef9719fd018aa669ce46aac77def536.webp 600w, https://assets.fabulous.ch/public/variant_asset/5394/file/medium-1f62780914d9def0269266a07e5f6856.webp 900w, https://assets.fabulous.ch/public/variant_asset/5394/file/large-628c6a355eb3ef955c3fa07fe9e34e07.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5394/file/medium-1f62780914d9def0269266a07e5f6856.webp" />
</a>    </header>

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

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jzd-vLws3FLp37QHUF0XSa-obafb-xal2_7jddd2wrmG3g4EHnGdSaAGXHtcd2VDFXS5FmoZXRIqNoP3smi6vw" />
    <input value="9689" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/hyaluron-firming-day-cream-50-ml-9690">
          <img alt="Hyaluron Firming Day Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5397/file/small-fe9f203bd3a0cf375cfccf619abe3cf1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5397/file/medium-f9a9a748f26a892263ba4342558602fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/5397/file/large-79fb0b0f0ddc26e26d5755aa37e8d763.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5397/file/medium-f9a9a748f26a892263ba4342558602fb.webp" />
</a>    </header>

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

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lxwjlQid2muuztiwYiXY99tkMnaag_QZisMqmnGphtme9VMtqsCbcOcXMMxuD6r9Ybjmxythv657C0oYFLf-3w" />
    <input value="9690" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/hyaluron-firming-serum-30-ml-9691">
          <img alt="Hyaluron Firming Serum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5396/file/small-d5732844b1768f269f12e98e36122918.webp 600w, https://assets.fabulous.ch/public/variant_asset/5396/file/medium-c648ae07e48679f24ab7d6d99418aa8b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5396/file/large-3ce7a130cf3dffd0499891786ef8e064.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5396/file/medium-c648ae07e48679f24ab7d6d99418aa8b.webp" />
</a>    </header>

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

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/hyaluron-firming-hyaluron-sheet-mask-1-piece-1-piece-9693">
          <img alt="Hyaluron Firming Hyaluron Sheet Mask, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5402/file/small-484e73d82f64696e877ac86f7cee2c2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5402/file/medium-419455b4f065a5af6fd7c1aeb21bba94.webp 900w, https://assets.fabulous.ch/public/variant_asset/5402/file/large-390922aa211a45eb56199066a5e27d5c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5402/file/medium-419455b4f065a5af6fd7c1aeb21bba94.webp" />
</a>    </header>

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

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TUl3_fgAgkiK0rfO0bhLLFUw-IXJPLcZRcryTUSuXz9EoAdFWl3DU8MLX7Ldkjkm7-wsNHje_K60ApLPIbAnOQ" />
    <input value="9693" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <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/hydro-sheet-mask-1-piece-1-piece-9695">
          <img alt="Hydro Sheet Mask, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5410/file/small-ab0e21b4ef640255d3cea8b3d0442cf5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5410/file/medium-8db75c55434f1528ba31ebbd8afd805e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5410/file/large-f4d56ad04a62d3abfb3ddf7553e708e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5410/file/medium-8db75c55434f1528ba31ebbd8afd805e.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/hydro-sheet-mask-1-piece-1-piece-9695">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hydro Sheet Mask, 1 piece, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vDwhwDsRbnMxxkcqOYFofrz94a2HZJ6Qr2gCSl4PIqe11VF4mUwvaHgfr1Y1qxp0BiE1HDaG1SdeoGLIOxFaoQ" />
    <input value="9695" 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/coffee-lupin-pino-beans-organic-500-g-9718">
          <img alt="Coffee Lupin Pino Beans Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5411/file/small-8926f80491158d825f0a87e67d860e3b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5411/file/medium-c16ce69f338fdf50e6fc0d7b3b006ba6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5411/file/large-513239f3862fdeb7e2088ab7ee6146c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5411/file/medium-c16ce69f338fdf50e6fc0d7b3b006ba6.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">Kornkreis</p>
          <a href="/en/products/coffee-lupin-pino-beans-organic-500-g-9718">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coffee Lupin Pino Beans Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D5Vle3Uo6-g6s4LY-AAL1-ARPnpSa9VLnPmJLNf9GMMGfBXD13Wq83NqaqT0KnndWs3qy-OJnvxtMemusuNgxQ" />
    <input value="9718" 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/curry-powder-classic-organic-50-g-9719">
          <img alt="Curry Powder Classic Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5414/file/small-e7246f6cf7a32ab0d859f7195423f239.webp 600w, https://assets.fabulous.ch/public/variant_asset/5414/file/medium-2fef71cef52ed6381c168b1c58b31b12.webp 900w, https://assets.fabulous.ch/public/variant_asset/5414/file/large-4ef59a8416bfb30f2c3146b53fe4fd23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5414/file/medium-2fef71cef52ed6381c168b1c58b31b12.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">Lebensbaum</p>
          <a href="/en/products/curry-powder-classic-organic-50-g-9719">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Curry Powder Classic Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oySX7CAFy7TJq0CFMLzWf1kYPOPKtdYWL9ZoVvXjFKGqzedUgliKr4ByqPk8lqR148ToUntXnaHeHgjUkP1spw" />
    <input value="9719" 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/herbs-of-provence-organic-30-g-9720">
          <img alt="Herbs of Provence Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5416/file/small-d9c2b55ac98ccef37f9260a3366ea05c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5416/file/medium-eed89cac825c4cac85fed91aa02299f4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5416/file/large-7628badffe8e44f2f3718a1b6d6bd6af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5416/file/medium-eed89cac825c4cac85fed91aa02299f4.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">Lebensbaum</p>
          <a href="/en/products/herbs-of-provence-organic-30-g-9720">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Herbs of Provence Organic, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/multi-colored-pepper-organic-50-g-9721">
          <img alt="Multi-Colored Pepper Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5418/file/small-66f425edd6179e213f6b84eb40f412ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/5418/file/medium-90d45045f0f8f9b57d99a7490e18f990.webp 900w, https://assets.fabulous.ch/public/variant_asset/5418/file/large-1fac7db854654d9e8b62bd8713c14a05.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5418/file/medium-90d45045f0f8f9b57d99a7490e18f990.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">Lebensbaum</p>
          <a href="/en/products/multi-colored-pepper-organic-50-g-9721">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Multi-Colored Pepper Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V7ivFrMBSmec3C0XYkXREHj6AfGTqvUsA5ptO9aBGbpeUd-uEVwLfNUFxWtub6MawibVQCJIvpvyUg25s59hvA" />
    <input value="9721" 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/italian-cuisine-spice-blend-organic-35-g-9723">
          <img alt="Italian Cuisine Spice Blend Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5420/file/small-38dfaf287fb2b79158dc08b16531088e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5420/file/medium-041a709d755ed847b6df8af51c2626d8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5420/file/large-bfc87754822d35a4b7107527dd924b9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5420/file/medium-041a709d755ed847b6df8af51c2626d8.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">Lebensbaum</p>
          <a href="/en/products/italian-cuisine-spice-blend-organic-35-g-9723">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Italian Cuisine Spice Blend Organic, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LqcOvyZy0X9DH5qEFCnM6Jn2oMQhvZOLjCFmvM8PXcMnTn4HhC-QZArGcvgYA77iIyp0dZBf2Dx96QY-qhElxQ" />
    <input value="9723" 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/salad-spice-spice-mix-organic-40-g-9724">
          <img alt="Salad Spice Spice Mix Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5421/file/small-2defb0ede2389e15905b1c65fb2b2bdb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5421/file/medium-d2b793aae8b58a0ffbfeb705f73306ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/5421/file/large-4c122cba785e603a681503c7485fcbcf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5421/file/medium-d2b793aae8b58a0ffbfeb705f73306ac.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">Lebensbaum</p>
          <a href="/en/products/salad-spice-spice-mix-organic-40-g-9724">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salad Spice Spice Mix Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o_7jpn_cyH24-a_zjFzna1rmMOfmZYDMNKZUmmf8BzCqF5Me3YGJZvEgR4-AdpVh4DrkVleHy3vFbjQYAuJ_Ng" />
    <input value="9724" 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/soja-sauce-teriyaki-organic-250-ml-9730">
          <img alt="Soja Sauce TERIYAKI Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5422/file/small-b26bc20bafcccf11a63fada72439c7e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5422/file/medium-25c7c7f357871821c8aa6d520e886efd.webp 900w, https://assets.fabulous.ch/public/variant_asset/5422/file/large-d41cc2151421b9d14bacbbd397c0cffd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5422/file/medium-25c7c7f357871821c8aa6d520e886efd.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/soja-sauce-teriyaki-organic-250-ml-9730">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Sauce TERIYAKI Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qSRqfzxzutC4SN6t2K2COu59X-yg4dDBiFp3dde6oyugzRrHni77y_GRNtHUh_AwVKGLXREDm3Z5khf3sqTbLQ" />
    <input value="9730" 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/pumpkin-seed-butter-raw-demeter-250-g-9753">
          <img alt="Pumpkin Seed Butter Raw Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5425/file/small-189390d923cabef1246741198279728f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5425/file/medium-4a76f79ce0306e419ea4378c511f8b9f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5425/file/large-8c024b009978850dbf452ffae352ce83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5425/file/medium-4a76f79ce0306e419ea4378c511f8b9f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/en/products/pumpkin-seed-butter-raw-demeter-250-g-9753">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pumpkin Seed Butter Raw Demeter, 250 g</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 4.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UtKPJCZsqlbL3VMsTEyGOwgxx0bcbgJzsRhfsFKjWMhbO_-chDHrTYIEu1BAZvQxsu0T922MScRA0D8yN70gzg" />
    <input value="9753" 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/soft-soap-500-ml-9779">
          <img alt="Soft Soap" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5426/file/small-cfa69f857fff07a549442f74b2050c59.webp 600w, https://assets.fabulous.ch/public/variant_asset/5426/file/medium-c5d2f60624b5115f0b5beac7add96017.webp 900w, https://assets.fabulous.ch/public/variant_asset/5426/file/large-170b2fa03e9f549f2b59f76fe300d394.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5426/file/medium-c5d2f60624b5115f0b5beac7add96017.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/en/products/soft-soap-500-ml-9779">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soft Soap, 500 ml</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 1.38 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wjLjspsJYAbRgEZ3wUyj1fkDvWq6zjT_36-AjqiY497L25MKOVQhHZhZrgvNZtHfQ99p2wssf0guZ-AMzYab2A" />
    <input value="9779" 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-bag-noplastic-organic-2pcs-1-piece-9780">
          <img alt="Bread Bag #noplastic Organic, 2pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5427/file/small-aab12f12c89f5e160a70a3a79740aa7c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5427/file/medium-608620a3609d0511e256f3ef5ea1b0dd.webp 900w, https://assets.fabulous.ch/public/variant_asset/5427/file/large-ebda0c0ee8b5120aed0d31b8e2ef810a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5427/file/medium-608620a3609d0511e256f3ef5ea1b0dd.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">memo</p>
          <a href="/en/products/bread-bag-noplastic-organic-2pcs-1-piece-9780">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bread Bag #noplastic Organic, 2pcs, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F9iBHgP8igk2r4X8rYokr1P5IyFZpj4IxGLyz6O6RYEeMfGmoaHLEn92bYChoFal6SX3kOhEdb81qpJNxqQ9hw" />
    <input value="9780" 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/tea-towels-noplastic-organic-2pcs-1-piece-9781">
          <img alt="Tea Towels #noplastic Organic, 2pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5428/file/small-63e1a44ef6c932b3e6b571f3a9e622aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/5428/file/medium-1609406b1b687bd0acd8a243326ea141.webp 900w, https://assets.fabulous.ch/public/variant_asset/5428/file/large-7d3427fda2e1cc46d9cdb09680cc3335.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5428/file/medium-1609406b1b687bd0acd8a243326ea141.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">memo</p>
          <a href="/en/products/tea-towels-noplastic-organic-2pcs-1-piece-9781">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tea Towels #noplastic Organic, 2pcs, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bIz8BWdDe8iut59BFwLvFQuNJdHp0skRGwG8ZGLSyCVlZYy9xR460-dudz0bKJ0fsVHxYFgwgqbqydzmB8ywIw" />
    <input value="9781" 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/beard-oil-beard-hair-oil-black-pepper-30-ml-9804">
          <img alt="Beard Oil Beard &amp; Hair Oil Black Pepper" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5438/file/small-d6c8cfcc0ac685a2a229a389418cba79.webp 600w, https://assets.fabulous.ch/public/variant_asset/5438/file/medium-d3d4c6397fccf43715855b3504c75119.webp 900w, https://assets.fabulous.ch/public/variant_asset/5438/file/large-1833051e76fb071c2c3008fd47b2bf94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5438/file/medium-d3d4c6397fccf43715855b3504c75119.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/beard-oil-beard-hair-oil-black-pepper-30-ml-9804">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Beard Oil Beard &amp; Hair Oil Black Pepper, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="btuhyVBnTeYCCBUHaEiuco6dA-wblWNanmby-AVDiJpnMtFx8joM_UvR_XtkYtx4NEHXXap3KO1vrpJ6YF3wnA" />
    <input value="9804" 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/beard-oil-beard-hair-oil-nude-30-ml-9805">
          <img alt="Beard Oil Beard &amp; Hair Oil Nude" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5440/file/small-3710787f27704112c07fbcf23d9d1f1e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5440/file/medium-729736fa91406f7b184950e5b909373b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5440/file/large-f4615575783c132177a3ade16e256b4d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5440/file/medium-729736fa91406f7b184950e5b909373b.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/beard-oil-beard-hair-oil-nude-30-ml-9805">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Beard Oil Beard &amp; Hair Oil Nude, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TYCWeVMikC9bHw8BaWT3BmMa6CEJhET7YQ-ZNB8jiHREaebB8X_RNBLG531lToUM2cY8kLhmD0yQx_m2ej3wcg" />
    <input value="9805" 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/candy-kittens-sweets-wild-strawberry-140-g-9818">
          <img alt="Candy Kittens Sweets Wild Strawberry" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5441/file/small-d4b739174a6a71f7ca13398983bbaf3c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5441/file/medium-360930b374892f7aa75ffa0a2e1e857f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5441/file/large-4e6057a9f83e00aadbba32cb2d7456f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5441/file/medium-360930b374892f7aa75ffa0a2e1e857f.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">Candy Kittens</p>
          <a href="/en/products/candy-kittens-sweets-wild-strawberry-140-g-9818">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Candy Kittens Sweets Wild Strawberry, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

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

</template></turbo-stream>