<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=%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D5">
    <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/hauschka-defining-mascara-01-black-6ml-1-stuck-20017">
          <img alt="Hauschka Defining Mascara 01 black 6ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9143/file/small-730f201b49eae07aa6b00edd58235cd7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9143/file/medium-040e95b79e17b3e2b3f620fbad15872b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9143/file/large-67336c8b06cf4743fad7d9f902dc9e14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9143/file/medium-040e95b79e17b3e2b3f620fbad15872b.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">Hauschka</p>
          <a href="/products/hauschka-defining-mascara-01-black-6ml-1-stuck-20017">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Defining Mascara 01 black 6ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nes4g6tE3J6j58lYLjzMgWml76njNDLvhSiRZEJfMrfpq02GFHmqxytBY8t1ncY5bC4jehNKnDaXxAK1TD8sYA" />
    <input value="20017" 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=%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D5">
    <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/hauschka-defining-mascara-02-brown-6ml-1-stuck-20018">
          <img alt="Hauschka Defining Mascara 02 brown 6ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9142/file/small-78a5bd6ce70d4007bb23a58aa9600030.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9142/file/medium-873ac113d2237bc4f7a9d963106b5539.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9142/file/large-d366c002ee6dfe4916d86a35dcafe69f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9142/file/medium-873ac113d2237bc4f7a9d963106b5539.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">Hauschka</p>
          <a href="/products/hauschka-defining-mascara-02-brown-6ml-1-stuck-20018">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Defining Mascara 02 brown 6ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SoB6Rk3tf47i-YzndQLziYN41R5Q_OPoi0z-fUb4WPQ-wA9D8tAJ12pfJnQuo_kxhvMZzaCCTTGZoG2sSJhGIw" />
    <input value="20018" 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=%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D5">
    <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/hauschka-volume-mascara-02-brown-8ml-1-stuck-20019">
          <img alt="Hauschka Volume Mascara 02 brown 8ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9141/file/small-f2887e99c694f74fe4a34b2c8da2f2fc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9141/file/medium-c4adf21c29b7c22939fa6485cf4a18bc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9141/file/large-8f7a43a643d68eeaa2aac1ef389d9f2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9141/file/medium-c4adf21c29b7c22939fa6485cf4a18bc.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">Hauschka</p>
          <a href="/products/hauschka-volume-mascara-02-brown-8ml-1-stuck-20019">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Volume Mascara 02 brown 8ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cHfPFXc-TibYMAWa-KstcLM7RAPHSdg-WL6BfQ4pT-oEN7oQyAM4f1CWrwmjCifItrCI0Dc3dudKUhKsAElRPQ" />
    <input value="20019" 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=%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D5">
    <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/hauschka-volume-mascara-01-black-8ml-1-stuck-20020">
          <img alt="Hauschka Volume Mascara 01 black 8ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9115/file/small-28a5f719a0eb861fb7494369b4c68e31.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9115/file/medium-4c4dfee3d9a9a96c10f0d5b56ab4b7da.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9115/file/large-10d56fdb04652c93b7e604f1e2aa42e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9115/file/medium-4c4dfee3d9a9a96c10f0d5b56ab4b7da.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">Hauschka</p>
          <a href="/products/hauschka-volume-mascara-01-black-8ml-1-stuck-20020">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Volume Mascara 01 black 8ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BeW7JXlmxPMMhwLnlmCmsULLgkytHLOaJL_WBwvVHkdxpc4gxluyqoQhqHTNwawJR0BOn11iHUM2U0XWBbUAkA" />
    <input value="20020" 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=%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D5">
    <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/hauschka-brow-lash-gel-00-translucent-6ml-1-stuck-20021">
          <img alt="Hauschka Brow &amp; Lash Gel 00 translucent 6ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9114/file/small-e2cb866ec3a9618ce5b283e8cc7596e0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9114/file/medium-315679e4a6afe4ff1d7c3b7a4029e534.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9114/file/large-026f05dfd160fd29da1301ef7da71f6a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9114/file/medium-315679e4a6afe4ff1d7c3b7a4029e534.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">Hauschka</p>
          <a href="/products/hauschka-brow-lash-gel-00-translucent-6ml-1-stuck-20021">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Brow &amp; Lash Gel 00 translucent 6ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pDA4jOcjyVL0fhzD4WDPWzADPfEotDLYPHafRLqQZE_QcE2JWB6_C3zYtlC6wcXjNYjxItjKnAEumgyVtPB6mA" />
    <input value="20021" 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=%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D5">
    <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/hauschka-eye-definer-05-taupe-1-05g-1-stuck-20022">
          <img alt="Hauschka Eye Definer 05 taupe 1.05g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9113/file/small-7fd1802f677dd4aa611090d25eb8604d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9113/file/medium-370d91f77464fcd531bdf425ab5f23f8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9113/file/large-52930a8c829054f2ea5a19a3ac983f3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9113/file/medium-370d91f77464fcd531bdf425ab5f23f8.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">Hauschka</p>
          <a href="/products/hauschka-eye-definer-05-taupe-1-05g-1-stuck-20022">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Eye Definer 05 taupe 1.05g, 1 Stück</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 21.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RxXn0e57P6D6PEmziLXrJwfJFGmFM3A9b0vZ4KUz-VwzVZLUUUZJ-XKa4yDTFOGfAkLYunVN3uR9p0oxq1Pniw" />
    <input value="20022" 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=%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D5">
    <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/hauschka-eye-definer-02-brown-1-05g-1-stuck-20023">
          <img alt="Hauschka Eye Definer 02 brown 1.05g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9112/file/small-04ff02d07de59c2b53ed362c0479d807.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9112/file/medium-9f5cfcacfa9b32985deb898995d4403c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9112/file/large-0f3634c10d9d97a5ef76ff25dde9b8ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9112/file/medium-9f5cfcacfa9b32985deb898995d4403c.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">Hauschka</p>
          <a href="/products/hauschka-eye-definer-02-brown-1-05g-1-stuck-20023">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Eye Definer 02 brown 1.05g, 1 Stück</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 21.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EGMDX37UU-Zfi6O7se9yba5WWdlK15ilpiQZW57ldglkI3Zaweklv9ctCSjqTnjVq92VCrqpNny0yIqKkIVo3g" />
    <input value="20023" 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=%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D5">
    <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/hauschka-eye-definer-01-black-1-05g-1-stuck-20024">
          <img alt="Hauschka Eye Definer 01 black 1.05g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9111/file/small-a7ac2114de96a03c901f2798329a076e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9111/file/medium-14ab2cd5967821759e877541727dcf6e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9111/file/large-8d07d1476f6f5f8a4840c1daceada0e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9111/file/medium-14ab2cd5967821759e877541727dcf6e.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">Hauschka</p>
          <a href="/products/hauschka-eye-definer-01-black-1-05g-1-stuck-20024">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Eye Definer 01 black 1.05g, 1 Stück</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 21.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hK3qjR0cWAzmk42MovIgkawyPzSiguELLOWIZPqMcMTw7Z-IoiEuVW41Jx_5Uyopqbnz51L8T9I-CRu19OxuEw" />
    <input value="20024" 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=%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D5">
    <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/hauschka-eyebrow-definer-01-light-brown-1-05g-1-stuck-20025">
          <img alt="Hauschka Eyebrow Definer 01 light brown 1.05g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9110/file/small-bbbb988d45099f21556870c299398e3b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9110/file/medium-9e2544bd60d7e4f90161e6538989d58a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9110/file/large-b59194453de0117f6c0c744372e90bee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9110/file/medium-9e2544bd60d7e4f90161e6538989d58a.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">Hauschka</p>
          <a href="/products/hauschka-eyebrow-definer-01-light-brown-1-05g-1-stuck-20025">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Eyebrow Definer 01 light brown 1.05g, 1 Stück</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 21.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LqgL_U5QqlH71p0ZPjr_wwtSnEUMfhlgofIe9CuD_9Za6H748W3cCHNwN4plm_V7DtlQlvwAt7mzHo0lJePhAQ" />
    <input value="20025" 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=%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D5">
    <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/hauschka-eyebrow-definer-02-dark-brown-1-05g-1-stuck-20026">
          <img alt="Hauschka Eyebrow Definer 02 dark brown 1.05g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9109/file/small-1b2e651665078f87d23c3659cf33d52b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9109/file/medium-7d0b7b4398a3f9900a66084d84123395.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9109/file/large-072c4ad4b3759ae81a35a7d4d6e2141e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9109/file/medium-7d0b7b4398a3f9900a66084d84123395.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">Hauschka</p>
          <a href="/products/hauschka-eyebrow-definer-02-dark-brown-1-05g-1-stuck-20026">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Eyebrow Definer 02 dark brown 1.05g, 1 Stück</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 21.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f4nZK_KDiRGDUOt7e5AgL_iVzxHpY_mQfcldCdmfc_QLyawuTb7_SAv2QeggMSqX_R4DwhkdV0lvJc7Y1_9tIw" />
    <input value="20026" 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=%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D5">
    <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/hauschka-blush-01-raspberry-5g-1-stuck-20027">
          <img alt="Hauschka Blush 01 raspberry 5g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9108/file/small-16aed1ea39ab2e8377127aa1b795c338.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9108/file/medium-2e922a3ce48945423724dfa0da85655b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9108/file/large-63f537309247452468b03fd3464549ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9108/file/medium-2e922a3ce48945423724dfa0da85655b.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">Hauschka</p>
          <a href="/products/hauschka-blush-01-raspberry-5g-1-stuck-20027">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Blush 01 raspberry 5g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xaHAhqzpA3esU1eyIIY4L_iiXhIlC2lvop544Cr15U-x4bWDE9R1LiT1_SF7JzKX_SmSwdV1x7awcusxJJX7mA" />
    <input value="20027" 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=%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D5">
    <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/hauschka-blush-02-apricot-5g-1-stuck-20028">
          <img alt="Hauschka Blush 02 apricot 5g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9107/file/small-f6f8aa5c2d6d5378362179dbacb4d14e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9107/file/medium-abd35661fd592d0836060db68b0b4a57.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9107/file/large-b650fc25060bd1149ec01b7d5696fb26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9107/file/medium-abd35661fd592d0836060db68b0b4a57.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">Hauschka</p>
          <a href="/products/hauschka-blush-02-apricot-5g-1-stuck-20028">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Blush 02 apricot 5g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NcYIWdy19eDCl_4KkOJrp7MPjO4Kmsxn7Z5u6SeQHp5Bhn1cY4iDuUoxVJnLQ2EftoRAPfrkYr7_cv04KfAASQ" />
    <input value="20028" 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=%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D5">
    <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/hauschka-eyeshadow-04-verdelite-1-4g-1-stuck-20029">
          <img alt="Hauschka Eyeshadow 04 verdelite 1.4g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9106/file/small-727eecb221fcd17530264a6d77ec68e7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9106/file/medium-1a8c7a7b5b5c9218ef23691770941eb1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9106/file/large-e46c63fcb7cb97d802b49e739aa3e810.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9106/file/medium-1a8c7a7b5b5c9218ef23691770941eb1.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">Hauschka</p>
          <a href="/products/hauschka-eyeshadow-04-verdelite-1-4g-1-stuck-20029">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Eyeshadow 04 verdelite 1.4g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FVDQ1-qM29DcT-Sx-5-2b0ngdiwb7TYQ5RBHX72tBE9hEKXSVbGtiVTpTiKgPrzXTGu6_-uTmMn3_NSOs80amA" />
    <input value="20029" 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=%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D5">
    <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/hauschka-eyeshadow-08-golden-topaz-1-4g-1-stuck-20030">
          <img alt="Hauschka Eyeshadow 08 golden topaz 1.4g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9105/file/small-348a0f0c5c0ce38148f264abf0251dd7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9105/file/medium-2bb44bff9c49254247d05b04dc22d506.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9105/file/large-875c2da36a16126aad4c34039efc8916.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9105/file/medium-2bb44bff9c49254247d05b04dc22d506.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">Hauschka</p>
          <a href="/products/hauschka-eyeshadow-08-golden-topaz-1-4g-1-stuck-20030">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Eyeshadow 08 golden topaz 1.4g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yOmp8yUnwAFIWUYryixan_JO8w0zUzmqJubho7HvMzC8qdz2mhq2WMD_7LiRjVAn98U_3sMtl3M0CnJyv48t5w" />
    <input value="20030" 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=%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D5">
    <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/hauschka-eyeshadow-07-aquamarine-1-4g-1-stuck-20031">
          <img alt="Hauschka Eyeshadow 07 aquamarine 1.4g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9104/file/small-7d2ea74f39d582b1c637602ec3b74935.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9104/file/medium-6799d58ac9c2bee5a961574e8f5381f9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9104/file/large-1ff294058a602aefcd492543176e8465.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9104/file/medium-6799d58ac9c2bee5a961574e8f5381f9.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">Hauschka</p>
          <a href="/products/hauschka-eyeshadow-07-aquamarine-1-4g-1-stuck-20031">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Eyeshadow 07 aquamarine 1.4g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nJY_cq451yhNElHZ5gZLowbxxKmXmOQDy2nTEgD8uL3o1kp3EQShccW0-0q9p0EbA3oIemfmStrZhUDDDpymag" />
    <input value="20031" 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=%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D5">
    <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/hauschka-liquid-eyeliner-01-black-4ml-1-stuck-20032">
          <img alt="Hauschka Liquid Eyeliner 01 black 4ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9103/file/small-0f87e74dcac69b943536f14e571b18bf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9103/file/medium-f42733fafccfa50f6a45e31636e4082d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9103/file/large-9408b0b65ae189e4d0ed9c30015a55b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9103/file/medium-f42733fafccfa50f6a45e31636e4082d.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">Hauschka</p>
          <a href="/products/hauschka-liquid-eyeliner-01-black-4ml-1-stuck-20032">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Liquid Eyeliner 01 black 4ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8KYM6gmcgIlrTGChuaB0isBq8sJ-W6SZhp6YA9DfFVKE5nnvtqH20OPqyjLiAX4yxeE-EY4lCkCUcgvS3r8LhQ" />
    <input value="20032" 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">
      96 von 96 Produkten
    </p>
  </div>
</div>

</template></turbo-stream>