<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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D41">
    <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/spacebar-chili-snacker-bio-40-g-432">
          <img alt="Spacebar Chili Snacker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/388/file/small-b0ac7c84a5ab5e79dedf72c4e55bd83c.webp 600w, https://assets.fabulous.ch/public/variant_asset/388/file/medium-d9ea2a707d4ec135b2be9403cda5355b.webp 900w, https://assets.fabulous.ch/public/variant_asset/388/file/large-179908b63a323479584ff60b4e2a2cca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/388/file/medium-d9ea2a707d4ec135b2be9403cda5355b.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">Wheaty</p>
          <a href="/products/spacebar-chili-snacker-bio-40-g-432">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spacebar Chili Snacker Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;432&quot;],&quot;content_name&quot;:&quot;Spacebar Chili Snacker Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;432&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o-VOv_tEjlb1XovdyCtHsfDSXDfQesQfxkfqRfPAF0zuSAqjx041qDz4MM3hJ1BYoCP5vt-jXeTyHBCLLXKYig" />
    <input value="432" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D41">
    <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/samosas-india-bio-250-g-15961">
          <img alt="Samosas India Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7349/file/small-f1b0342c9b9ca2d012bc31a3ef8ce322.webp 600w, https://assets.fabulous.ch/public/variant_asset/7349/file/medium-f07a5051126258048d6adca22e592426.webp 900w, https://assets.fabulous.ch/public/variant_asset/7349/file/large-d0c8dda8c21e6491862666d44e81bf8f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7349/file/medium-f07a5051126258048d6adca22e592426.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">Soto</p>
          <a href="/products/samosas-india-bio-250-g-15961">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Samosas India Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.64 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15961&quot;],&quot;content_name&quot;:&quot;Samosas India Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15961&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TlcG3OEFPkD5FL4gI9Es-EilnlIosimpS8IJkenEMMgD-kLA3Q-FvjCyBTAK3TsRGFQ72ydrsFJ_mfNfN3a_Dg" />
    <input value="15961" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D41">
    <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/schweizer-hummus-frische-krauter-bio-150-g-15592">
          <img alt="Schweizer Hummus Frische Kräuter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7116/file/small-deef7441566afbf85813a1214b88ec3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7116/file/medium-b2f8c01e774ef8661980e42acac91e9f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7116/file/large-9d5d529dd2d15db79788d7c09388406e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7116/file/medium-b2f8c01e774ef8661980e42acac91e9f.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">Wild Foods</p>
          <a href="/products/schweizer-hummus-frische-krauter-bio-150-g-15592">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schweizer Hummus Frische Kräuter Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.97 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15592&quot;],&quot;content_name&quot;:&quot;Schweizer Hummus Frische Kräuter Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15592&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5YaMp9XimpkwfwWKmE2BzMfxSMrAsWGc2ryOe_zDA_ioK8i76eghZ_nZvpqxQZYllwDtQ89o-Gfu53S1InGMPg" />
    <input value="15592" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D41">
    <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/falafel-mini-gf-bio-150-g-4487">
          <img alt="Falafel Mini GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2771/file/small-48eb4b6e91d6faf9cdee4961416ee231.webp 600w, https://assets.fabulous.ch/public/variant_asset/2771/file/medium-025d84e596eda0d486c8393fe2f66f54.webp 900w, https://assets.fabulous.ch/public/variant_asset/2771/file/large-b73679764ca88631c6e7398b6d0a954a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2771/file/medium-025d84e596eda0d486c8393fe2f66f54.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">Florentin</p>
          <a href="/products/falafel-mini-gf-bio-150-g-4487">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Falafel Mini GF Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.10 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4487&quot;],&quot;content_name&quot;:&quot;Falafel Mini GF Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4487&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oZya6-v2mh7n5Gfx8vHmbvE9Lq-Qv94icYeerfXn_ZfsMd731_wh4C5C3OHb_fGHocyLJp9mR9lF3GRjK1VyUQ" />
    <input value="4487" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D41">
    <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/tofu-a-la-minute-gewurzt-bio-200-g-18770">
          <img alt="Tofu à la Minute gewürzt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9968/file/small-4da142711510344bf325f55899ddb6a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/9968/file/medium-b54ac0c04c5a1c98116d95248867aed8.webp 900w, https://assets.fabulous.ch/public/variant_asset/9968/file/large-5b94c8ff1322b8fe3963773941f6137d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9968/file/medium-b54ac0c04c5a1c98116d95248867aed8.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">Noppas</p>
          <a href="/products/tofu-a-la-minute-gewurzt-bio-200-g-18770">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu à la Minute gewürzt Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.80 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18770&quot;],&quot;content_name&quot;:&quot;Tofu à la Minute gewürzt Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18770&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cxCaNatCQW_ghta58dR7C1QpnadXrg_mo9Se3Knh55U-vd4pl0j6kSkgbanY2GziBNg4Llh3lh2Xj2QSd1NoUw" />
    <input value="18770" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D41">
    <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/liquid-soap-lavender-60-ml-19538">
          <img alt="Liquid Soap Lavender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9372/file/small-093e03858a575e16c343214106dc5a5e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9372/file/medium-540ffb6d3432b437ae776c617ddb0d42.webp 900w, https://assets.fabulous.ch/public/variant_asset/9372/file/large-13c0bbc10a56b4094357bedfd334b7f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9372/file/medium-540ffb6d3432b437ae776c617ddb0d42.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">Dr. Bronners</p>
          <a href="/products/liquid-soap-lavender-60-ml-19538">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Lavender, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19538&quot;],&quot;content_name&quot;:&quot;Liquid Soap Lavender, 60 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19538&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AjmWYvXsE_eXO57JektF7nLKr1xcYk4_31NzGPv_SJ5PlNJ-yeaoCV6dJdlTR1IHIjsK1VO718TrCInWJU3HWA" />
    <input value="19538" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D41">
    <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/liquid-soap-mandel-60-ml-19540">
          <img alt="Liquid Soap Mandel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9374/file/small-c7196d73224283ad5d6fd776c884f901.webp 600w, https://assets.fabulous.ch/public/variant_asset/9374/file/medium-2de7a43647cec2fa99d9a61cc1396f4c.webp 900w, https://assets.fabulous.ch/public/variant_asset/9374/file/large-18b0950c0d03d9861a0c1704fed0c11c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9374/file/medium-2de7a43647cec2fa99d9a61cc1396f4c.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">Dr. Bronners</p>
          <a href="/products/liquid-soap-mandel-60-ml-19540">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Mandel, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19540&quot;],&quot;content_name&quot;:&quot;Liquid Soap Mandel, 60 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19540&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ST0a7JSwMZbL74DtpI40FNla8P8z65Op_nxiNoknAlwEkF7wqLqKaAJJO_2NgiP9iatVdjwyClLKJ5j4V5WNmg" />
    <input value="19540" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D41">
    <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/liquid-soap-sandelholz-jasmin-60-ml-19544">
          <img alt="Liquid Soap Sandelholz-Jasmin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10037/file/small-07346c5bbdd51b351ecccf31b0364eb9.webp 600w, https://assets.fabulous.ch/public/variant_asset/10037/file/medium-26b4b45eca4cd7b16defcea4a43e4e75.webp 900w, https://assets.fabulous.ch/public/variant_asset/10037/file/large-e7ade1bf1ebbc5e3661c392119830463.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10037/file/medium-26b4b45eca4cd7b16defcea4a43e4e75.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">Dr. Bronners</p>
          <a href="/products/liquid-soap-sandelholz-jasmin-60-ml-19544">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Sandelholz-Jasmin, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19544&quot;],&quot;content_name&quot;:&quot;Liquid Soap Sandelholz-Jasmin, 60 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19544&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BLEP_M0cED3x3AnL46vYW9UHVzhQSHAxwVwl5-HHqJtJHEvg8Rarwzh6stvKp8-yhfbysV-R6cr1B98pP3UnXQ" />
    <input value="19544" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D41">
    <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/liquid-soap-rose-60-ml-19775">
          <img alt="Liquid Soap Rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10232/file/small-9e46a0d5c5e17a180846eab6765941ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/10232/file/medium-b00590b0bf6dfd0772e95ff705d0ac82.webp 900w, https://assets.fabulous.ch/public/variant_asset/10232/file/large-4df3e1d9f0c4ae536d7d2f0cf3bf483d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10232/file/medium-b00590b0bf6dfd0772e95ff705d0ac82.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">Dr. Bronners</p>
          <a href="/products/liquid-soap-rose-60-ml-19775">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Rose, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19775&quot;],&quot;content_name&quot;:&quot;Liquid Soap Rose, 60 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19775&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MAQzrPgI5b97OW3ENgJ31LVozZuWo5NirEif-d5B5PF9qXewxAJeQbKf1tQfDmA95ZloEpl6CpmYE2U3APNrNw" />
    <input value="19775" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D41">
    <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/liquid-soap-teebaum-60-ml-19545">
          <img alt="Liquid Soap Teebaum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9377/file/small-52a36ec8c38fec20dfba5e7357b9ec9a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9377/file/medium-400dc4dc5e5f66a05898c003cc27a8bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/9377/file/large-d72ac8a699854ee959db0068aabd72b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9377/file/medium-400dc4dc5e5f66a05898c003cc27a8bf.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">Dr. Bronners</p>
          <a href="/products/liquid-soap-teebaum-60-ml-19545">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Teebaum, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19545&quot;],&quot;content_name&quot;:&quot;Liquid Soap Teebaum, 60 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19545&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XOG2fYSot4h4oSnkkf0E2rRmZVfUvOHPH1tQ0F7J6B0RTPJhuKIMdrEHkvS48RMz5JfA3ttleDQrAKoegHtn2w" />
    <input value="19545" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D41">
    <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/liquid-soap-citrus-orange-60-ml-19536">
          <img alt="Liquid Soap Citrus-Orange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10075/file/small-9e0af22418591a573a836786519e1673.webp 600w, https://assets.fabulous.ch/public/variant_asset/10075/file/medium-99d1c4b4735bdedd3de557f15bfe8e22.webp 900w, https://assets.fabulous.ch/public/variant_asset/10075/file/large-bb384e1d91c70239499702ba466c922e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10075/file/medium-99d1c4b4735bdedd3de557f15bfe8e22.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">Dr. Bronners</p>
          <a href="/products/liquid-soap-citrus-orange-60-ml-19536">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Citrus-Orange, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19536&quot;],&quot;content_name&quot;:&quot;Liquid Soap Citrus-Orange, 60 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19536&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NUTq2nCCL_3j9r88bmCqH5pvRv4qbfLbo-2pBLVRWzZ46a7GTIiUAypQBCxHbL32yp7jdyW0ayCXtlPKa-PU8A" />
    <input value="19536" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D41">
    <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/lipbalm-peppermint-4-g-19531">
          <img alt="Lipbalm Peppermint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9367/file/small-4197e33c93a2cece4e4de1adc6734134.webp 600w, https://assets.fabulous.ch/public/variant_asset/9367/file/medium-d09bc3e6a4906cec78dff366e7ce5f20.webp 900w, https://assets.fabulous.ch/public/variant_asset/9367/file/large-dfbee576f817fece7042380ce65b5e21.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9367/file/medium-d09bc3e6a4906cec78dff366e7ce5f20.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">Dr. Bronners</p>
          <a href="/products/lipbalm-peppermint-4-g-19531">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipbalm Peppermint, 4 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19531&quot;],&quot;content_name&quot;:&quot;Lipbalm Peppermint, 4 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19531&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dCunsEeAbmCGrwcnVm16xoNrDCttAhC-erIp0OJuja85huOse4rVnk8JvDd_YW0v05qpomLbiUVO6dMePNwCaQ" />
    <input value="19531" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D41">
    <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/zahnpasta-sensitive-100-ml-19350">
          <img alt="Zahnpasta Sensitive" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9785/file/small-8ef285ade6f5434b5f6e60935705072c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9785/file/medium-9ba276c87c189f13fba0da6d02a8077b.webp 900w, https://assets.fabulous.ch/public/variant_asset/9785/file/large-6f7ba0d93c05c496e905c9d1867b3778.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9785/file/medium-9ba276c87c189f13fba0da6d02a8077b.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">Ben&amp;Anna</p>
          <a href="/products/zahnpasta-sensitive-100-ml-19350">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta Sensitive, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19350&quot;],&quot;content_name&quot;:&quot;Zahnpasta Sensitive, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19350&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f4lAVS7xeQyMoFuP_HSRDdSDsbsEQlHHVmuXTpv8R4IyJARJEvvC8kUG4J_VeIbkhHIUMgubyDxiMG2ARU7IRA" />
    <input value="19350" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D41">
    <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/bar-soap-rose-140-g-19526">
          <img alt="Bar Soap Rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9362/file/small-68af152bba57bbc7634fe33120755d79.webp 600w, https://assets.fabulous.ch/public/variant_asset/9362/file/medium-b9c701906686b8c471dd9fb8b36f12ff.webp 900w, https://assets.fabulous.ch/public/variant_asset/9362/file/large-d68c29538d15549974f4ff94fd7509a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9362/file/medium-b9c701906686b8c471dd9fb8b36f12ff.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">Dr. Bronners</p>
          <a href="/products/bar-soap-rose-140-g-19526">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Rose, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19526&quot;],&quot;content_name&quot;:&quot;Bar Soap Rose, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19526&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LrWrttD5rGqM1neOiT7WI4jtEPc6vz9jiWlYRrSI3fZjGO-q7PMXlEVwzJ6gMsHK2By1fjVmppi9MqKIajpSMA" />
    <input value="19526" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D41">
    <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/bar-soap-lavendel-140-g-19523">
          <img alt="Bar Soap Lavendel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9359/file/small-237d8c4d71194b7116be6560f381a176.webp 600w, https://assets.fabulous.ch/public/variant_asset/9359/file/medium-b3a2fae5f93ba9113d52cb67601d9516.webp 900w, https://assets.fabulous.ch/public/variant_asset/9359/file/large-7398d41abdf886bc7d88169f8841744a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9359/file/medium-b3a2fae5f93ba9113d52cb67601d9516.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">Dr. Bronners</p>
          <a href="/products/bar-soap-lavendel-140-g-19523">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Lavendel, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19523&quot;],&quot;content_name&quot;:&quot;Bar Soap Lavendel, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19523&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IYYOGphRyynNPNXES_WL8JP5stTNS5A_QRMTTHhNCYlsK0oGpFtw1wSabtRi-ZwZwwgXXcKSCcR1SOmCpv-GTw" />
    <input value="19523" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D41">
    <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/bar-soap-cherry-blossom-140-g-19521">
          <img alt="Bar Soap Cherry Blossom" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10074/file/small-18aa58821ff31de8dd5cd1364661d69f.webp 600w, https://assets.fabulous.ch/public/variant_asset/10074/file/medium-3ea50863e041745c7e50bf51c7fc70a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/10074/file/large-bff016f518ca3ce4728e2b7e5d78a32e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10074/file/medium-3ea50863e041745c7e50bf51c7fc70a5.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">Dr. Bronners</p>
          <a href="/products/bar-soap-cherry-blossom-140-g-19521">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Cherry Blossom, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19521&quot;],&quot;content_name&quot;:&quot;Bar Soap Cherry Blossom, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19521&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cY0r40gLrUVHWEzaiPVCCNWKIWNQeyFxSGkGkE6LVGE8IG__dAEWu47-98qh-VXhhXuE6l-iuIp8MvxekDnbpw" />
    <input value="19521" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D41">
    <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/bar-soap-peppermint-140-g-19525">
          <img alt="Bar Soap Peppermint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9361/file/small-e903082aa1f894ea6b05ceba4abc3c04.webp 600w, https://assets.fabulous.ch/public/variant_asset/9361/file/medium-eb05b574a145dfbf29e5674d14a6481f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9361/file/large-36b1957163f1a9f5c0a08eba7b7532bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9361/file/medium-eb05b574a145dfbf29e5674d14a6481f.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">Dr. Bronners</p>
          <a href="/products/bar-soap-peppermint-140-g-19525">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Peppermint, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19525&quot;],&quot;content_name&quot;:&quot;Bar Soap Peppermint, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19525&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4mwyc0OmNq2DXdUUP5d2adEiRIi6xCYlougDdbHxaR-vwXZvf6yNU0r7bgQWm2GAgdPhAbUdv96Ws_m7b0Pm2Q" />
    <input value="19525" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D41">
    <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/bar-soap-teebaum-140-g-19527">
          <img alt="Bar Soap Teebaum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9363/file/small-4f3a98a366df583ead99f99367fc57dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/9363/file/medium-b52b21266f682b9220f73932dbb35750.webp 900w, https://assets.fabulous.ch/public/variant_asset/9363/file/large-e039f6c913aaf788a6099f3b614385a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9363/file/medium-b52b21266f682b9220f73932dbb35750.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">Dr. Bronners</p>
          <a href="/products/bar-soap-teebaum-140-g-19527">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Teebaum, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19527&quot;],&quot;content_name&quot;:&quot;Bar Soap Teebaum, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19527&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8SjuLxMJANMP4fZu2Gl36Z9MB1erA5cj4UKmNk9WSZW8haozLwO7LcZHTX7xZWAAz72i3qTaDtjVGVz4keTGUw" />
    <input value="19527" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D41">
    <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/bar-soap-mandel-140-g-19524">
          <img alt="Bar Soap Mandel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9360/file/small-b0b52e7eb71408dc7fdf19f0e0f8924b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9360/file/medium-4d8a41a500752f57b3a7f8fa5e1d72c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/9360/file/large-5e3f898f5b91b41af570ebd1a30804c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9360/file/medium-4d8a41a500752f57b3a7f8fa5e1d72c7.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">Dr. Bronners</p>
          <a href="/products/bar-soap-mandel-140-g-19524">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Mandel, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19524&quot;],&quot;content_name&quot;:&quot;Bar Soap Mandel, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19524&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JFdLg_srBdubF51uIROZjbfdjUDb8gnfNSU_qN3M3CRp-g-fxyG-JVKxJn4IH45k5ywoydQrkCQBfsVmA35T4g" />
    <input value="19524" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D41">
    <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/badesalz-lavendel-300-g-19884">
          <img alt="Badesalz Lavendel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10522/file/small-918a7764eb7e7692bf991bd205498382.webp 600w, https://assets.fabulous.ch/public/variant_asset/10522/file/medium-c1ea9d8db68b14313b4fe226a6e8d3a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/10522/file/large-2ed675249f67c3b729362037ad44c04a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10522/file/medium-c1ea9d8db68b14313b4fe226a6e8d3a8.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">Ben&amp;Anna</p>
          <a href="/products/badesalz-lavendel-300-g-19884">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Badesalz Lavendel, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19884&quot;],&quot;content_name&quot;:&quot;Badesalz Lavendel, 300 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19884&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8-LVWWmijRoryr2QZhClI3zRvvJxWDtMmsNhp9b-JGK-T5FFVag25OJsBoBPHLLKLCAbe36BoreumJtpCEyrpA" />
    <input value="19884" 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">
      820 von 2&#39;870 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/naturkosmetik/chakra-ole?format=turbo_stream&amp;page=42">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>