<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D45">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/ervus-salatkrauter-glas-30-g-18426">
          <img alt="Ervus Salatkräuter Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10094/file/small-2fe4f116593d1d226d59aaacd793b60d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10094/file/medium-948005ed1611da0eb057592ba86ffbec.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10094/file/large-86e504bab29986fe0afa64a8e8797491.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10094/file/medium-948005ed1611da0eb057592ba86ffbec.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">Chalira</p>
          <a href="/en/products/ervus-salatkrauter-glas-30-g-18426">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ervus Salatkräuter Glas, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ieAt_8c5SJf5Lrbab7r8f9sOB-Eo5PuylaUpnpT208KuEs1rHVi6CA7839y42ubFD8fIDDHujP4oSICw4JCEFg" />
    <input value="18426" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D45">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/ervus-salatkrauter-nfp-30-g-18427">
          <img alt="Ervus Salatkräuter NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10146/file/small-1a38eb25b2f69af6fbc386c4f50c7c75.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10146/file/medium-4e5d7da3403e82daab464f89ad8b7611.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10146/file/large-5e778787f6aa610c96a54afb18b1a129.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10146/file/medium-4e5d7da3403e82daab464f89ad8b7611.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">Chalira</p>
          <a href="/en/products/ervus-salatkrauter-nfp-30-g-18427">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ervus Salatkräuter NFP, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4dhf1_G5RSJjHLAGzQ0ohzy-RkYFisG6yhr1W1rNBw3GKr9DK9i3vZTO2QAabTI96HeJqxyAtvZ391x1LqtQ2Q" />
    <input value="18427" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D45">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/essenza-gemuse-bouillon-glas-65-g-18428">
          <img alt="Essenza Gemüse-Bouillon Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10659/file/small-b9e6ee28735613f1c0b0ef77595ecd21.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10659/file/medium-2653849f38b64919209c22ac50918aa1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10659/file/large-35b2f7ed9441381f06fcf416c100a4d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10659/file/medium-2653849f38b64919209c22ac50918aa1.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">Chalira</p>
          <a href="/en/products/essenza-gemuse-bouillon-glas-65-g-18428">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Essenza Gemüse-Bouillon Glas, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BbJYa7ciEt86QyThlZ0JSNWXkSSrnslJXLibaLXWpzQiQLj_bUPgQM2RTedC_RPyAV5eybKUvgXhVTJGwbDw4A" />
    <input value="18428" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D45">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/essenza-gemuse-bouillon-nfp-65-g-18429">
          <img alt="Essenza Gemüse-Bouillon NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10162/file/88568e92a163c026992d94de05d0f355.svg 600w, https://assets.staging.fabulous.ch/public/variant_asset/10162/file/88568e92a163c026992d94de05d0f355.svg 900w, https://assets.staging.fabulous.ch/public/variant_asset/10162/file/88568e92a163c026992d94de05d0f355.svg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10162/file/88568e92a163c026992d94de05d0f355.svg" />
