<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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fterrasana%3Fformat%3Dturbo_stream%26page%3D103">
    <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="/products/handseife-citrus-300-ml-19621">
          <img alt="Handseife Citrus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9399/file/small-3fa3a9da575170113399530a970bb8d7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9399/file/medium-d027c81d8fc7ac1a48ec6cb1966d37e8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9399/file/large-fe805cb21696fa858152defeb3378d4b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9399/file/medium-d027c81d8fc7ac1a48ec6cb1966d37e8.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="/products/handseife-citrus-300-ml-19621">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife Citrus, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fterrasana%3Fformat%3Dturbo_stream%26page%3D103">
    <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="/products/handseife-citrus-nfp-1-l-19622">
          <img alt="Handseife Citrus NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9400/file/small-a893378be3476d9426434b591c1389e6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9400/file/medium-52e669a1a616f9e7dc345f26c62e6a0f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9400/file/large-2138d6ca1c1a73c143a4b797e0dfedf9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9400/file/medium-52e669a1a616f9e7dc345f26c62e6a0f.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="/products/handseife-citrus-nfp-1-l-19622">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife Citrus NFP, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2RuRjPWoO90ZZoCkD2-r9A4QgY6M6zBizodGiHC32aNei9k7qHYOEy2z_ruxYacbxpds8HHRk2gXJ2ZV-kwJSQ" />
    <input value="19622" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fterrasana%3Fformat%3Dturbo_stream%26page%3D103">
    <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="/products/handseife-rose-nfp-1-l-19623">
          <img alt="Handseife Rose NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9401/file/small-a1a42e67d2a970b13ea06589ee4685bd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9401/file/medium-d5ed85c6f5ca142d009f800d42906275.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9401/file/large-0fb8a1a027f6c6e2d8aabf2976b05f6a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9401/file/medium-d5ed85c6f5ca142d009f800d42906275.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="/products/handseife-rose-nfp-1-l-19623">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife Rose NFP, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fterrasana%3Fformat%3Dturbo_stream%26page%3D103">
    <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="/products/handseife-rosmarin-300-ml-19624">
          <img alt="Handseife Rosmarin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9402/file/small-f13e2094f36a04ea3b5d0d4c49c0da65.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9402/file/medium-c006511665740a0451a3e4d5bd6a63e4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9402/file/large-e670f1d12012c668fffe517a911fa33b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9402/file/medium-c006511665740a0451a3e4d5bd6a63e4.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="/products/handseife-rosmarin-300-ml-19624">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife Rosmarin, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fterrasana%3Fformat%3Dturbo_stream%26page%3D103">
    <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="/products/handseife-sensitiv-nfp-1-l-19625">
          <img alt="Handseife sensitiv NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9403/file/small-76eb6ea889ee201d84cf357811906250.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9403/file/medium-41bd68b33fbd3039b4772d65e685230a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9403/file/large-eee5f45b8411e60c8600480bc316ee2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9403/file/medium-41bd68b33fbd3039b4772d65e685230a.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="/products/handseife-sensitiv-nfp-1-l-19625">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife sensitiv NFP, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fterrasana%3Fformat%3Dturbo_stream%26page%3D103">
    <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="/products/scheuermilch-500-ml-19626">
          <img alt="Scheuermilch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10878/file/small-af98fb06e88137b18bf47e725f438482.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10878/file/medium-0d5f34d77c9490c6bc2543cad6cf7976.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10878/file/large-a96880829f1148b52450f8158bca5e2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10878/file/medium-0d5f34d77c9490c6bc2543cad6cf7976.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="/products/scheuermilch-500-ml-19626">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Scheuermilch, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fterrasana%3Fformat%3Dturbo_stream%26page%3D103">
    <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="/products/waschmittel-pulver-konzentrat-2-4-kg-19627">
          <img alt="Waschmittel Pulver Konzentrat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10070/file/small-d963b4c11fd708e0d244136d68b18963.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10070/file/medium-d3256eec73572148bc72009c9c81205a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10070/file/large-08b7dbd6b65dc767cb00ad6c6c960570.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10070/file/medium-d3256eec73572148bc72009c9c81205a.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="/products/waschmittel-pulver-konzentrat-2-4-kg-19627">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Waschmittel Pulver Konzentrat, 2.4 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DuhSdVI4Y_Nj3BTJyTah3rbzZDcoCTQD4qI5zTUW9fqJeBrCD-ZWPVcJatZ3OK0xfnSJSdUzlwk7AhkQv-0lEA" />
    <input value="19627" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fterrasana%3Fformat%3Dturbo_stream%26page%3D103">
    <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="/products/deo-stick-40-ml-19628">
          <img alt="Deo-Stick" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9467/file/small-253aea08a60295ac905525e06c01d49b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9467/file/medium-edc37d47a9ac218a7fbc2ed0366d996a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9467/file/large-997d9979a4a5bd6f5a852a9d32034e6e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9467/file/medium-edc37d47a9ac218a7fbc2ed0366d996a.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">Speick</p>
          <a href="/products/deo-stick-40-ml-19628">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo-Stick, 40 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fterrasana%3Fformat%3Dturbo_stream%26page%3D103">
    <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="/products/men-deo-stick-40-ml-19629">
          <img alt="Men Deo-Stick" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9468/file/small-05b2983061deac2da7233c924b1d43de.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9468/file/medium-1da4fad4948832ac411b788650b920d1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9468/file/large-cf2ae260b56f8afeafd15a9c47248311.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9468/file/medium-1da4fad4948832ac411b788650b920d1.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">Speick</p>
          <a href="/products/men-deo-stick-40-ml-19629">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Men Deo-Stick, 40 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.75
            </p>

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

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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fterrasana%3Fformat%3Dturbo_stream%26page%3D103">
    <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="/products/weisswein-basa-rueda-7-5-dl-19630">
          <img alt="Weisswein Basa Rueda" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10034/file/small-eafd762d26fef020f8892bb25f203bfa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10034/file/medium-e004b64b7669b4ba57643a87d61a252e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10034/file/large-cf9c0de3c13f12be0f5c0936cf6f5290.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10034/file/medium-e004b64b7669b4ba57643a87d61a252e.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">Küferweg</p>
          <a href="/products/weisswein-basa-rueda-7-5-dl-19630">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weisswein Basa Rueda, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_6XBBKZwaeThqx4OKOew7wuLf3NfbapZcZNXV-7oBJV4NYmz-65cKtV-YBGW6bwAwwySDaJXCVOoM3eKZBPUfw" />
    <input value="19630" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fterrasana%3Fformat%3Dturbo_stream%26page%3D103">
    <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="/products/weisswein-bordeaux-blanc-demeter-7-5-dl-19631">
          <img alt="Weisswein Bordeaux Blanc Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10852/file/small-d87ad9ce36c913ad142f03b11d0c960f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10852/file/medium-8044b7545e9f4bb22062f5fab6afd1eb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10852/file/large-1c98198ba3ca6d06cb71bb67999cbf6b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10852/file/medium-8044b7545e9f4bb22062f5fab6afd1eb.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">Küferweg</p>
          <a href="/products/weisswein-bordeaux-blanc-demeter-7-5-dl-19631">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weisswein Bordeaux Blanc Demeter, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_9gE0qBlm-nUHfodGDopDv0SSnq47bcpJxYMbeJn4zx4SExl_buuJ-DIhAKmNCXhNZWnBEXXFCP-tiywaJwz1g" />
    <input value="19631" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fterrasana%3Fformat%3Dturbo_stream%26page%3D103">
    <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="/products/weisswein-le-blanc-bio-5-dl-19632">
          <img alt="Weisswein le Blanc Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10109/file/small-30867b232c5be77fde348e0206bd40e8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10109/file/medium-917572f615f8ef07561b124061116fbd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10109/file/large-870dd57b640bf9f94d7d6599720407c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10109/file/medium-917572f615f8ef07561b124061116fbd.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">Küferweg</p>
          <a href="/products/weisswein-le-blanc-bio-5-dl-19632">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weisswein le Blanc Bio, 5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fterrasana%3Fformat%3Dturbo_stream%26page%3D103">
    <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="/products/schaumwein-moscato-d-asti-san-grod-mario-torelli-bio-7-5-dl-19633">
          <img alt="Schaumwein Moscato d&#39;Asti San Gròd Mario Torelli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10035/file/small-cd42a872ffc36f40ccd509405b09994e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10035/file/medium-92a46576c61d067382f63beec7149f69.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10035/file/large-bd349aa4ae3b01b55122750a61d1cd99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10035/file/medium-92a46576c61d067382f63beec7149f69.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">Küferweg</p>
          <a href="/products/schaumwein-moscato-d-asti-san-grod-mario-torelli-bio-7-5-dl-19633">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schaumwein Moscato d&#39;Asti San Gròd Mario Torelli Bio, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="izIbH6ZKeny7n7q-MYLkNYXsB2-r-jE4cxWNd6mJ20AMolOo-5RPso9KxKGPjOjaTWvqEVbAkjKqta2qI3ILqg" />
    <input value="19633" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fterrasana%3Fformat%3Dturbo_stream%26page%3D103">
    <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="/products/weisswein-neleman-viognier-verdil-bio-7-5-dl-19634">
          <img alt="Weisswein Neleman Viognier Verdil Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10110/file/small-85d00f4b5ed174e62e259134090bc135.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10110/file/medium-a424ae21a34500d86d991f03d1269d2d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10110/file/large-cac1f578645f8209876a0775336bf784.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10110/file/medium-a424ae21a34500d86d991f03d1269d2d.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">Küferweg</p>
          <a href="/products/weisswein-neleman-viognier-verdil-bio-7-5-dl-19634">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weisswein Neleman Viognier Verdil Bio, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.80
            </p>

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

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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fterrasana%3Fformat%3Dturbo_stream%26page%3D103">
    <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="/products/weisswein-pinot-grigio-tenuta-civranetta-venezia-demeter-7-5-dl-19635">
          <img alt="Weisswein Pinot Grigio Tenuta Civranetta Venezia Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10566/file/small-232178591afdef31878e7c73db77a2e6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10566/file/medium-7f8a33deab85549a1552c35eda91a4ed.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10566/file/large-9ca6b0804197041279b3f466e60e321a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10566/file/medium-7f8a33deab85549a1552c35eda91a4ed.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">Küferweg</p>
          <a href="/products/weisswein-pinot-grigio-tenuta-civranetta-venezia-demeter-7-5-dl-19635">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weisswein Pinot Grigio Tenuta Civranetta Venezia Demeter, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="26djseHzIwnsKdMiQNLB9WZzJbJSynKk0sql2Y6t0NdcNysGvC0Wx9j8rT3-3M0arvTIzK_w0a4LaoUEBFYAPQ" />
    <input value="19635" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fterrasana%3Fformat%3Dturbo_stream%26page%3D103">
    <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="/products/prosecco-frizzante-demeter-7-5-dl-19636">
          <img alt="Prosecco Frizzante Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10561/file/small-22ee66070725ffa41be066fcc8ddf68f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10561/file/medium-e5c8bbe4914db7125088e18697ab09c8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10561/file/large-f16595e05e789a29865d3f83021a77b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10561/file/medium-e5c8bbe4914db7125088e18697ab09c8.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">Küferweg</p>
          <a href="/products/prosecco-frizzante-demeter-7-5-dl-19636">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Prosecco Frizzante Demeter, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.20
            </p>

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

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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fterrasana%3Fformat%3Dturbo_stream%26page%3D103">
    <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="/products/weisswein-sogno-bianco-inzolia-bio-7-5-dl-19637">
          <img alt="Weisswein Sogno Bianco Inzolia Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10108/file/small-24b48eb66695f70c3c555a5cdc71076a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10108/file/medium-6225f4a4b1271befeb8728429949fb4a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10108/file/large-9fab8ad8a357dfe48671beee3ab26146.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10108/file/medium-6225f4a4b1271befeb8728429949fb4a.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">Küferweg</p>
          <a href="/products/weisswein-sogno-bianco-inzolia-bio-7-5-dl-19637">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weisswein Sogno Bianco Inzolia Bio, 7.5 dl</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 1.85 / 100 ml
            </p>
        </div>
      </div>

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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fterrasana%3Fformat%3Dturbo_stream%26page%3D103">
    <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="/products/weisswein-weisser-lenz-bio-7-5-dl-19638">
          <img alt="Weisswein Weisser Lenz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10570/file/small-9fae1c6098620b65205e17f00d7cf2c2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10570/file/medium-86e185fdb0053419019fdec979d56b41.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10570/file/large-93a17a07cd986bfae7d0828596186de8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10570/file/medium-86e185fdb0053419019fdec979d56b41.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">Küferweg</p>
          <a href="/products/weisswein-weisser-lenz-bio-7-5-dl-19638">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weisswein Weisser Lenz Bio, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fterrasana%3Fformat%3Dturbo_stream%26page%3D103">
    <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="/products/weisswein-xarel-lo-bio-7-5-dl-19639">
          <img alt="Weisswein Xarel-lo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10853/file/small-f243a4a961a7be8fc2503fe09854bf34.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10853/file/medium-dd205b95f703b855aa723060e3e46c39.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10853/file/large-d28be2b7f85dbcc6fc9000bb5fc26a03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10853/file/medium-dd205b95f703b855aa723060e3e46c39.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">Küferweg</p>
          <a href="/products/weisswein-xarel-lo-bio-7-5-dl-19639">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weisswein Xarel-lo Bio, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fterrasana%3Fformat%3Dturbo_stream%26page%3D103">
    <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="/products/hepa-aktiv-kapseln-90-stuck-21c90eaa-9b59-46f6-8702-9a53d01c7b06-19640">
          <img alt="Hepa Aktiv Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10079/file/small-e6df59b592a59035202312d03db20399.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10079/file/medium-42d9b607cf12e5b06f8ac6875859a35d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10079/file/large-e91de20ad0faf48b91cde894af01b51f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10079/file/medium-42d9b607cf12e5b06f8ac6875859a35d.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="/products/hepa-aktiv-kapseln-90-stuck-21c90eaa-9b59-46f6-8702-9a53d01c7b06-19640">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hepa Aktiv Kapseln, 90 Stück</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-19640-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rg1ea7TvP99RTXWUhmWDwkLlYcgcq21KYCHXBZLOEhQpnRbc6TEKEWWYC4s4a48timKMtuGRzkC5gffYGDXC_g" />
    <input value="19640" 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">
      2&#39;060 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/terrasana?format=turbo_stream&amp;page=104">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>