<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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D23">
    <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/sanotint-haarfarbe-light-75-goldbraun-1-stuck-19758">
          <img alt="Sanotint Haarfarbe Light 75 Goldbraun" 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-2547d001c6184474f853099062459e24.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9399/file/medium-fe2d9641d997ba14a04231477cad7f4b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9399/file/large-852df955ec1fc921c15008f29fb18783.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9399/file/medium-fe2d9641d997ba14a04231477cad7f4b.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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-light-75-goldbraun-1-stuck-19758">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanotint Haarfarbe Light 75 Goldbraun, 1 Stück</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 22.50 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-hIx7xEIw7Ni65VMpCs3vDe0ZifZwH6C_XgqecKBLgzquUe1ckY_expwm5I17JxqQsQZ9q4-vCUroiTH9E-LUw" />
    <input value="19758" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D23">
    <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/sanotint-haarfarbe-light-77-dunkelblond-gold-1-stuck-19759">
          <img alt="Sanotint Haarfarbe Light 77 Dunkelblond Gold" 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-b60fccb376c0ea42229f60f986a0ab57.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9395/file/medium-aaa50467545b14ed3df53bf9325e8de1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9395/file/large-a3fda0e7e63b32604eb0cacc44bd3edb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9395/file/medium-aaa50467545b14ed3df53bf9325e8de1.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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-light-77-dunkelblond-gold-1-stuck-19759">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanotint Haarfarbe Light 77 Dunkelblond Gold, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zPbpaLFHfVp2v5WByZXRHrMh_H-SZ4UmbrI1k_soej7cXZ8y0gmBkg4km19YUnrIxlGDruWZR4G4aDstzebfYQ" />
    <input value="19759" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D23">
    <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/sanotint-haarfarbe-light-80-hell-naturblond-1-stuck-19760">
          <img alt="Sanotint Haarfarbe Light 80 Hell Naturblond" 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-68825941f4e7a6ef0c1cd05ad3b31baf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9396/file/medium-923bd533fdf38a20a3fd7fa7855d3ca6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9396/file/large-5fd903fbed785efcad463349770e010f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9396/file/medium-923bd533fdf38a20a3fd7fa7855d3ca6.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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-light-80-hell-naturblond-1-stuck-19760">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanotint Haarfarbe Light 80 Hell Naturblond, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3reBaGloILmzDMEEjVr6ALs-JGk6bf25Rk0EUvhmrgPOHPcyCibcccuXz9ocnVHWzk5buE2TPx6QlwrszqgLXA" />
    <input value="19760" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D23">
    <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/sanotint-haarfarbe-light-82-hellgrau-1-stuck-19761">
          <img alt="Sanotint Haarfarbe Light 82 Hellgrau" 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-4600ee9d754412472f553adf2d7b2f0c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9398/file/medium-46be506828596beb06c84aa46f7f9c77.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9398/file/large-5ed342d606ab7237816d3f5cc92dcd60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9398/file/medium-46be506828596beb06c84aa46f7f9c77.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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-light-82-hellgrau-1-stuck-19761">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanotint Haarfarbe Light 82 Hellgrau, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mahYkMuw555T2XtLekFgX5Hl_XHRPFKm1X1sUErg3sCJAy7KqP4bVitCdZXrhsuJ5JWCoKbCkAEDp2LufC57nw" />
    <input value="19761" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D23">
    <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/sanotint-haarfarbe-light-84-dunkelblond-1-stuck-19762">
          <img alt="Sanotint Haarfarbe Light 84 Dunkelblond" 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-7de774922523ab8cf806f806963c09c7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9400/file/medium-35b77c1a98d6fc1f4f8852b817608f9d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9400/file/large-7763f521515d87271997d06c6e8afbfe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9400/file/medium-35b77c1a98d6fc1f4f8852b817608f9d.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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-light-84-dunkelblond-1-stuck-19762">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanotint Haarfarbe Light 84 Dunkelblond, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dLOetlaUr91mV_4KXZrdEr3roI5eF1Pz6l00fCBgbRlkGOjsNdpTFR7M8NTMXXbEyJvfXynpkVQ8hzrCFq7IRg" />
    <input value="19762" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D23">
    <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/santenatur-kartoffelbalsam-brust-und-rucken-50-ml-19763">
          <img alt="Santénatur Kartoffelbalsam Brust und Rücken" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11291/file/small-9d9b57c684028903a74a643e3ee06174.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11291/file/medium-86359f1087f88c7a06dd2016c43eed1d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11291/file/large-41f5a88d0107a1375f381158a0f6cc6f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11291/file/medium-86359f1087f88c7a06dd2016c43eed1d.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">Santenatur</p>
          <a href="/products/santenatur-kartoffelbalsam-brust-und-rucken-50-ml-19763">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Santénatur Kartoffelbalsam Brust und Rücken, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m9e21_HvKQoACv3D6TKvwZg_Il2QGtd2g2hGKL-FlESLfMCNkqHVwniR8x149QQX7U9djOfkFdFVskiWiUsxGw" />
    <input value="19763" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D23">
    <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/sonett-handseife-7-krauter-300-ml-19779">
          <img alt="Sonett 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/9383/file/small-0d0510dc3db747da731fb8597edf4c55.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9383/file/medium-db0e1e3087bcebd0a60743b798c0213b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9383/file/large-e076c9a066720b8b354b8f4a41caf5ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9383/file/medium-db0e1e3087bcebd0a60743b798c0213b.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/sonett-handseife-7-krauter-300-ml-19779">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonett 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-19779-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5_9LDUCddfkmSwWNCf590sshX8qmaVU_BvbUD0HvdwH3VD1XI9OJMV7QC1OYOdYEvlEgG9GXl5jQLNqxdyHSXg" />
    <input value="19779" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D23">
    <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/sonett-handseife-7-krauter-nfp-1-l-19780">
          <img alt="Sonett 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/9349/file/small-cbd44b34088efd4c6a48f303d7212239.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9349/file/medium-53e80245046d534d470eaf716a1d820c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9349/file/large-54719c3db835b75803d9b8db50e16a29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9349/file/medium-53e80245046d534d470eaf716a1d820c.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/sonett-handseife-7-krauter-nfp-1-l-19780">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonett 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-19780-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sv_nOH_SaVX41M2r4Gys8eL39bQc5TzBgpiIyvyK5FCiVJFiHJyVnYBPw3Vxqwcnl4eKZWsb_mZUQoZ0ykRBDw" />
    <input value="19780" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D23">
    <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/sonett-handseife-citrus-300-ml-19781">
          <img alt="Sonett 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/9339/file/small-ce9ab4d81bfeaad1f023bbad9cb7e04c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9339/file/medium-d0805a93a0238ef5a016c9ac28957652.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9339/file/large-5f964c9e4f0279197a38fc6b5f180021.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9339/file/medium-d0805a93a0238ef5a016c9ac28957652.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/sonett-handseife-citrus-300-ml-19781">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonett 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-19781-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bn9v5NkXrwtweRtZ42v8J0_WnhgFvAP-jnFihqlrulx-1Bm-ullTwwjiFYdyrFfxOqbhyXJCwVlYq2w4n6UfAw" />
    <input value="19781" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D23">
    <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/sonett-handseife-citrus-nfp-1-l-19782">
          <img alt="Sonett 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/9340/file/small-91e877ef0091d5f82641a34d34bd9ac1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9340/file/medium-882b5d2d480d6f974f15b9a22095eecb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9340/file/large-76f51738b824deaadc503727b8f781d0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9340/file/medium-882b5d2d480d6f974f15b9a22095eecb.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/sonett-handseife-citrus-nfp-1-l-19782">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonett 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-19782-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qUrecT1NoKH06ZEI7BCGdWSO7u-2RDvnz0bxxzvqztm54agrXgNcaYxyn9Z91y2jEf6RPsG6-UAZnP95DSRrhg" />
    <input value="19782" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D23">
    <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/sonett-handseife-lavendel-nfp-1-l-19783">
          <img alt="Sonett Handseife Lavendel NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9341/file/small-d633ae6a7398d7b9e2d00a9aacc0c402.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9341/file/medium-278c7e8ed1bf2a70b255c0e54431197c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9341/file/large-15aecb02b6fd5521f41aea39afce1f9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9341/file/medium-278c7e8ed1bf2a70b255c0e54431197c.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/sonett-handseife-lavendel-nfp-1-l-19783">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonett Handseife Lavendel 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-19783-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ebQKGxl3-5mDj-y6yL26mMrWhjCE_h7zRNfCqSKnjdtpH3xBejkHUfsU4mRZehFOv6b54fMA3FSSDcwXFGkohA" />
    <input value="19783" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D23">
    <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/sonett-handseife-rose-300-ml-19784">
          <img alt="Sonett Handseife Rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9343/file/small-b3a92f192f8fcccf8249de799709d24a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9343/file/medium-103e86ba81b4a930e20ec7550f131b76.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9343/file/large-dbc45d162985cf5c756e0f82253ebc1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9343/file/medium-103e86ba81b4a930e20ec7550f131b76.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/sonett-handseife-rose-300-ml-19784">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonett Handseife Rose, 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-19784-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ue-LFN8MsrSQv5ZPo56pvGdCNQA-0VFegRD7mEyfSsipRP1OvEJOfOgkmJEyWQJqEjJK0Ukvk_lXyvUmelHvlw" />
    <input value="19784" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D23">
    <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/sonett-handseife-rose-nfp-1-l-19785">
          <img alt="Sonett 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/9342/file/small-1115d0eec8a372e003441de09c4a3afb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9342/file/medium-d44369a7cdbda0e80e8edbf3ca112e41.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9342/file/large-718c4ac16c01fe089e32573f39b89406.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9342/file/medium-d44369a7cdbda0e80e8edbf3ca112e41.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/sonett-handseife-rose-nfp-1-l-19785">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonett 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-19785-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="svMEakHTf4LXUqwyK2RUGZPDmWjuG1N23RO7Rjbs-eOiWHIwIp2DSq_Jouy6o__P5rPmuZnlkdELybX4ACJcvA" />
    <input value="19785" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D23">
    <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/sonett-handseife-rosmarin-nfp-1-l-19786">
          <img alt="Sonett Handseife Rosmarin NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9382/file/small-5d0682ff63d4c57162b87eade1ab366f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9382/file/medium-06c65808b87b13773e144c0913442545.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9382/file/large-961960da39cca4083758b14a72ee00c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9382/file/medium-06c65808b87b13773e144c0913442545.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/sonett-handseife-rosmarin-nfp-1-l-19786">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonett Handseife Rosmarin 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-19786-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2R4LchZa5fiOK-WdtmYMlHb7QTnecM974_ugerv5fTbJtX0odRQZMPaw60MnoadCA4s-6KmODdw1Ia7EjTfYaQ" />
    <input value="19786" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D23">
    <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/sonett-handseife-sensitiv-nfp-1-l-19787">
          <img alt="Sonett 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/9344/file/small-a09d8baee4440597d3129f50d13f4efd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9344/file/medium-a2eb5697afef5d114cb17374c3b01878.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9344/file/large-8a019587253efd0e128f3ba7a1c5b37d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9344/file/medium-a2eb5697afef5d114cb17374c3b01878.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/sonett-handseife-sensitiv-nfp-1-l-19787">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonett 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-19787-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6YcBUys-DKwR6aZwF4dMBlaW_gf_zAAHAmr4cj2MOSj5LHcJSHDwZGlyqK6GQOfQI-aB1ogywqDUsPbMC0Kcdw" />
    <input value="19787" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D23">
    <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/speick-deo-stick-40-ml-19790">
          <img alt="Speick 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/9466/file/small-f8b5b8f0dfc4723608411bef9f2f4f9f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9466/file/medium-b97689aa99c638fbf2758b3159075ea5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9466/file/large-a6253ffbd28838718c73d3f107ea2028.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9466/file/medium-b97689aa99c638fbf2758b3159075ea5.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/speick-deo-stick-40-ml-19790">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Speick 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-19790-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9tMbU8eV4tvutgdUDP2-q1E_EX31pasb6k_e0vt2gRDmeG0JpNseE5YtCYqdOhV9JE9urIJbabw8ldBszbgkTw" />
    <input value="19790" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D23">
    <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/speick-men-deo-stick-40-ml-19791">
          <img alt="Speick 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/9465/file/small-b68d7fca503d48b90d0b5c431b17e804.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9465/file/medium-15978abd7c4a2947e8c2c7f5b650371a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9465/file/large-f171c111a0ce02b42da7e2ff235daeff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9465/file/medium-15978abd7c4a2947e8c2c7f5b650371a.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/speick-men-deo-stick-40-ml-19791">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Speick 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-19791-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q9KkxGMLTg9RajeQJsXnza1ldIgiKn1w_9rjkDYMxFhTedKeAEWyxynxOU63Akwb2BULWVXUv9cpAO0uAMJhBw" />
    <input value="19791" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D23">
    <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/sun-vital-after-sun-lotion-125-ml-19792">
          <img alt="Sun Vital After Sun Lotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10988/file/small-9fb9201da415e01ad69ab3c78084795e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10988/file/medium-91562eebfa2b5f01567046b00ddcff3b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10988/file/large-421071a99f9d34b2c096c766631ec948.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10988/file/medium-91562eebfa2b5f01567046b00ddcff3b.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">Goloy</p>
          <a href="/products/sun-vital-after-sun-lotion-125-ml-19792">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sun Vital After Sun Lotion, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="myowg5iupyCTi-PoDHGYNfALt5yMm7abxoOYPzL13teLgUbZ--Bb6OsQ7TadtjPjhXvITftldDwQWZaBBDt7iA" />
    <input value="19792" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D23">
    <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/sun-vital-sun-protection-lsf30-150-ml-19793">
          <img alt="Sun Vital Sun Protection LSF30" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10987/file/small-a81e16a8ebbc08ce236bc9f69d4dbfac.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10987/file/medium-b788e809106aaed0d9770503625da2cd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10987/file/large-616c972bb859ad7b38116c773624a661.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10987/file/medium-b788e809106aaed0d9770503625da2cd.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">Goloy</p>
          <a href="/products/sun-vital-sun-protection-lsf30-150-ml-19793">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sun Vital Sun Protection LSF30, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uRrGV86GJracaJ1lM7BaQlkNUB5HXIRaVmDUR44SF3qpsbANrcjafuTzk7uid_GULH0vzzCiRv2Autr5uNyyJQ" />
    <input value="19793" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D23">
    <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/weleda-calendula-pflanzenseife-100-g-19806">
          <img alt="Weleda Calendula Pflanzenseife" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9346/file/small-24d335de0d93c5126a232ec9c85b82fe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9346/file/medium-fcbbbdcd71c42496ffae709cf79dcbe0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9346/file/large-5a805f7704a5671e01a6136b99e87f6c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9346/file/medium-fcbbbdcd71c42496ffae709cf79dcbe0.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">Weleda</p>
          <a href="/products/weleda-calendula-pflanzenseife-100-g-19806">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weleda Calendula Pflanzenseife, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X-4-4DXRqnziETSBi9qQ3BrCGAIpy-V54GSXLWu8nG1PRUi6Vp9WtJqKOl8aHTsKb7Jn0141J942vpmTXXI5Mg" />
    <input value="19806" 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">
      460 von 613 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/naturkosmetik?format=turbo_stream&amp;page=24">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>