</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">Chalira</p>
          <a href="/en/products/essenza-gemuse-bouillon-nfp-65-g-18429">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Essenza Gemüse-Bouillon NFP, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XqtzDazVDRt7s3DWCElUDoC5INnaS8DJC0VNDNAbKld5WZOZdrT_hIxhGdDfKU60VHDvNMNBt4W2qOQipH19gw" />
    <input value="18429" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D45">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/floresta-gemuse-krautersalz-glas-47-g-18430">
          <img alt="Floresta Gemüse-Kräutersalz Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10658/file/small-c83f21f1ea1f3dd0b4fadb9878fa053d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10658/file/medium-327c200db819a4c54f8da6d4983603c0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10658/file/large-dfa7ed8acddffd2bde460bad4217dbfe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10658/file/medium-327c200db819a4c54f8da6d4983603c0.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">Chalira</p>
          <a href="/en/products/floresta-gemuse-krautersalz-glas-47-g-18430">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Floresta Gemüse-Kräutersalz Glas, 47 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="__zdV4VC2ekvzcr_Dq_bIgLckNuYqgPDIgj0Sw-Sl3DYDj3DXyMrdtgfo_nZz8GY1hVfNoGgdI-f5V1le_TApA" />
    <input value="18430" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D45">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/floresta-gemuse-krautersalz-nfp-47-g-18431">
          <img alt="Floresta Gemüse-Kräutersalz NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10696/file/small-66a5ad5a5f66849bf3f8c190345ec7cd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10696/file/medium-9f358307a2af1881617554fbdf779ff5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10696/file/large-5b74f2381f420d87cbce2af4c60f075c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10696/file/medium-9f358307a2af1881617554fbdf779ff5.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">Chalira</p>
          <a href="/en/products/floresta-gemuse-krautersalz-nfp-47-g-18431">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Floresta Gemüse-Kräutersalz NFP, 47 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jd6W4lsDncNwJ0Xl4jJUzD9GXqBIBcnLUSuf9uwf7muqLHZ2gWJvXIf1LOM1Uk5264-RTVEPvofsxjbYmHm5vw" />
    <input value="18431" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D45">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/grillada-gewurzzubereitung-nfp-49-g-18432">
          <img alt="Grillada Gewürzzubereitung NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10161/file/small-1715207fd48dc9380c92edcf3c03f8b9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10161/file/medium-dd75eacda4ce36e1762e414508e16721.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10161/file/large-13270c1df4b84148f36e1c5eac0b540b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10161/file/medium-dd75eacda4ce36e1762e414508e16721.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">Chalira</p>
          <a href="/en/products/grillada-gewurzzubereitung-nfp-49-g-18432">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grillada Gewürzzubereitung NFP, 49 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8QcWlHysY1w64krhMULtkWuEu5MW6xMuuk4UTK-gs4_W9fYAps2Rw80wI-fmIvcrv010fg_hZGIHo71i28bkWw" />
    <input value="18432" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D45">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/harissa-wurzpaste-100-g-18433">
          <img alt="Harissa Würzpaste" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10662/file/small-8f5b4c94440e7bc290340f0d9abafcd2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10662/file/medium-6a6a356f99be6e312e2490bd5bee0058.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10662/file/large-d62f8d0d0f08c8bdece5bc0e2aa3d02c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10662/file/medium-6a6a356f99be6e312e2490bd5bee0058.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">Chalira</p>
          <a href="/en/products/harissa-wurzpaste-100-g-18433">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Harissa Würzpaste, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gXhIvsJriAtc_rVh4DYLHSa2xk_o-l2lMNFk2vllH1emiqgqGAp6lKss3Gc3VhGn8n8JovHwKumNPM30jQNIgw" />
    <input value="18433" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D45">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/kaori-salatgewurz-nfp-55-g-18434">
          <img alt="Kaori Salatgewürz NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10695/file/small-1908b3e3f27186d6a4ade0881903b95d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10695/file/medium-eb273bad9972416f6ea7a091de9463bd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10695/file/large-7fd84368ff4d094a404baccbf6e2488c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10695/file/medium-eb273bad9972416f6ea7a091de9463bd.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">Chalira</p>
          <a href="/en/products/kaori-salatgewurz-nfp-55-g-18434">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaori Salatgewürz NFP, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_sMkIAoC7Ts6o-HrLuY2XT8whf5U3f3zcq5Ui3JJ_8jZMcS00GMfpM1xiO35hizn6_lKE03Xir_PQ_2lBi-oHA" />
    <input value="18434" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D45">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/kaori-salatwurze-glas-100-ml-18435">
          <img alt="Kaori Salatwürze Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10649/file/small-3f3949898dbe0731a123fb176203dd78.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10649/file/medium-4cb0e1dcd427fe42fb5b0710b0f0668c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10649/file/large-1f0a8951783617c17b7db47fcc161099.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10649/file/medium-4cb0e1dcd427fe42fb5b0710b0f0668c.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">Chalira</p>
          <a href="/en/products/kaori-salatwurze-glas-100-ml-18435">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaori Salatwürze Glas, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RaCGiR23ZV8ui4LqKNg6ImQKcCaln9o_JKE3_DYPslFiUmYdx9aXwNlZ6-z_uCCYsMO_y7yVrXOZTJ7SQmnlhQ" />
    <input value="18435" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D45">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/kirpan-gewurzmischung-curry-glas-100-ml-18436">
          <img alt="Kirpan Gewürzmischung Curry Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10650/file/small-8bf82271bcb2a25fee75cf6b8fdccb51.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10650/file/medium-227d404ca8ed8398d03971cf98c80d86.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10650/file/large-ce6f977ab1ab164dcf1787c5309c91b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10650/file/medium-227d404ca8ed8398d03971cf98c80d86.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">Chalira</p>
          <a href="/en/products/kirpan-gewurzmischung-curry-glas-100-ml-18436">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kirpan Gewürzmischung Curry Glas, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PJiumXWfHLU7hzfdXb7TSvEuIpz2ldEvm11XU7ciohgbak4Nr_7uKsxVXtuK3snwJeftce-fpmMmsP59w0T1zA" />
    <input value="18436" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D45">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/kirpan-gewurzmischung-curry-nfp-42-g-18437">
          <img alt="Kirpan Gewürzmischung Curry NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10311/file/small-e18336693d58d8b71d4bf5efc79e088f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10311/file/medium-821ff25934d324a3611adef813e0821b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10311/file/large-d7312e0d86bd4f3d2122565aa39c9e68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10311/file/medium-821ff25934d324a3611adef813e0821b.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">Chalira</p>
          <a href="/en/products/kirpan-gewurzmischung-curry-nfp-42-g-18437">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kirpan Gewürzmischung Curry NFP, 42 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QiewEROdQ6khnGw8IBQFB-q7h-4c3DYPenN_8EHIcVBl1VCFyfyxNtZOBTr3dB-9PnJIAwXWQUPHntbeNa4mhA" />
    <input value="18437" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D45">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pfynwald-gewurzzubereitung-glas-100-ml-18438">
          <img alt="Pfynwald Gewürzzubereitung Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10655/file/small-bb93853a51c16a90a151574e0fd1ed3b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10655/file/medium-eb0576d76f3c85f77cb7be66a312b772.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10655/file/large-a14d2f8d167311660a84c48643ca7b26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10655/file/medium-eb0576d76f3c85f77cb7be66a312b772.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">Chalira</p>
          <a href="/en/products/pfynwald-gewurzzubereitung-glas-100-ml-18438">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pfynwald Gewürzzubereitung Glas, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k1X_c4biC91K9u81J-1rOLms5Tkli5uEn6uQ9UnBgw-0px_nXIP5Qr0khjPwjXGCbWUq1DyB7MgiRjnbPafU2w" />
    <input value="18438" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D45">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pfynwald-gewurzzubereitung-nfp-53-g-18439">
          <img alt="Pfynwald Gewürzzubereitung NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10147/file/small-5951b0249dcda521776005f06e96ff89.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10147/file/medium-5e75e24fff5ec623ce0f6ccdae375ff4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10147/file/large-276d1a1d8c5809b0a4ff502f67559f73.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10147/file/medium-5e75e24fff5ec623ce0f6ccdae375ff4.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">Chalira</p>
          <a href="/en/products/pfynwald-gewurzzubereitung-nfp-53-g-18439">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pfynwald Gewürzzubereitung NFP, 53 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JVcCMyYyEvoIvc-tOptLeprSd9sr6m6E9xNsRatovs4CpeKn_FPgZf9vpqvt-1HAThu4NjLgGchK_sVr3w7pGg" />
    <input value="18439" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D45">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/rumilia-feigensenf-120-g-18440">
          <img alt="Rumilia Feigensenf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11210/file/small-d9efe9df822730ac7e74fd65b0100eb9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11210/file/medium-7cf44d6a32d43f9b5654c5cf4814a042.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11210/file/large-802ea3fa3a161ec4eb071c4ab78f97d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11210/file/medium-7cf44d6a32d43f9b5654c5cf4814a042.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">Chalira</p>
          <a href="/en/products/rumilia-feigensenf-120-g-18440">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rumilia Feigensenf, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tt15eEdF677t0-nUOHGfeXSZLm2_LCYUBRDWi5HYRtyRL5nsnSQZIRoBgNLvEYXDoFDhgKYmUVi4_X-l5b4RCA" />
    <input value="18440" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D45">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/valero-krautersalz-nfp-47-g-18441">
          <img alt="Valero Kräutersalz NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10648/file/small-95464a762cb0cd0fb9e2e3cc04be9659.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10648/file/medium-d00ec513144c3119b892cdf1c62cc2e5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10648/file/large-d709c89ddd5b9751d787d6856adcd2c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10648/file/medium-d00ec513144c3119b892cdf1c62cc2e5.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">Chalira</p>
          <a href="/en/products/valero-krautersalz-nfp-47-g-18441">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Valero Kräutersalz NFP, 47 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nSRVZ-eqIrKrc5Ea5SN8mHuIvj54ysAKPOLr80aQjMu61rXzPcvQLVyh-BwyQ2Yir0Fx02HAt0aBD0LdMvbbHw" />
    <input value="18441" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D45">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/wilde-krauter-gerebelt-glas-3-g-18442">
          <img alt="Wilde Kräuter gerebelt Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10654/file/small-508d18768767d1e49bb6f530d98aca5d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10654/file/medium-c220d9a91db912d728650cec486a6884.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10654/file/large-85ffcab1d682921d9dc85b14c8439e0c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10654/file/medium-c220d9a91db912d728650cec486a6884.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">Chalira</p>
          <a href="/en/products/wilde-krauter-gerebelt-glas-3-g-18442">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wilde Kräuter gerebelt Glas, 3 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wLwqNFttUjFxucnA9LCT_iiudwMpkhRYNwSMo9nKl8fnTsqggQygroZroMYj0IlE_Ge47jCYYxSK6SWNrazAEw" />
    <input value="18442" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D45">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/kaugummi-lime-bio-30-g-18443">
          <img alt="Kaugummi Lime Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9191/file/small-cc59e9114bcce81b7788c40d7be38bad.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9191/file/medium-62fc3ce909182aa25ce1be53088b2e25.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9191/file/large-3af42acb68f08f7c918bfd43fc237d6e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9191/file/medium-62fc3ce909182aa25ce1be53088b2e25.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">Chicza</p>
          <a href="/en/products/kaugummi-lime-bio-30-g-18443">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaugummi Lime Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lNWv6hvaZwBw0wOGzBXtAvNIBiqpw4uaSSYW8ZLOmGSzJ09-wbuVn4cBaoAbdfe4J4HJx7DJ_Nb0y7_f5qjPsA" />
    <input value="18443" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D45">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mascobado-vollrohrzucker-bio-1-kg-18444">
          <img alt="Mascobado Vollrohrzucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11201/file/small-1b11296847df24e9d01e02beb63f43c9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11201/file/medium-3be18e1196c2c85fb8fb05827deffc80.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11201/file/large-71f17fb0618d0052053b8231fed873b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11201/file/medium-3be18e1196c2c85fb8fb05827deffc80.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">Claro</p>
          <a href="/en/products/mascobado-vollrohrzucker-bio-1-kg-18444">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mascobado Vollrohrzucker Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pR1i8-9bFy6tS74atpX6HVtP6JD0bAfP6w0n_Q1NZ6GC74JnNTrlsVqZ1xxh9eCnj4Ynfe1mcINW4I7TeSswdQ" />
    <input value="18444" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D45">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/trikatu-gewurzmischung-dose-50-g-18445">
          <img alt="Trikatu Gewürzmischung Dose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10321/file/small-38ddf121902c110691d52df5e4bed47d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10321/file/medium-fb0ff10bfbb115cefe3864fc8784b7cf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10321/file/large-48e25efad31da3bf2c2a15410398e325.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10321/file/medium-fb0ff10bfbb115cefe3864fc8784b7cf.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">ClassicAyurveda</p>
          <a href="/en/products/trikatu-gewurzmischung-dose-50-g-18445">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Trikatu Gewürzmischung Dose, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yR9O908r37NP1wVCEzHPjzvF0SU7n9NRoWW4lZqcmz3u7a5jlUotLLgFbETEUdU17wweyCKVpB0ciBG77vrM6Q" />
    <input value="18445" 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">
      900 of 3&#39;030 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/lebensmittel/joghurt-quark?format=turbo_stream&amp;page=46">Show more</a>
  </div>
</div>

</template></turbo-stream>