<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="/de/products/nukleotide-histocell-nt-kapseln-180-stuck-13877">
          <img alt="Nukleotide Histocell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8830/file/small-3bbfce04a48055d03e5732d3ec75e87c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8830/file/medium-3724748fa2744a30e7bb66b3b2916e79.webp 900w, https://assets.fabulous.ch/public/variant_asset/8830/file/large-3e4ce5666f592d77a8383fd98e10455d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8830/file/medium-3724748fa2744a30e7bb66b3b2916e79.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">Erva Medica AG</p>
          <a href="/de/products/nukleotide-histocell-nt-kapseln-180-stuck-13877">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nukleotide Histocell, 180 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 89.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2HXd4J83zIOTXP8wTCIt71m69OAnL1HBUtmMU6g3xRcyEUGT95WwrGYObGbCkBpJifzvfGnDlIH3xrzrRkQaAA" />
    <input value="13877" 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>
          Warenkorb
</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="/de/products/nukleotide-nucleocell-kapseln-180-stuck-13873">
          <img alt="Nukleotide Nucleocell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8827/file/small-ad4cfd2f5b75ee9c1954673bcebad31e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8827/file/medium-2f088ef48d7d39af296a49f3f6cb77a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/8827/file/large-11b435a666bd9ef2a76793e617debeb0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8827/file/medium-2f088ef48d7d39af296a49f3f6cb77a9.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">Erva Medica AG</p>
          <a href="/de/products/nukleotide-nucleocell-kapseln-180-stuck-13873">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nukleotide Nucleocell, 180 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 89.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lObMGY7tnjDcU4ctU69VXFhwrFhi5JrSqbr3ZJOutRl-glBq5k_iHykBFHvdHWL6iDa3xCwIX5IMpcfcfd1qDg" />
    <input value="13873" 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>
          Warenkorb
</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="/de/products/nukleotide-intestaid-kapseln-180-stuck-13871">
          <img alt="Nukleotide Intestaid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8826/file/small-b3dd65449ea042c15c617c191fc35e3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/8826/file/medium-53fe0e58c58a3f297503d3ee5e78fba5.webp 900w, https://assets.fabulous.ch/public/variant_asset/8826/file/large-7ea28cd6a4f97f9403a6744a4388e1cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8826/file/medium-53fe0e58c58a3f297503d3ee5e78fba5.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">Erva Medica AG</p>
          <a href="/de/products/nukleotide-intestaid-kapseln-180-stuck-13871">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nukleotide Intestaid, 180 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 89.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gkVva64yuzqmfNbe9gLBxXM5sJ0_R-E69NRqm14sHlpoIfMYxpDHFVMuRYh4sPZjo3-rAXGrJHpRy1ojsF_BTQ" />
    <input value="13871" 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>
          Warenkorb
</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="/de/products/hormon-balance-kapseln-90-stuck-11733">
          <img alt="Hormon Balance" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8901/file/small-a9413df47c05d86301a3e97bad97322e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8901/file/medium-86e40ea7594cd66e0f3cf184fb4c85be.webp 900w, https://assets.fabulous.ch/public/variant_asset/8901/file/large-44d76649e1fb7788c5166c01caeeb5fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8901/file/medium-86e40ea7594cd66e0f3cf184fb4c85be.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">Erva Medica AG</p>
          <a href="/de/products/hormon-balance-kapseln-90-stuck-11733">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hormon Balance, 90 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lppmgf9j6cwSQFG9IWCVKZFwiUQd4slX_yFI68UZsT58_vryl8GV4-cSwuuv0qKPQTaS2FMODBdaPnhTK2puKQ" />
    <input value="11733" 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>
          Warenkorb
</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="/de/products/zimaselen-msm-tabletten-90-stuck-11720">
          <img alt="Zimaselen-MSM" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8889/file/small-7af3cd0f5ad2586397be6d68a8f4208a.webp 600w, https://assets.fabulous.ch/public/variant_asset/8889/file/medium-ac65dd5ee9df0f1166055d1b99de1773.webp 900w, https://assets.fabulous.ch/public/variant_asset/8889/file/large-e60d32657c65d8242584c4d2adc3e8fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8889/file/medium-ac65dd5ee9df0f1166055d1b99de1773.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">Erva Medica AG</p>
          <a href="/de/products/zimaselen-msm-tabletten-90-stuck-11720">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zimaselen-MSM, 90 Tabletten</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VlJQl0zX5LMNLHtXseUv_0OfiX5vvmv6Oq5HfE7z3GO8NszkJHWYnPh-6AE_VxhZk9mS4iFSrrqfsXfEoIADdA" />
    <input value="11720" 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>
          Warenkorb
