<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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D102">
    <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/rotwein-roter-lenz-bio-7-5-dl-19601">
          <img alt="Rotwein roter 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/10117/file/small-9de6c4ef73dcbfd74c24eacd928ec4f2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10117/file/medium-4ebbd562b07d83d3dfe092576754d08a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10117/file/large-fdb9e5a739ebd02b41ad1cfb39492b8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10117/file/medium-4ebbd562b07d83d3dfe092576754d08a.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/rotwein-roter-lenz-bio-7-5-dl-19601">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rotwein roter 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-19601-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iBSqJFzfdd_WyXQXSJO73_Lswu5cvAc6QZ7cFQ5yJzSfdJ-TFtTppNBS3m56SrtA0O5sWFExsinttJVjQQrN3w" />
    <input value="19601" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D102">
    <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/rotwein-barbera-d-asti-bio-3-75-dl-19602">
          <img alt="Rotwein Barbera d&#39;Asti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10118/file/small-a89061378f4f9646c22b896d09c9facf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10118/file/medium-fbea43116b00475151816e53c2a59426.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10118/file/large-31ed7bebc651bc8e452d8f2535976979.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10118/file/medium-fbea43116b00475151816e53c2a59426.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/rotwein-barbera-d-asti-bio-3-75-dl-19602">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rotwein Barbera d&#39;Asti Bio, 3.75 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MLPBKaMh4gmkaUjlQCcy8bAN98uDD97A-I2koMxth74n0_Se6Sp-cqLy4pxy_jJukg9ZfY6Ca9NUp-3WgxVtVQ" />
    <input value="19602" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D102">
    <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/rotwein-barbera-d-asti-bio-7-5-dl-19603">
          <img alt="Rotwein Barbera d’Asti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10119/file/small-71f5ef9f285dfae9c94fa34a78840810.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10119/file/medium-38f435dc636112691b1496577014b120.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10119/file/large-5aa64128aed84cd68b8885b0ce8f2f3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10119/file/medium-38f435dc636112691b1496577014b120.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/rotwein-barbera-d-asti-bio-7-5-dl-19603">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rotwein Barbera d’Asti Bio, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XTd_3y2YhZun9qJhA9e1j08MyfDMIFmXwHvvlVV-lnVKV0poZ5MZ4KFtCBgxDrUQbQ5nRsGt7IRsUabjGgZ8ng" />
    <input value="19603" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D102">
    <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/rotwein-selvato-bio-7-5-dl-19604">
          <img alt="Rotwein Selvato Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10120/file/small-dcc4b910b132ff5140f46a449690beda.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10120/file/medium-c1b489e7b14c6c2d0ee0a10e1720d8c4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10120/file/large-4fec16403b91382d235ca4cf17ac6ae1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10120/file/medium-c1b489e7b14c6c2d0ee0a10e1720d8c4.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/rotwein-selvato-bio-7-5-dl-19604">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rotwein Selvato Bio, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J4Xr1v0V9TDw79_R3zwHxdkX0LdfWkGJdcKoG2O2rLcw5d5htx5pS_Z0dajt5Qda-xV-AVLX9JrZ6OFtLM5GXA" />
    <input value="19604" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D102">
    <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/bambusbesen-fur-matcha-1-stuck-19605">
          <img alt="Bambusbesen für Matcha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9496/file/small-c8338a58175abe13e5f89c3025bb7ad0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9496/file/medium-e786c8f062343d56e700da3976e0997a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9496/file/large-2d9dc1d4f4ecd224b6c43ec380edacff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9496/file/medium-e786c8f062343d56e700da3976e0997a.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">Raab</p>
          <a href="/products/bambusbesen-fur-matcha-1-stuck-19605">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bambusbesen für Matcha, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZBJdo0D0ueCVCiPb1EsDR4v-Gc_sFuMpkRWjomWqIw5zcmgUCv8lm5ORiaLmkgPYqfy3eeGbVjo9P-rUKtLJ5Q" />
    <input value="19605" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D102">
    <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/bio-snacky-keimli-1-stuck-19606">
          <img alt="Bio-Snacky Keimli" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9391/file/small-0e706d31a08a2982b7bb8adb19c06702.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9391/file/medium-f51f6b657a5bb4232ce6fe2700daf231.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9391/file/large-145940bf761caa4e5d7169b5026887b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9391/file/medium-f51f6b657a5bb4232ce6fe2700daf231.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/bio-snacky-keimli-1-stuck-19606">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Snacky Keimli, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q7kggTSnLLcvYDWl6HnsVdQspUJBqbn5P_lXjbxMj0BU2RU2fqywzCn7n9zaoOzK9i4L9EwkDOqT0x778zRlqw" />
    <input value="19606" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D102">
    <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/rose-il-rosato-bio-5-dl-19607">
          <img alt="Rosé il Rosato Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10121/file/small-2bb008dbe854d209929fb11d990c3374.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10121/file/medium-2a72ef611f9b5d50e72761b04bc0006f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10121/file/large-f3dfe9b1365234bceda475ea9886c64b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10121/file/medium-2a72ef611f9b5d50e72761b04bc0006f.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/rose-il-rosato-bio-5-dl-19607">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosé il Rosato Bio, 5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ieFTog0MIxcJmNhkJRkWP5ZDeAHPAYvfW5vrk98vzx6egWYVRwe_bA8Dch0XwBagtEHWt8KMPsz3saLlkFcl9Q" />
    <input value="19607" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D102">
    <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/rose-rosa-lenz-bio-7-5-dl-19608">
          <img alt="Rosé rosa 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/10564/file/small-ac70075b09c61716539c8a0ca9ddad15.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10564/file/medium-f3621c83bf470653b2b9220f38bd1f48.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10564/file/large-8715be4dc5201c9d65a1eef0a2ff793c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10564/file/medium-f3621c83bf470653b2b9220f38bd1f48.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/rose-rosa-lenz-bio-7-5-dl-19608">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosé rosa Lenz Bio, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bncqNFYjGH-fTCMfsS_h4-OhsME-eizKjNnVXOwKKeZ5Fx-DHCiEBJnXiWaD9uF8waMedzP3mdkg85wqo3LDDQ" />
    <input value="19608" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D102">
    <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/rose-sogno-rosato-bio-7-5-dl-19609">
          <img alt="Rosé Sogno Rosato Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10122/file/small-e57f805d4e91d06d5d99aa3f4617d484.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10122/file/medium-e47232e591afc058ac3f6a63056de8ea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10122/file/large-81fbe608154219a7b079ce48ac4f8977.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10122/file/medium-e47232e591afc058ac3f6a63056de8ea.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/rose-sogno-rosato-bio-7-5-dl-19609">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosé Sogno Rosato 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-19609-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cunzr2e7ZsP5BI1m4Zhpz-L23D2lTt2MCYKKFd4oCddlicYYLbD6uP-fJx_TQWlQwPRyi6jDaJ-lqMNjkVDjPA" />
    <input value="19609" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D102">
    <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/schafmilchseife-natur-100-g-19610">
          <img alt="Schafmilchseife natur" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10041/file/small-b8d54895bab8d82f124836e24feee873.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10041/file/medium-1d3101efa61afd17d18e1c3d988c5d64.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10041/file/large-88fa19b704bb28b0c77284db722db1c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10041/file/medium-1d3101efa61afd17d18e1c3d988c5d64.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">Saling</p>
          <a href="/products/schafmilchseife-natur-100-g-19610">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schafmilchseife natur, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A3YzbiVnLP3OiSmBn6h0Az9cMtgSULvLf2MDB3BF5HMUFgbZb2ywhsgSg_itcXScHV6cbh_dDtjTSUpxPz0OmA" />
    <input value="19610" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D102">
    <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/boden-wischpflege-500-ml-19611">
          <img alt="Boden-Wischpflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9392/file/small-a8814ee66376caec0af6d8e86e9035e4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9392/file/medium-27561712cd274d8d1499aad8d2fecd71.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9392/file/large-be1e73437535069359b57c73861d9e5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9392/file/medium-27561712cd274d8d1499aad8d2fecd71.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/boden-wischpflege-500-ml-19611">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Boden-Wischpflege, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A-nT7A-AyfZKCrX8kKgwL8qQPO6bQDNvAKxypgcotrsUieZbRYtVjUyRH4WicTCw6JKSWJbNhnyshjvQSFBcUA" />
    <input value="19611" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D102">
    <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/gallseife-100-g-19612">
          <img alt="Gallseife" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9393/file/small-0da057f6dce65d205358b9a27a377e32.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9393/file/medium-4c3a089b062eb69c0810b138de4ed35c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9393/file/large-b0ea60740cc225a77c83862dc16223f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9393/file/medium-4c3a089b062eb69c0810b138de4ed35c.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/gallseife-100-g-19612">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gallseife, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r5yavKNh31Jnhts9-kT4ab5QJ2ErCzn6ybtbJs-_CLa4_K8L6WpDKWEdcUTInfj2nFKJ1yaGjOllkRJQgMfiXQ" />
    <input value="19612" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D102">
    <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/gallseife-flussig-300-ml-19613">
          <img alt="Gallseife flüssig" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9394/file/small-ad6c5c192018edfa185d1ccfbdb7d7ed.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9394/file/medium-5da570ea05218e5a206754735a8c8e41.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9394/file/large-93034d16ac9d04568602dde9f81957c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9394/file/medium-5da570ea05218e5a206754735a8c8e41.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/gallseife-flussig-300-ml-19613">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gallseife flüssig, 300 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.97 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aoQ5wWKq9SpfNn17Rp0Kk94G3HdOoL7F4XY-qlK7OzR95Ax2KKFpUVmt1wJ0RAoM_ARywUMtC9ZNXHfcHcPR3w" />
    <input value="19613" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D102">
    <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/geschirrspulmittel-calendula-120-ml-19614">
          <img alt="Geschirrspülmittel Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9429/file/small-e7ddfbc8f4e80cf0f7ce616a4d1b2cfc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9429/file/medium-509775a340c1c338d4aa610fb5b7ceb9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9429/file/large-bffe58cfc4a7f0bbf44174b25a91e6e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9429/file/medium-509775a340c1c338d4aa610fb5b7ceb9.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/geschirrspulmittel-calendula-120-ml-19614">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschirrspülmittel Calendula, 120 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CzItMGnBjV7JDte-YoZ6nL8YVguV2Bc5odJfw3Mt53UcUhiHI8oRJc-VfcdQX3oDnRr4vZhVoioN-Ba1PFUNng" />
    <input value="19614" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D102">
    <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/geschirrspulmittel-calendula-300-ml-19615">
          <img alt="Geschirrspülmittel Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9395/file/small-18486496c04f263c4341cd037449935a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9395/file/medium-87de7a082e40e8cda5ccaa43fc3954fe.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9395/file/large-d8ba10831a9aa2e9d68b0f05ee79f3d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9395/file/medium-87de7a082e40e8cda5ccaa43fc3954fe.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/geschirrspulmittel-calendula-300-ml-19615">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschirrspülmittel Calendula, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xD9Ymjm885djCEx4vIkXgypwvimpq4GFFTJTtpKS-S_TX20tc7dv7GWT5gGOUBccCHIQn6QmNJa5GBrA3eoTxA" />
    <input value="19615" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D102">
    <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/geschirrspulmittel-calendula-nfp-1-l-19616">
          <img alt="Geschirrspülmittel Calendula NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9396/file/small-dd9297595a2b1f7de6ebba4c8c0cfdd5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9396/file/medium-493db0459f27e45aa0fc9a636fc4d24b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9396/file/large-6f2e92e179697d5eab5fc4ea208831ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9396/file/medium-493db0459f27e45aa0fc9a636fc4d24b.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/geschirrspulmittel-calendula-nfp-1-l-19616">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschirrspülmittel Calendula NFP, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zQcCKGLi93uBNr-F5LhOcdwBsxI_JQdIKNmjlMwzEMzaZzefKOlrAIetFfzWYU7u_gMdpDKosluE8-rig0v6Jw" />
    <input value="19616" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D102">
    <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/geschirrspulmittel-sensitiv-300-ml-19617">
          <img alt="Geschirrspülmittel sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9397/file/small-5a47dc7a2c711d6383f53150be81f72a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9397/file/medium-2f16f1318a01720a5d49a0c11682a8ec.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9397/file/large-6960d7685533972548b9f8ab48ccab75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9397/file/medium-2f16f1318a01720a5d49a0c11682a8ec.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/geschirrspulmittel-sensitiv-300-ml-19617">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschirrspülmittel sensitiv, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SUKp9Pn22DcXaN-b2d4ZCG_D2VaAdAyTX2RgmkzwXq1eIpxDs_1ETBHzdeLrBxmXTcF34I35uYDzTinsA4i0Rg" />
    <input value="19617" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D102">
    <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/geschirrspulmittel-sensitiv-nfp-1-l-19618">
          <img alt="Geschirrspülmittel 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/9398/file/small-db64a77254e6bef90a4594052f8f5962.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9398/file/medium-addb4b53e098be5e7099169117444910.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9398/file/large-8cc09c504c34b0b7d6c2639885c751d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9398/file/medium-addb4b53e098be5e7099169117444910.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/geschirrspulmittel-sensitiv-nfp-1-l-19618">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschirrspülmittel sensitiv NFP, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r8XGqLqb4bMMdk93xMEtUksPq6oUkULDW16ZDmQEsJO4pfMf8JB9yArt5Q72GC3NaQ0FHBkc99D3dNB4K3xaeA" />
    <input value="19618" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D102">
    <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-7-krauter-300-ml-19619">
          <img alt="Handseife 7 Kräuter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9428/file/small-83375eb234b92235a09de856c1ff5af3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9428/file/medium-1799f382fe6adccdcd6a1249edcb0655.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9428/file/large-8315b56dfc53e5e418ff24ba0b5cb4ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9428/file/medium-1799f382fe6adccdcd6a1249edcb0655.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-7-krauter-300-ml-19619">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife 7 Kräuter, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4KOB7zfvYHgCQMGkf9GtoX9Ni2YoLw6B1lO5UIRShrn3w7RYfeT8AwTba91NCK0-XU8l0CWiu5J6efAmyypsUg" />
    <input value="19619" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D102">
    <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-7-krauter-nfp-1-l-19620">
          <img alt="Handseife 7 Krä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/9406/file/small-4781e1f0fcd89fcfd50f6e4915a2a4a9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9406/file/medium-ad7e5eb2d19b15406c98ca8f15112674.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9406/file/large-d255cf38bb207b8f12ff3700952acdcd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9406/file/medium-ad7e5eb2d19b15406c98ca8f15112674.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-7-krauter-nfp-1-l-19620">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife 7 Kräuter NFP, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.65
            </p>

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

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

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

</template></turbo-stream>