<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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fdrinks%2Fmiscellaneous%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mocha-latte-organic-235-ml-11932">
          <img alt="Mocha Latte Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6082/file/small-ba07d6ecd94abc14fb4fc4dba5f8f228.webp 600w, https://assets.fabulous.ch/public/variant_asset/6082/file/medium-d5090078cf9c0d779bedfea52dc6e786.webp 900w, https://assets.fabulous.ch/public/variant_asset/6082/file/large-ac71959650fdcfb1d15871b0db38079c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6082/file/medium-d5090078cf9c0d779bedfea52dc6e786.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">Oatly</p>
          <a href="/en/products/mocha-latte-organic-235-ml-11932">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mocha Latte Organic, 235 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

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

      </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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fdrinks%2Fmiscellaneous%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/en/products/stainless-steel-drinking-straws-6-pcs-6-piece-15369">
          <img alt="Stainless Steel Drinking Straws" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7019/file/small-070f9825c56068cb16388d7297db3355.webp 600w, https://assets.fabulous.ch/public/variant_asset/7019/file/medium-e83b24b997f8a793fef299142e4c4e76.webp 900w, https://assets.fabulous.ch/public/variant_asset/7019/file/large-039a827728a758f9c039c90728ad60c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7019/file/medium-e83b24b997f8a793fef299142e4c4e76.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">Bambaw</p>
          <a href="/en/products/stainless-steel-drinking-straws-6-pcs-6-piece-15369">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Stainless Steel Drinking Straws, 6 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LcWlgl1kCMPL9nTRGDvB2sgojnhDIgTBgXzuOjNXZq20pMKruTbhtz7CSK4h0bqESoFDmFJztL6BgYsQhZXDmw" />
    <input value="15369" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fdrinks%2Fmiscellaneous%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/en/products/bamboo-straw-set-1pc-1-piece-15371">
          <img alt="Bamboo Straw Set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7020/file/small-69bcb8facef23e5c8894a6d12fa344c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7020/file/medium-3c4c74271aa235e5b2d19913c4aa3b26.webp 900w, https://assets.fabulous.ch/public/variant_asset/7020/file/large-da15705f4ef4e78e4bb2b9f7c32ddc75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7020/file/medium-3c4c74271aa235e5b2d19913c4aa3b26.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">Bambaw</p>
          <a href="/en/products/bamboo-straw-set-1pc-1-piece-15371">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bamboo Straw Set, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ib2aiot3JMPnx56KdY2fkI-BOjBm0vKdtWGN8K0XOYO43P2jbyXNtxLzovVMZ-TODSj30HeDQuK1nOjaG9WctQ" />
    <input value="15371" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fdrinks%2Fmiscellaneous%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/en/products/uno-mate-bio-super-natural-club-330-ml-15464">
          <img alt="Uno Mate BIO – Super Natural Club" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7060/file/small-cb6922c72d5a9efe0c554eb63169ef7f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7060/file/medium-5ad7b866d8c804ee9824b20fc45e5aa8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7060/file/large-89c84e607494d80e27794d049c09893b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7060/file/medium-5ad7b866d8c804ee9824b20fc45e5aa8.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">Super Natural Club</p>
          <a href="/en/products/uno-mate-bio-super-natural-club-330-ml-15464">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Uno Mate BIO – Super Natural Club, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4WiumUmEaeY-MXF0zcdMAJVzqLuofCh88x7JzZ2hStJ4CcmwrdaAkssFTQv0LTdeF9plW7ktmAPz46znK2Pv5A" />
    <input value="15464" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fdrinks%2Fmiscellaneous%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/en/products/original-kanne-bread-drink-shot-organic-40-ml-16105">
          <img alt="Original Kanne Bread Drink Shot Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7432/file/small-bed93c77a74ead08ac2692137f4aa52c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7432/file/medium-7a6e1326dbcb6292aeaa2baa3990c642.webp 900w, https://assets.fabulous.ch/public/variant_asset/7432/file/large-252813222ade321026deb754c9b66b92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7432/file/medium-7a6e1326dbcb6292aeaa2baa3990c642.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">Kanne Brottrunk</p>
          <a href="/en/products/original-kanne-bread-drink-shot-organic-40-ml-16105">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Original Kanne Bread Drink Shot Organic, 40 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OSHfdVTVp2PamSRBB_OhIgVYhFuiU4QRChfZPO0s8J-gQLhcsIdOFy-tGD4-Gdp8h_FJu7MCNG4K6rwWW-5VqQ" />
    <input value="16105" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fdrinks%2Fmiscellaneous%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/kombucha-pear-fireweed-330-ml-17087">
          <img alt="Kombucha Pear &amp; Fireweed" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7956/file/small-cbd5620de9ec1a4fbd23c77f59eee316.webp 600w, https://assets.fabulous.ch/public/variant_asset/7956/file/medium-e4070a2ee0d90876853eaafc274edf06.webp 900w, https://assets.fabulous.ch/public/variant_asset/7956/file/large-d8fe49b69380a38c70c8b4e3f4e8b5f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7956/file/medium-e4070a2ee0d90876853eaafc274edf06.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">Rudy&#39;s Kombucha</p>
          <a href="/en/products/kombucha-pear-fireweed-330-ml-17087">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Pear &amp; Fireweed, 330 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 1.18 / 100 ml
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fdrinks%2Fmiscellaneous%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/en/products/elderflower-syrup-organic-500-ml-17357">
          <img alt="Elderflower Syrup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8097/file/small-2f6bfdbadbe0e70e14c1ff83a3c38b1f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8097/file/medium-6cda35af64ba6016befd78d867df8b48.webp 900w, https://assets.fabulous.ch/public/variant_asset/8097/file/large-fcf3b778e0cc8672d83bfd539f8e299b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8097/file/medium-6cda35af64ba6016befd78d867df8b48.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="/en/products/elderflower-syrup-organic-500-ml-17357">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Elderflower Syrup Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="miWBswo4EQLx1EaAr8fT-CqoBFiR9MwTapPS6eSkU8MDROaa7mr4dgTgev-WLaimqAHJuIClfGxqbrfDUmb29Q" />
    <input value="17357" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fdrinks%2Fmiscellaneous%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/en/products/raspberry-syrup-organic-500-ml-17358">
          <img alt="Raspberry Syrup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8098/file/small-5694a7e6c8b1bae49ca0aae83514fb29.webp 600w, https://assets.fabulous.ch/public/variant_asset/8098/file/medium-4e4b403357b821c94913e4ed7bb655a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/8098/file/large-a32db9181543d3d6fc1f222d7ef1d656.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8098/file/medium-4e4b403357b821c94913e4ed7bb655a9.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="/en/products/raspberry-syrup-organic-500-ml-17358">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raspberry Syrup Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4WngQiFAqKY34pBn6Mf6lA_CJzVhFlKKriHwmV-OujN4CIdrxRJB0sLWrBjRLYHKjWvq1XBH4vWu3JWz6UwfBQ" />
    <input value="17358" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fdrinks%2Fmiscellaneous%3Fformat%3Dturbo_stream%26page%3D3">
    <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="/en/products/wild-lilli-syrup-organic-500-ml-17359">
          <img alt="Wild Lilli Syrup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8099/file/small-e07dd359e6ad1c40ff12b2ca314cf6dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/8099/file/medium-5e20e7ee152bc60f5db34d06a84db4af.webp 900w, https://assets.fabulous.ch/public/variant_asset/8099/file/large-4a8afa83d7d5708990d4da749167080e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8099/file/medium-5e20e7ee152bc60f5db34d06a84db4af.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="/en/products/wild-lilli-syrup-organic-500-ml-17359">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wild Lilli Syrup Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zDXCmgoP4t2vCeH0MFRqREfiY-1grj76Q0F7uffmqM5VVKWz7l0LqVo93YsJvhEaxUuuDXH_joVDvB6TQSQN-A" />
    <input value="17359" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fdrinks%2Fmiscellaneous%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/kombucha-passion-fruit-mango-330-ml-short-shelf-life-18-08-2026-20194">
          <img alt="Kombucha Passion Fruit &amp; Mango" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7957/file/small-c3008078d83931c57236f7a79ddaf475.webp 600w, https://assets.fabulous.ch/public/variant_asset/7957/file/medium-054e7a3054e95dfb2be9630b843de047.webp 900w, https://assets.fabulous.ch/public/variant_asset/7957/file/large-0244573990967d7af0279596a643b4d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7957/file/medium-054e7a3054e95dfb2be9630b843de047.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">Rudy&#39;s Kombucha</p>
          <a href="/en/products/kombucha-passion-fruit-mango-330-ml-short-shelf-life-18-08-2026-20194">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Passion Fruit &amp; Mango, 330 ml (Short shelf life 18.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.95</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SOh8HHPRCNG56h-4OxhXfMqNVULE_Eu4QgZ2oM4DAQXRiRs1l4PhpUzeI8cC8iwiSCSYotWt-8dC-xOKeMGkMw" />
    <input value="20194" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fdrinks%2Fmiscellaneous%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/coconut-matcha-shake-organic-220-ml-21953">
          <img alt="Coconut &amp; Matcha Shake Organic " class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11566/file/small-771e32ebc4eb3b1b9155dc741928bed7.webp 600w, https://assets.fabulous.ch/public/variant_asset/11566/file/medium-e77ca2171f2245763b18899cc7ec4271.webp 900w, https://assets.fabulous.ch/public/variant_asset/11566/file/large-6d329b1fc28e13f27c3c756616be569e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11566/file/medium-e77ca2171f2245763b18899cc7ec4271.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">Harvest Moon</p>
          <a href="/en/products/coconut-matcha-shake-organic-220-ml-21953">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconut &amp; Matcha Shake Organic , 220 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.15
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.43 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YE77MPp-WzaagRj5GZeraRUQwyKzZmObeESq6dawQcr5L5wZHiyyQm-1JIYgfdA3l7kOwqI30-R4uc_DYHLk_A" />
    <input value="21953" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fdrinks%2Fmiscellaneous%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/coconut-based-lemon-shake-organic-220-ml-21954">
          <img alt="Coconut Based Lemon Shake Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11567/file/small-c5c9e49590d6728bb28cf96620db250a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11567/file/medium-2e0349e8aad8acaad6a791160927d169.webp 900w, https://assets.fabulous.ch/public/variant_asset/11567/file/large-173b5cfb080375b721695b7cceae3341.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11567/file/medium-2e0349e8aad8acaad6a791160927d169.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">Harvest Moon</p>
          <a href="/en/products/coconut-based-lemon-shake-organic-220-ml-21954">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconut Based Lemon Shake Organic, 220 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.15
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.43 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q6JM-0BDRBDMkGBBOZCQ-fHXy_eX6oejvH1YEwpmgUPawyvSpBGtZDmkXD4Aeuunc34GF4a7N9y8gD05vKQkdQ" />
    <input value="21954" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fdrinks%2Fmiscellaneous%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/hazelnut-shake-with-a-coconut-base-organic-220-ml-21955">
          <img alt="Hazelnut Shake with a Coconut Base Organic " class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11568/file/small-d5bbd2fa1cad359f5d23c18507974dc5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11568/file/medium-5f84c09bb83ba527ecf0b47f0d4c5034.webp 900w, https://assets.fabulous.ch/public/variant_asset/11568/file/large-48139322b866ac178d259797dd20e78b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11568/file/medium-5f84c09bb83ba527ecf0b47f0d4c5034.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">Harvest Moon</p>
          <a href="/en/products/hazelnut-shake-with-a-coconut-base-organic-220-ml-21955">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hazelnut Shake with a Coconut Base Organic , 220 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.15
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.43 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n20rqXt40AesYayiIM58U0qPbS9TSv4vNkQOqiQ6eO4GDEyAnyo5c1lVkN0ZJAcNyCagz0IbTlA2uWuAkvjd2A" />
    <input value="21955" 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>
          Add to cart
</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">
      53 of 53 products
    </p>
  </div>
</div>

</template></turbo-stream>