</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="/de/products/magnesium-calcium-zink-tabletten-90-stuck-11719">
          <img alt="Magnesium Calcium Zink" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8888/file/small-eacb686bf903bb5ca61a6b5c4e54b963.webp 600w, https://assets.fabulous.ch/public/variant_asset/8888/file/medium-1d701407e5e6b298baedf2b51684bd18.webp 900w, https://assets.fabulous.ch/public/variant_asset/8888/file/large-568f452ec0a52835835b606d0bf34bd0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8888/file/medium-1d701407e5e6b298baedf2b51684bd18.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">Erva Medica AG</p>
          <a href="/de/products/magnesium-calcium-zink-tabletten-90-stuck-11719">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Magnesium Calcium Zink, 90 Tabletten</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zYXKWZfp9Elo2r49ID4BY9VN2uSMQlhmGFEReL4yn_gn4VYq_0uIZp2ILWuujDbFBQvBeMKunSa9TiHAUEFA7w" />
    <input value="11719" 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>
          Warenkorb
</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="/de/products/maca-mix-bio-kapseln-90-stuck-11718">
          <img alt="Maca-Mix Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8887/file/small-0de7c56281bfde1472c4bdcb83d21097.webp 600w, https://assets.fabulous.ch/public/variant_asset/8887/file/medium-4c84981b3ccfcc77207f43ace2b08ce6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8887/file/large-f9d855e77360ba306482872fbc5baefa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8887/file/medium-4c84981b3ccfcc77207f43ace2b08ce6.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">Erva Medica AG</p>
          <a href="/de/products/maca-mix-bio-kapseln-90-stuck-11718">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Maca-Mix Bio, 90 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ucv5NkMaE9nyVAot5Lahjw6KAOk6dCtO97gb1bIH4kxTr2VFK7hv9gcGmXtqBJYp3swbdXSY7g5SpyttXHQ9Ww" />
    <input value="11718" 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>
          Warenkorb
</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="/de/products/kurkuma-kapseln-90-stuck-11717">
          <img alt="Kurkuma" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8886/file/small-3838f35533b171b49f830c52d9715ad2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8886/file/medium-bf8b464ce5576407e7fb359258204096.webp 900w, https://assets.fabulous.ch/public/variant_asset/8886/file/large-af7d5f17e69d3ab803df1afcba5083b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8886/file/medium-bf8b464ce5576407e7fb359258204096.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">Erva Medica AG</p>
          <a href="/de/products/kurkuma-kapseln-90-stuck-11717">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kurkuma, 90 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zLHgb78trsd63bPtInZjV4DDFxVYuqJUddlZt2ETukom1Xwc14_S6I-PILusxFTxUIUMiRZWZxTQxmkPj2BlXQ" />
    <input value="11717" 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>
          Warenkorb
</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="/de/products/leinol-kapseln-90-stuck-11716">
          <img alt="Leinöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8903/file/small-05101f409b5e5b4920232a67af8056e8.webp 600w, https://assets.fabulous.ch/public/variant_asset/8903/file/medium-ca5de3ff1799ab779fd9d5c8333d5324.webp 900w, https://assets.fabulous.ch/public/variant_asset/8903/file/large-4adb7d4be0ea68f8b53c9cc5524b6665.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8903/file/medium-ca5de3ff1799ab779fd9d5c8333d5324.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">Erva Medica AG</p>
          <a href="/de/products/leinol-kapseln-90-stuck-11716">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Leinöl, 90 Kapseln</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 0.32 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XGW6NQhqnzulbzchL4kgldKpvj511ZscPSBa86xTRSe2ASZGYMjjFFA9pHehOxczAu-lojs5XlyYP2pLQiCaMA" />
    <input value="11716" 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>
          Warenkorb
</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="/de/products/nachtkerzenol-kapseln-90-stuck-11676">
          <img alt="Nachtkerzenöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8902/file/small-fd160a51cdf40a18505f9bfb215d079f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8902/file/medium-3924e997a9bdb9025a81d32a5d29be6a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8902/file/large-0f1c3107ebab41af648f8883f144eb10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8902/file/medium-3924e997a9bdb9025a81d32a5d29be6a.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">Erva Medica AG</p>
          <a href="/de/products/nachtkerzenol-kapseln-90-stuck-11676">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nachtkerzenöl, 90 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KfVdHejAXFN5wcHyAQwzlLPv_SQhvhKB5wvawqdHX3vDkcFugGIgfIyTUqSPvgQyY6nmuG9S18FCFOp6STSAbA" />
    <input value="11676" 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>
          Warenkorb
</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="/de/products/hepa-aktiv-kapseln-90-stuck-11722">
          <img alt="Hepa Aktiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8891/file/small-decf5850b209e38df0e9644e0dbd11d2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8891/file/medium-35d42904079ad6a8242060d9a05e7f75.webp 900w, https://assets.fabulous.ch/public/variant_asset/8891/file/large-2b4357f310dac6134427c0274be8d9ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8891/file/medium-35d42904079ad6a8242060d9a05e7f75.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">Erva Medica AG</p>
          <a href="/de/products/hepa-aktiv-kapseln-90-stuck-11722">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hepa Aktiv, 90 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_dBgOKYZaJnBYnwTvHYYje7tNPFz1dwtqkb_bvdq4RkXtPxLzrsUtjQw70UyxC8rPqsvbT05GW0PWc_WGRk-Dg" />
    <input value="11722" 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>
          Warenkorb
</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">
      31 von 31 Produkten
    </p>
  </div>
</div>

</template></turbo-stream>