<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%2Fthe-maple-brothers%3Fformat%3Dturbo_stream%26page%3D111">
    <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/gruntee-pur-offen-demeter-100-g-19781">
          <img alt="Grüntee Pur offen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10247/file/small-bae696f187b81933ee852fd4b658a275.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10247/file/medium-fc57bac061ad63a51dd5cfa4695d62a7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10247/file/large-ca837c1b17fbba7f8dac0ab6aee0707b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10247/file/medium-fc57bac061ad63a51dd5cfa4695d62a7.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">Hampstead Tea</p>
          <a href="/products/gruntee-pur-offen-demeter-100-g-19781">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grüntee Pur offen Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LmLRwGSua6nMbsd7BWIHSWTu5o9EvfD7jt-h9FyzrFp6F8r3Sn0WSUzSjwl6e1tREijCVnL-42jSLwI-XNlq6A" />
    <input value="19781" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fthe-maple-brothers%3Fformat%3Dturbo_stream%26page%3D111">
    <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/hafer-knusper-muesli-mango-himbeere-bio-285-g-19782">
          <img alt="Hafer Knusper Müesli Mango Himbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10253/file/small-10c32793167284305c52dff8cd1ea0c3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10253/file/medium-7ce414c95c206f409770a17c75b1cba0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10253/file/large-7ecd24cd14171e5e4dbbfac04da040ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10253/file/medium-7ce414c95c206f409770a17c75b1cba0.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">Bauckhof</p>
          <a href="/products/hafer-knusper-muesli-mango-himbeere-bio-285-g-19782">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Knusper Müesli Mango Himbeere Bio, 285 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I_whCzZ8veQB7YPuspug-zVCi24P41u6R4Gm2VNZkcN3iTo8GK_ABIFRy5zNgvzjQ4SvtzmgSCkbcQUTUzNXcQ" />
    <input value="19782" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fthe-maple-brothers%3Fformat%3Dturbo_stream%26page%3D111">
    <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/histocell-nt-nukleotide-kapseln-180-stuck-19783">
          <img alt="Histocell NT Nukleotide Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10257/file/small-cadd6f2a469b023d08270228eb1ebaf9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10257/file/medium-f9f2a7535fd14833af022f8631ad0a91.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10257/file/large-fbeaaabbb2fbe658f9e63da74b1d8c25.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10257/file/medium-f9f2a7535fd14833af022f8631ad0a91.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/products/histocell-nt-nukleotide-kapseln-180-stuck-19783">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Histocell NT Nukleotide Kapseln, 180 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 88.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fwFCbURWhSguHf7g4QqwFMYJ1JyO16JKj-lGf4hhLOUrdFlaaoX4yK6htpKeE-wMsM_wRbiUsdnTGeW1iAvqVw" />
    <input value="19783" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fthe-maple-brothers%3Fformat%3Dturbo_stream%26page%3D111">
    <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/kefir-drink-mango-demeter-500-ml-19784">
          <img alt="Kefir Drink Mango Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10258/file/small-a77b5eeeccfb405be3791c9843e0737b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10258/file/medium-b6e090ba48b8ab014f686f7d854d07ad.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10258/file/large-279d1e0973d0cecdcc8415e117b32cb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10258/file/medium-b6e090ba48b8ab014f686f7d854d07ad.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">Biomilk</p>
          <a href="/products/kefir-drink-mango-demeter-500-ml-19784">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kefir Drink Mango Demeter, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jbGR8v4jSfmgnqCGMCKAVi3eugP2HYxt6YNuyfJBj3jZxIrF0PA0GSAi6PRPO9xOWxie2sBen_61c80D8itJyg" />
    <input value="19784" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fthe-maple-brothers%3Fformat%3Dturbo_stream%26page%3D111">
    <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/honig-akazien-bio-500-g-19785">
          <img alt="Honig Akazien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10260/file/small-fb20e5441a637e1e5c81a58fc440d709.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10260/file/medium-d99561e297e82731c13053dc3949265c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10260/file/large-b0520d157b72532e19d221483c96588a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10260/file/medium-d99561e297e82731c13053dc3949265c.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">Hoyer</p>
          <a href="/products/honig-akazien-bio-500-g-19785">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Honig Akazien Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D791abEsvoDhNxP1E7hudTkdcMtJw_kpfrCJroKsCcdbym5en__DYGGLW4dsoTJtT9tUEn-A6roiQCpkgsbPdQ" />
    <input value="19785" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fthe-maple-brothers%3Fformat%3Dturbo_stream%26page%3D111">
    <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/grana-padano-gerieben-bio-100-g-19786">
          <img alt="Grana Padano gerieben Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10718/file/small-a6337c6adc591b34c962503136a2d048.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10718/file/medium-06702b86c8206021feda136efdfc2025.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10718/file/large-626e0f4bae8f47a1dac08b67f013a848.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10718/file/medium-06702b86c8206021feda136efdfc2025.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">Zanetti</p>
          <a href="/products/grana-padano-gerieben-bio-100-g-19786">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grana Padano gerieben Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Cv6fCue_aaMwm8-Q_xapc0ie1AY6flG40_7eVNSsgyxei4Q9yWwUQ7Anh-KAD_VrPljw3ww9QiuPDn2e1MZFng" />
    <input value="19786" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fthe-maple-brothers%3Fformat%3Dturbo_stream%26page%3D111">
    <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/pinot-gris-alkoholfrei-bio-7-5-dl-19787">
          <img alt="Pinot Gris alkoholfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10271/file/small-a8207817d417952f4e78c5ace0d36790.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10271/file/medium-0a8fff7da1ae8c46897413dab01a3d08.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10271/file/large-ef910195b12d33bc77dd83253288a15f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10271/file/medium-0a8fff7da1ae8c46897413dab01a3d08.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">Keth</p>
          <a href="/products/pinot-gris-alkoholfrei-bio-7-5-dl-19787">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pinot Gris alkoholfrei Bio, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cCjLz5AyMAt_kI5wca_CNdKgEYhTUwl3J5Pin7P2NuwkXdD4vuFN6_8sxgIOtp4tpGY1UWUQGuR7Y0FVs5zwXg" />
    <input value="19787" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fthe-maple-brothers%3Fformat%3Dturbo_stream%26page%3D111">
    <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-crunchy-mit-chili-sauce-bio-100-g-19788">
          <img alt="Tofu Crunchy mit Chili Sauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10404/file/small-6d244293638c541bce4098fe6c0f9d49.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10404/file/medium-263f3c780213ddaa026df6650cea65c1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10404/file/large-6f74086b18c24bdc55513e51a8ab88e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10404/file/medium-263f3c780213ddaa026df6650cea65c1.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-crunchy-mit-chili-sauce-bio-100-g-19788">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Crunchy mit Chili Sauce Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b-0h84DhW_33Vb0MiuDaOJBrHlmux95Ks_vK1HduMaU7mDrErjImHXfp9X71-YYg5q06gJiEzdnvC2kedwT3Fw" />
    <input value="19788" 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%2Fthe-maple-brothers%3Fformat%3Dturbo_stream%26page%3D111">
    <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/lakur-dusk-12-ml-19789">
          <img alt="Lakur Dusk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10272/file/small-154ddd617f9c57fc1aa3f4d13e7bbe69.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10272/file/medium-a72f5361eb3c51dd2acf618dec263b1e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10272/file/large-152c60374d72ee738f5c0b6a6dc77c4e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10272/file/medium-a72f5361eb3c51dd2acf618dec263b1e.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">LondonTown</p>
          <a href="/products/lakur-dusk-12-ml-19789">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lakur Dusk, 12 ml</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 182.50 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6Ua3yia08o-cVV_4ZFE91bz8chSzoDun5B40Orfco2O9M6z9CGePbxzpF4obSGHNyjpWzYXjKDS47pfwt7Zl0Q" />
    <input value="19789" 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%2Fthe-maple-brothers%3Fformat%3Dturbo_stream%26page%3D111">
    <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/glutenfreies-bier-bio-330-ml-19790">
          <img alt="glutenfreies Bier Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10273/file/small-cc92750240f991600cd4b7381462ba3f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10273/file/medium-d7c6e1dfff5c3996433071f60485a2ae.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10273/file/large-1dbaef12ef59c818e0d7c3853f449720.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10273/file/medium-d7c6e1dfff5c3996433071f60485a2ae.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">Lammsbräu</p>
          <a href="/products/glutenfreies-bier-bio-330-ml-19790">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">glutenfreies Bier Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="37Vma9taQIygm7Ru3pf_WAgZy1nIOpjIZi1pNuCD1iKLwH1c9Yk9bCAn_ByhjqNAft_vgP55i1s63cr84OkQkA" />
    <input value="19790" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fthe-maple-brothers%3Fformat%3Dturbo_stream%26page%3D111">
    <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/couscous-buchweizen-bio-400-g-19791">
          <img alt="Couscous Buchweizen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10274/file/small-fc9876b0d896943871014cb8edb9eb68.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10274/file/medium-3bcdc82eb1b50a6dcdd231c35e3e1228.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10274/file/large-9ebe29c36558cb469a0cefbc5202dcdc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10274/file/medium-3bcdc82eb1b50a6dcdd231c35e3e1228.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">Lazzaretti</p>
          <a href="/products/couscous-buchweizen-bio-400-g-19791">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Couscous Buchweizen Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="45xWN9qyFaeo2tjgJSuok0T96bgbqnvsqmXJnMw6yGO36U0A9GFoRyhmkJJaMvSLMjvNYS3paH_2lWpWzFAO0Q" />
    <input value="19791" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fthe-maple-brothers%3Fformat%3Dturbo_stream%26page%3D111">
    <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/couscous-kastanien-bio-350-g-19792">
          <img alt="Couscous Kastanien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10275/file/small-a0fe440c5d4c667bd138e36a3b41de04.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10275/file/medium-4ba16cb602096e5cec316a374346e255.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10275/file/large-5f1f37c8a0f2dfb597729a467b7f6784.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10275/file/medium-4ba16cb602096e5cec316a374346e255.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">Lazzaretti</p>
          <a href="/products/couscous-kastanien-bio-350-g-19792">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Couscous Kastanien Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fYm_aSsXD1G0V5dJZYByJIz1-R0pahdQ-hktTc_5vj4p_KReBcRysTTr3zsamS48-jPdxB8pBMOm6Y6Hz5N4jA" />
    <input value="19792" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fthe-maple-brothers%3Fformat%3Dturbo_stream%26page%3D111">
    <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/laddu-safran-bio-120-g-19793">
          <img alt="Laddu Safran Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10279/file/small-6d8f4d8e9812324d70710545a12c16e8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10279/file/medium-4321488228fecdb881466ad119723419.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10279/file/large-88564a743abbaf379029b18dca0a4fd5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10279/file/medium-4321488228fecdb881466ad119723419.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">Govinda</p>
          <a href="/products/laddu-safran-bio-120-g-19793">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Laddu Safran Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FSdtKFQvRE68aldR2IbGC5um8f8mph-5MT7HixGntO9BUnYfevw5rjzWHyOnn5oT7WDVJhDlDCptzmRBEc1yXQ" />
    <input value="19793" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fthe-maple-brothers%3Fformat%3Dturbo_stream%26page%3D111">
    <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/zahnburste-erwachsene-soft-nadelbaum-fsc-1-stuck-19794">
          <img alt="Zahnbürste Erwachsene soft Nadelbaum FSC" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10277/file/small-2e9f5cde2f41457993b3e18af00c96d8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10277/file/medium-262f8ac125173dd61a06a26dc4c33591.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10277/file/large-fbcca3b30c0b58459fa34f06a7da18ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10277/file/medium-262f8ac125173dd61a06a26dc4c33591.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">Liebwerk</p>
          <a href="/products/zahnburste-erwachsene-soft-nadelbaum-fsc-1-stuck-19794">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnbürste Erwachsene soft Nadelbaum FSC, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8Ru4sHnKtgLRcNzFvpHTzLq9-iakLp-MLVwZxdhR1WulbqOHVxnL4lHMlLfBiI_UzHve_5JtjB9xrLoP2DsT2Q" />
    <input value="19794" 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%2Fthe-maple-brothers%3Fformat%3Dturbo_stream%26page%3D111">
    <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/zahnburste-erwachsene-medium-laubbaum-fsc-1-stuck-19795">
          <img alt="Zahnbürste Erwachsene medium Laubbaum FSC" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10278/file/small-c3087a3451494ebbaa1964db5a5a35e2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10278/file/medium-e9fd87c55f81737d3b60a4467f797527.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10278/file/large-208c7ae19052bfb9ec3ffbd4aab4cfa2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10278/file/medium-e9fd87c55f81737d3b60a4467f797527.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">Liebwerk</p>
          <a href="/products/zahnburste-erwachsene-medium-laubbaum-fsc-1-stuck-19795">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnbürste Erwachsene medium Laubbaum FSC, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="svQievXsD7J1S0O2pHqR8iwda0ErEG3316yT6cFEp7bmgTlN2z9yUvX3C8TbY83qWttPmB1TfmSLXDAjwS5hBA" />
    <input value="19795" 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%2Fthe-maple-brothers%3Fformat%3Dturbo_stream%26page%3D111">
    <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/vital-shot-energy-traube-guarana-bio-60-ml-19796">
          <img alt="Vital Shot Energy Traube-Guarana Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10280/file/small-2e0167c16ff83ed132647780f0dfb920.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10280/file/medium-bfd71bee92e84ba78e01e870ef0ee628.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10280/file/large-e6f36ac0b82369544972402e70440920.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10280/file/medium-bfd71bee92e84ba78e01e870ef0ee628.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">Biotta</p>
          <a href="/products/vital-shot-energy-traube-guarana-bio-60-ml-19796">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Shot Energy Traube-Guarana Bio, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rfRToEt5Bx8nFEfMgPbvcbMsCqroAIzoB2xjRVmgb6r5gUiXZap6_6eoD77_77Npxeouc95Dn3tbnMCPWcqpGA" />
    <input value="19796" 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%2Fthe-maple-brothers%3Fformat%3Dturbo_stream%26page%3D111">
    <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/feuchtigkeits-shampoo-bio-aloe-vera-250-ml-19797">
          <img alt="Feuchtigkeits-Shampoo Bio-Aloe-Vera" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10285/file/small-0498ade06b70531ae3f5a0041a09822f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10285/file/medium-b937cbc2ea0ea302e11c116879ae9540.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10285/file/large-064f970228dd979931cabaf33a1d91f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10285/file/medium-b937cbc2ea0ea302e11c116879ae9540.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">Logona</p>
          <a href="/products/feuchtigkeits-shampoo-bio-aloe-vera-250-ml-19797">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Feuchtigkeits-Shampoo Bio-Aloe-Vera, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8VcyIZ4eD-zVB7vGRmMWjRufXvaYdebZewIJyoVCFMulIikWsM1yDFW787Q5ekqVbVl6L6429Uon8qoAhSjSeQ" />
    <input value="19797" 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%2Fthe-maple-brothers%3Fformat%3Dturbo_stream%26page%3D111">
    <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/geschenkgutschein-1-stuck-19798">
          <img alt="Geschenkgutschein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10301/file/small-4e247b227c286108aa01f100e997edd2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10301/file/medium-c0b7c7bfd6cd3b4fb6578186531b19c0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10301/file/large-5da240c3795b9030940d8ae59d8ae15f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10301/file/medium-c0b7c7bfd6cd3b4fb6578186531b19c0.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">Reformhaus</p>
          <a href="/products/geschenkgutschein-1-stuck-19798">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschenkgutschein, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

          </div>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F3lPg19BJBoynHVW95wOfv6t4f_pSs5G5QMas5W9aPZDDFS0cZJZ-rIgPSSIhVJmiGvFJt8J3dW587l5ldeuRA" />
    <input value="19798" 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%2Fthe-maple-brothers%3Fformat%3Dturbo_stream%26page%3D111">
    <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/moringa-blattpulver-demeter-180-g-19799">
          <img alt="Moringa Blattpulver Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10361/file/small-b3a74d743d890137aa9770e3de0895a4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10361/file/medium-52669383979295e8686645aa1c5dd8d5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10361/file/large-b6792af11bd074288a94b1201b339ceb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10361/file/medium-52669383979295e8686645aa1c5dd8d5.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">NaturKraftWerke</p>
          <a href="/products/moringa-blattpulver-demeter-180-g-19799">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Moringa Blattpulver Demeter, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c-tEAtygh6H37o9V8Um7vRxYs0y4WEqATnbkrEJnIZUnnl818nP6QXdSxyeOUOelap6XlY4bWRMShkdmQg3nJw" />
    <input value="19799" 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%2Fthe-maple-brothers%3Fformat%3Dturbo_stream%26page%3D111">
    <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/sanddorn-fruchtaufstrich-bio-250-g-19800">
          <img alt="Sanddorn Fruchtaufstrich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10362/file/small-da380276a1eb8d86ae9af5f60f038c26.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10362/file/medium-e54ff2111350de2288e01fa03efd9b95.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10362/file/large-39a935bbfbcd0c7cc61a95ec8da137dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10362/file/medium-e54ff2111350de2288e01fa03efd9b95.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">Sonnentor</p>
          <a href="/products/sanddorn-fruchtaufstrich-bio-250-g-19800">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanddorn Fruchtaufstrich Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1E56SXFjadUIwz_pRkX0vYe3HslUsveQLhuLDE1kPRKAO2F-X7AUNYh_d5s5XKil8XE6EGLx5ANy6yjGTQ77oA" />
    <input value="19800" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      2&#39;220 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/the-maple-brothers?format=turbo_stream&amp;page=112">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>