<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/benevo-kauspass-spinat-kale-pawtato-sticks-120-g-3664">
          <img alt="Benevo Kauspass Spinat / Kale Pawtato Sticks" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2396/file/small-1e73d4f406cf725cd4b50fdd662c038c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2396/file/medium-dc33f26df43ad5cf1647c41e4b4f0281.webp 900w, https://assets.fabulous.ch/public/variant_asset/2396/file/large-87af1a9c0b101df65c160e8e613d90b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2396/file/medium-dc33f26df43ad5cf1647c41e4b4f0281.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">Benevo</p>
          <a href="/de/products/benevo-kauspass-spinat-kale-pawtato-sticks-120-g-3664">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benevo Kauspass Spinat / Kale Pawtato Sticks, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MtinNvIaCoGfusz5Rf88n3yLi3k550N5uQ3XP1lgggAwHyaE31X96PN0aoxTWABjkd9BF5v6_O4t3UtkUJoBTA" />
    <input value="3664" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/biber-s-saisonmotiv-bio-80-g-3675">
          <img alt="Biber-S Saisonmotiv Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2398/file/small-05c3a50ebbaf54402ba2cd6e5f8f7eeb.webp 600w, https://assets.fabulous.ch/public/variant_asset/2398/file/medium-2d571110ddfd7140d75fc72194dfb1c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/2398/file/large-f7f737ddd3d5819261d79c1ffe8c152e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2398/file/medium-2d571110ddfd7140d75fc72194dfb1c5.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">Leibacher Biber-Manufaktur</p>
          <a href="/de/products/biber-s-saisonmotiv-bio-80-g-3675">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biber-S Saisonmotiv Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s_W6vhWSc96o7NSuylbOe4_1Q_7sG9shY_m-3F6FSCOxMjsMON2Et8Qictvc8fKHYqGJkE4GZLb3KSKHV3_Lbw" />
    <input value="3675" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/wasche-waschmittel-flussig-30-60-c-color-grossgebinde-10-l-3688">
          <img alt="Wäsche Waschmittel flüssig 30°- 60° C COLOR Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2399/file/small-d1c5fbf9053e5e34d74967ae544b2b39.webp 600w, https://assets.fabulous.ch/public/variant_asset/2399/file/medium-9d2f6f8f46631a5f1328d60e711096b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/2399/file/large-92c8f5cea16eb44d060603ac65906b3e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2399/file/medium-9d2f6f8f46631a5f1328d60e711096b5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/de/products/wasche-waschmittel-flussig-30-60-c-color-grossgebinde-10-l-3688">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wäsche Waschmittel flüssig 30°- 60° C COLOR Grossgebinde, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 66.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YYXSCHrfxHeujBrUn44ZUxWCRJ67v-KvO3tTl56M-49jQlO6V5AzHsJCvKGJKSWv-NaO8BmiXTivq8_Ml3Z4ww" />
    <input value="3688" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/wasche-waschmittel-flussig-30-95-c-sensitiv-duftfrei-grossgebinde-10-l-3689">
          <img alt="Wäsche Waschmittel flüssig 30°-95° C SENSITIV Duftfrei Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2402/file/small-d99b53e64e5be371c1d98961d5b2c4c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/2402/file/medium-0a4f7c95bfd0385e17863d7ac4953bf3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2402/file/large-a30aec72a723f916599d8f2039ed5a2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2402/file/medium-0a4f7c95bfd0385e17863d7ac4953bf3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/de/products/wasche-waschmittel-flussig-30-95-c-sensitiv-duftfrei-grossgebinde-10-l-3689">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wäsche Waschmittel flüssig 30°-95° C SENSITIV Duftfrei Grossgebinde, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 62.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xtAUdfeQXZKhPlQCgjYoMdTIF9i62iXl7VxbPBtepkXEF5XH2t-q-83w8neUkRTNOZzdthjHmnJ5jMdnEqQlCQ" />
    <input value="3689" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/frischhaltebeutel-fur-kartoffeln-aus-jute-1-stuck-3705">
          <img alt="Frischhaltebeutel für Kartoffeln aus Jute" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2403/file/small-47e997521744b9fc37c0ef40f450a8b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2403/file/medium-e5547a46dd2bdbc06e0aa058524715c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2403/file/large-fe0c1072b51a54b21c14bae245774e67.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2403/file/medium-e5547a46dd2bdbc06e0aa058524715c2.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">zielonka</p>
          <a href="/de/products/frischhaltebeutel-fur-kartoffeln-aus-jute-1-stuck-3705">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Frischhaltebeutel für Kartoffeln aus Jute, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XK486Em6TNYhkO9Oy0dirIPbLrQsn1_fY5FPwFrVRf9eab1aZPW7v01eSTvd4F5Qbo_k2o6C4Ej3QdObUy_Gsw" />
    <input value="3705" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tapiokastarke-tapioka-glutenfrei-bio-200-g-3724">
          <img alt="Tapiokastärke Tapioka Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2409/file/small-3ab07a5b0d84b4604ae775804697c05c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2409/file/medium-d150cfeff332bf567c245c1c8638328a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2409/file/large-03cdefc08c066badf1a3829e4098b4f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2409/file/medium-d150cfeff332bf567c245c1c8638328a.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">Arche</p>
          <a href="/de/products/tapiokastarke-tapioka-glutenfrei-bio-200-g-3724">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tapiokastärke Tapioka Glutenfrei Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xw0T74ZidhFlBuQLmmGZXULHSkpyV5Fgnr2QIRLNJHxdypJdqy2BeAnIQn6MxqWhr5OAJNBKLvcKbQx6GzenMA" />
    <input value="3724" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tortilla-wraps-6-st-aus-weizen-vollkorn-bio-240-g-3726">
          <img alt="Tortilla Wraps (6 St.) aus Weizen-Vollkorn Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2411/file/small-d22217071b1d1e52a0944cb78600c019.webp 600w, https://assets.fabulous.ch/public/variant_asset/2411/file/medium-8654746305d845202df18c72e7be0324.webp 900w, https://assets.fabulous.ch/public/variant_asset/2411/file/large-ce1d027c828bb028c06f4f4ef77cf0c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2411/file/medium-8654746305d845202df18c72e7be0324.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">Acapulco</p>
          <a href="/de/products/tortilla-wraps-6-st-aus-weizen-vollkorn-bio-240-g-3726">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tortilla Wraps (6 St.) aus Weizen-Vollkorn Bio, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-DObz-gD4bcKr61lRFpWoHYl3YkOtMGxnAFCEKJrBn_69Bp9xUwW3mZhCxBS_Wpcm3EX56ypfiYI0d5Lq5GFMw" />
    <input value="3726" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/ramen-nudelsuppe-mit-ingwer-bio-108-g-3728">
          <img alt="Ramen Nudelsuppe mit Ingwer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2413/file/small-38bc718bafd7a6be79f26e626562910d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2413/file/medium-c6f1bb3e62ad78e1eae425218db94c67.webp 900w, https://assets.fabulous.ch/public/variant_asset/2413/file/large-85682224abfe5ed3be40a1db3fb25781.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2413/file/medium-c6f1bb3e62ad78e1eae425218db94c67.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">Arche</p>
          <a href="/de/products/ramen-nudelsuppe-mit-ingwer-bio-108-g-3728">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ramen Nudelsuppe mit Ingwer Bio, 108 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U85kKfPgI2zaJkfezr3cmfUhQsDXeNzmG4SxvbXcvchRCeWb3q_UBbbo4avYGuBlGHWIrnVlY3GPVC3mvCY-hA" />
    <input value="3728" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/suppe-instant-misosuppe-mit-meeresgemuse-bio-15-g-3729">
          <img alt="Suppe Instant Misosuppe mit Meeresgemüse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2415/file/small-837635c6a3954a70a5b3f7f8b62849c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2415/file/medium-27187d1c6d98f0c18548a567a0c3a36b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2415/file/large-01f1f635207cc18ef60ef134e3fba201.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2415/file/medium-27187d1c6d98f0c18548a567a0c3a36b.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">Arche</p>
          <a href="/de/products/suppe-instant-misosuppe-mit-meeresgemuse-bio-15-g-3729">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Suppe Instant Misosuppe mit Meeresgemüse Bio, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9LP2udcxzuTxBv3L5ft9J8XRkcJ2QzHO3oBmrjDf8uj2dHcL-n45jZ3IW77zXEHbKIVbrNRejllKUPr1OSVxpA" />
    <input value="3729" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/suppe-instant-misosuppe-mit-fruhlingszwiebeln-bio-10-g-3730">
          <img alt="Suppe Instant Misosuppe mit Frühlingszwiebeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2418/file/small-739f0eb02cc50cd1b10809671349317b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2418/file/medium-7d952139067f5b48f1ea46ee460dbb3b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2418/file/large-92f4610d85d6b7d0b7c4e6a2cf00cbac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2418/file/medium-7d952139067f5b48f1ea46ee460dbb3b.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">Arche</p>
          <a href="/de/products/suppe-instant-misosuppe-mit-fruhlingszwiebeln-bio-10-g-3730">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Suppe Instant Misosuppe mit Frühlingszwiebeln Bio, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IzH9iW7_I-Eb1JmpVFszpOx6-1z0XeioF2wj6V9LrwEh9nw7Q7DUiHcaP9xC_A9YAS4xMlZAVz-DvL-yVrEsTQ" />
    <input value="3730" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/frischhaltebeutel-fur-zwiebeln-aus-jute-1-stuck-3740">
          <img alt="Frischhaltebeutel für Zwiebeln aus Jute" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2419/file/small-123fb53adbcbbd76068633a644f3694b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2419/file/medium-5526a582f2cc9b50d09af573d9e2dce6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2419/file/large-844b6fc72c9d2b2fd6d48b0e0db51913.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2419/file/medium-5526a582f2cc9b50d09af573d9e2dce6.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">zielonka</p>
          <a href="/de/products/frischhaltebeutel-fur-zwiebeln-aus-jute-1-stuck-3740">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Frischhaltebeutel für Zwiebeln aus Jute, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zl58GPdlyWqVj8yTwEfe7tyvZ82TXLO0cQOThrganSpkmf2q2io-A_lBaubW4OISMfutozFBDCPl0w_dseAeZg" />
    <input value="3740" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/frischhaltebeutel-fur-knoblauch-aus-jute-1-stuck-3741">
          <img alt="Frischhaltebeutel für Knoblauch aus Jute" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2420/file/small-4fc98519ff4d0c46b373e8383c5ca6e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2420/file/medium-e759d9f327ceda801baa66c206cd9355.webp 900w, https://assets.fabulous.ch/public/variant_asset/2420/file/large-e150da69f9fbadbd784e444ce13c5987.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2420/file/medium-e759d9f327ceda801baa66c206cd9355.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">zielonka</p>
          <a href="/de/products/frischhaltebeutel-fur-knoblauch-aus-jute-1-stuck-3741">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Frischhaltebeutel für Knoblauch aus Jute, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w2flgg8TmAw5qB56JYbrM8MEKDXfhd52d5AUigzr7-PBoGQwIlxvZVVmuA8zIdfPLlDiW32YYeHjQIjRBRFsrw" />
    <input value="3741" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/eco-straws-bamboo-strohhalm-2-halme-1-stuck-3744">
          <img alt="Eco Straws Bamboo Strohhalm 2 Halme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2422/file/small-e316441dad5944d70d22762e50bfe15d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2422/file/medium-ab78dee8db0d92e3b330d6d2c24b9446.webp 900w, https://assets.fabulous.ch/public/variant_asset/2422/file/large-a0c8f7da9f45d00e2cc2f61e4e2d262e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2422/file/medium-ab78dee8db0d92e3b330d6d2c24b9446.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">ecobamboo</p>
          <a href="/de/products/eco-straws-bamboo-strohhalm-2-halme-1-stuck-3744">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eco Straws Bamboo Strohhalm 2 Halme, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FEVALwpKbcGs2Z-zXnfeFLVIm3HGxbV3uhJOye-lg-EWgsGdJwWaqMAXOcZI0OLoWBxRH2TYCuAuwtKS5l8ArQ" />
    <input value="3744" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cookies-plaisir-kastanie-bio-130-g-3745">
          <img alt="Cookies Plaisir Kastanie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2424/file/small-7da09d1b6636f70e0d731844e22cd06b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2424/file/medium-1b9afb5a5406ce19e6c89053307e91aa.webp 900w, https://assets.fabulous.ch/public/variant_asset/2424/file/large-be9df41ca53cba214fe4de84fd6e5d67.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2424/file/medium-1b9afb5a5406ce19e6c89053307e91aa.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">Moulin du Piver</p>
          <a href="/de/products/cookies-plaisir-kastanie-bio-130-g-3745">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies Plaisir Kastanie Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KLkMFRnHjhm8_jDV7C_-LRmJI4NohHV2GOLxlNt5PYQqfo2nNIh5cNAwlqD6iMLR9N3p7cqZyuGMMm3P0oO-yA" />
    <input value="3745" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/sticker-vegan-rocks-1-stuck-3760">
          <img alt="Sticker: Vegan Rocks!" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2427/file/small-df679b3afdd5e32cc325f0023a0a11c2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2427/file/medium-f400c0602bc36a23145780523bbf460f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2427/file/large-9ac6f19e14813be7fcdcc47127cc1aa4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2427/file/medium-f400c0602bc36a23145780523bbf460f.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">Swissveg</p>
          <a href="/de/products/sticker-vegan-rocks-1-stuck-3760">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sticker: Vegan Rocks!, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BAtejoQacjqb7eqNdYubPHuJhzhe58-RZ204d5AczpYGzN88qVWFU_cjTPhjLKfAlt1NVvz6cAbzvaQsmeZN2g" />
    <input value="3760" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mini-sticker-go-vegan-1-stuck-3761">
          <img alt="Mini Sticker: Go Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2429/file/small-b8035348ece4e7c858ac74b2421a90ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/2429/file/medium-b3ed708871b6aabdb8c37ba0a17c2743.webp 900w, https://assets.fabulous.ch/public/variant_asset/2429/file/large-b45defba352b0c8d3a5356002af3a6d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2429/file/medium-b3ed708871b6aabdb8c37ba0a17c2743.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">Swissveg</p>
          <a href="/de/products/mini-sticker-go-vegan-1-stuck-3761">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Sticker: Go Vegan, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.00
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/for-men-only-body-wash-3in1-250-ml-3763">
          <img alt="for men only Body Wash 3in1" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2430/file/small-ae333d16813453839289924a95497da5.webp 600w, https://assets.fabulous.ch/public/variant_asset/2430/file/medium-4d6664d0829f29b5760e19662296af49.webp 900w, https://assets.fabulous.ch/public/variant_asset/2430/file/large-1aa054431a2d53ad325db6c1a212d305.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2430/file/medium-4d6664d0829f29b5760e19662296af49.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">benecos</p>
          <a href="/de/products/for-men-only-body-wash-3in1-250-ml-3763">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">for men only Body Wash 3in1, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W0GW9jiRJYVKb39lRfqPtKNbTpp-SkVcNsfXvxYJhGNZhhdEFd7S7Cah2RBTXbNITg-E9NxX-suiF0vkH_MHLw" />
    <input value="3763" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/for-men-only-bartol-beard-oil-30-ml-3764">
          <img alt="for men only Bartöl Beard Oil" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2431/file/small-9238ab07ce8890fc99db45ed008ed4db.webp 600w, https://assets.fabulous.ch/public/variant_asset/2431/file/medium-5dbc777801b2bf5392451efc39c69536.webp 900w, https://assets.fabulous.ch/public/variant_asset/2431/file/large-b2694379215c4df2b09270dfe8fdfde3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2431/file/medium-5dbc777801b2bf5392451efc39c69536.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">benecos</p>
          <a href="/de/products/for-men-only-bartol-beard-oil-30-ml-3764">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">for men only Bartöl Beard Oil, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Vg4G8cDE1FGd9r4-Cwm3EX0nAjHrjsZMi82EcyaraFFUyYdD7YsjOPE4GEsdrovtkHPIX0mTedsfHRgoL1HrHQ" />
    <input value="3764" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/for-men-only-deo-spray-75-ml-3765">
          <img alt="for men only Deo Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2433/file/small-3e0b867779c4a3eaf101c2985c9664b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2433/file/medium-9ad11a036a6df0fcb8f2917bdb518285.webp 900w, https://assets.fabulous.ch/public/variant_asset/2433/file/large-5980264bb7df9230554f875623bd1c3b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2433/file/medium-9ad11a036a6df0fcb8f2917bdb518285.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">benecos</p>
          <a href="/de/products/for-men-only-deo-spray-75-ml-3765">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">for men only Deo Spray, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mvNqV2gDnug4kzOwKXrYi24QrgUsnzoGv7AABOKHroGYNOvlRUxpgVRdlcU_3eR3g0Rka46ChZErYJxf630tzQ" />
    <input value="3765" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/for-men-only-face-after-shave-balm-2in1-50-ml-3766">
          <img alt="for men only Face &amp; After-Shave Balm 2in1" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2435/file/small-940a3a53b6d9f5665c3499c1e0fde296.webp 600w, https://assets.fabulous.ch/public/variant_asset/2435/file/medium-4c7475882b5b202d29dad248b8407f77.webp 900w, https://assets.fabulous.ch/public/variant_asset/2435/file/large-14a9c32a6b112889d44c63dbb69b1cbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2435/file/medium-4c7475882b5b202d29dad248b8407f77.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">benecos</p>
          <a href="/de/products/for-men-only-face-after-shave-balm-2in1-50-ml-3766">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">for men only Face &amp; After-Shave Balm 2in1, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NBWKiwMraqsqfSKI6ri2o_bpBUlZ_MWx_IcSxCk733U20gs5LmSdwkazhP38H4pfG73PJ_vheiZoV46fIMFcOQ" />
    <input value="3766" 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">
      620 von 3&#39;175 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/low-delights-gmbh?format=turbo_stream&amp;page=32">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>