<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">
    <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">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/nappage-biscoff-topping-1-kg-12939">
          <img alt="Nappage Biscoff Topping" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6356/file/small-bb12ee89ccb94e4f1fe1673f9a73556d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6356/file/medium-0ed3608a684c64b37df3ef462a9dc125.webp 900w, https://assets.fabulous.ch/public/variant_asset/6356/file/large-c46e51994b281741f75f1e7e5b521b85.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6356/file/medium-0ed3608a684c64b37df3ef462a9dc125.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">Lotus Biscoff</p>
          <a href="/fr/products/nappage-biscoff-topping-1-kg-12939">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nappage Biscoff Topping, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.20
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bacon-ish-aroma-bio-40-g-12958">
          <img alt="Bacon`ish Aroma Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6357/file/small-e9bfcb097e975160ca624ec909820806.webp 600w, https://assets.fabulous.ch/public/variant_asset/6357/file/medium-f134897e77a19a6413d5ab95715dee34.webp 900w, https://assets.fabulous.ch/public/variant_asset/6357/file/large-7c1891da8799d932b1aef51460e4872a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6357/file/medium-f134897e77a19a6413d5ab95715dee34.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">Uhhmami</p>
          <a href="/fr/products/bacon-ish-aroma-bio-40-g-12958">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bacon`ish Aroma Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8z0mgkXIOHZWsk8kzfdih52sTo2fJIl7VvPDQ9woIrZ7Dx6e4D3V7Cd36TNKF4EfPQFVRgq2PTP3oV8mZXcXiw" />
    <input value="12958" 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>
          Ajouter au panier
</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="/fr/products/arome-truffle-ish-bio-40-g-12960">
          <img alt="Arôme Truffle`ish Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6359/file/small-0e53ef47e912f6895723c6dc30850e22.webp 600w, https://assets.fabulous.ch/public/variant_asset/6359/file/medium-ffb18863f1aa2040884cf3e001486a97.webp 900w, https://assets.fabulous.ch/public/variant_asset/6359/file/large-7af8f50e4cfa7ceeac92c5df8e705db8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6359/file/medium-ffb18863f1aa2040884cf3e001486a97.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">Uhhmami</p>
          <a href="/fr/products/arome-truffle-ish-bio-40-g-12960">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Arôme Truffle`ish Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QSGVDQqf8uKPdG8cmXOV1V8CgKPKsK8O4Yj_ezOLmh_JE60Rr2ofeP6xyQsek3ZN_6-baF8iG0ZA2mMeitSvIg" />
    <input value="12960" 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>
          Ajouter au panier
</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="/fr/products/blue-cheese-ish-aroma-bio-40-g-12961">
          <img alt="Blue Cheese`ish Aroma Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6361/file/small-ef21c84ddcc146677840c02ee02e16c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6361/file/medium-981c103933c4bccabbf28111ee6beeed.webp 900w, https://assets.fabulous.ch/public/variant_asset/6361/file/large-efcf89a5bbda0d579a2a5268525d315b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6361/file/medium-981c103933c4bccabbf28111ee6beeed.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">Uhhmami</p>
          <a href="/fr/products/blue-cheese-ish-aroma-bio-40-g-12961">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Blue Cheese`ish Aroma Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3RalJ2PYYw7T-cIE4argVMuZ0M3pjWJLnLe3zm6C_XdVJJ07xi2OlKI8ZBNmSgPMazTLBnwf1gM95Sur193ISg" />
    <input value="12961" 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>
          Ajouter au panier
</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="/fr/products/cheese-ish-aroma-bio-40-g-12962">
          <img alt="Cheese`ish Aroma Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6363/file/small-27af35139803da793f00727834145282.webp 600w, https://assets.fabulous.ch/public/variant_asset/6363/file/medium-c68699c1d51e877601822b9febaa7712.webp 900w, https://assets.fabulous.ch/public/variant_asset/6363/file/large-eaa4468f8bdb9c27d312ffeb35ecc96e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6363/file/medium-c68699c1d51e877601822b9febaa7712.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">Uhhmami</p>
          <a href="/fr/products/cheese-ish-aroma-bio-40-g-12962">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cheese`ish Aroma Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="si-iVFjz3l39jwmEGwsDfeR52xG0xahDnsvdjc6319I6HZpI_QYzx4xKr5Oc6-DlRNTA2iFXHAs_mUHod-ji7w" />
    <input value="12962" 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>
          Ajouter au panier
</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="/fr/products/ocean-ish-bouillon-bio-40-g-12965">
          <img alt="Ocean`ish Bouillon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6367/file/small-9d73f613ff72bcebe93045055ac7a9fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6367/file/medium-3ad5086c5e58c6ea315d5cea5590bb92.webp 900w, https://assets.fabulous.ch/public/variant_asset/6367/file/large-e2c5ab5f1a40f70a85a248f1a8c3d9a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6367/file/medium-3ad5086c5e58c6ea315d5cea5590bb92.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">Uhhmami</p>
          <a href="/fr/products/ocean-ish-bouillon-bio-40-g-12965">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ocean`ish Bouillon Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4tZCxjc2U9uBSGgFAobR4n-WFzmDKnKEIkiajdUjwi9q5HraksO-QfCNzhKFZjJ63zsM8ha4xsyDGgbobHz3Eg" />
    <input value="12965" 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>
          Ajouter au panier
</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="/fr/products/bouillon-de-legumes-bio-40-g-12966">
          <img alt="Bouillon de Légumes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6368/file/small-a6caca91f9731a78ac54be2cc8653916.webp 600w, https://assets.fabulous.ch/public/variant_asset/6368/file/medium-a44d55aef1cb774d4e34d2bef4f81a92.webp 900w, https://assets.fabulous.ch/public/variant_asset/6368/file/large-2dda62d6522837b5429d901c652c6752.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6368/file/medium-a44d55aef1cb774d4e34d2bef4f81a92.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">Uhhmami</p>
          <a href="/fr/products/bouillon-de-legumes-bio-40-g-12966">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouillon de Légumes Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U8f4ZhHZJM8-2oIs80D_ATbVvacH_LQBx9Q-905kSEvb9cB6tCzJVU8fJDt0oByZlnimbJJuAElmhqKS9zt9dg" />
    <input value="12966" 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>
          Ajouter au panier
</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">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tofu-saucisses-raucherknacker-bio-250-g-13008">
          <img alt="Tofu Saucisses &quot;Räucherknacker&quot; Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6375/file/small-1d855ec057c09c37b028e7ff3e9293b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6375/file/medium-bd8c1be4a4772d1b32288c2a638695fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6375/file/large-67a655cb3463fcd270ce6ae9ee882f8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6375/file/medium-bd8c1be4a4772d1b32288c2a638695fc.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">Taifun</p>
          <a href="/fr/products/tofu-saucisses-raucherknacker-bio-250-g-13008">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Saucisses &quot;Räucherknacker&quot; Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.16 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</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="/fr/products/lovechock-bliss-blanc-bio-70-g-13010">
          <img alt="Lovechock Bliss Blanc Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6373/file/small-92e87240ba9c827af617951d92693203.webp 600w, https://assets.fabulous.ch/public/variant_asset/6373/file/medium-d429e58f2322857c14c37145e8fd8652.webp 900w, https://assets.fabulous.ch/public/variant_asset/6373/file/large-767eaaab70417fc00976c611fa30bf63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6373/file/medium-d429e58f2322857c14c37145e8fd8652.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">Lovechock</p>
          <a href="/fr/products/lovechock-bliss-blanc-bio-70-g-13010">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lovechock Bliss Blanc Bio, 70 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 8.14 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nxqd5F8B3vZP9n88chWf7LGtdgkxNHEkGDpFSf4RW0cXKKX4-vQzbD4z2Sv19Xx0EQBtwqSmxWy5aNksR05ueg" />
    <input value="13010" 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>
          Ajouter au panier
</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="/fr/products/harissa-melange-d-epices-bio-70-g-13011">
          <img alt="Harissa Mélange d&#39;Épices Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6376/file/small-0115aad5ba4f21436904c0e983669f09.webp 600w, https://assets.fabulous.ch/public/variant_asset/6376/file/medium-61f9da11781215185ab153f24b117a00.webp 900w, https://assets.fabulous.ch/public/variant_asset/6376/file/large-9c8dd5693fee2bea7e575292830f20c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6376/file/medium-61f9da11781215185ab153f24b117a00.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="/fr/products/harissa-melange-d-epices-bio-70-g-13011">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Harissa Mélange d&#39;Épices Bio, 70 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 8.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2Pk-_lkebV9dr9gwAO1TElvKYBpUqyuAgIargqvMb-1Qywbi_OuAxSxqfieHDbCK-2d70cE5n8gh1DfnEpNa0A" />
    <input value="13011" 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>
          Ajouter au panier
</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="/fr/products/ecorces-de-psyllium-bio-250-g-13012">
          <img alt="Ecorces de Psyllium Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6377/file/small-b30f08d4eb7c9e785752c47732bfe04d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6377/file/medium-3f00e287c1a3fa7553d9f6d488fd9297.webp 900w, https://assets.fabulous.ch/public/variant_asset/6377/file/large-be146d5bec13b10da492a21d782bb7ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6377/file/medium-3f00e287c1a3fa7553d9f6d488fd9297.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="/fr/products/ecorces-de-psyllium-bio-250-g-13012">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ecorces de Psyllium Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lwxBjl9eRCOomn8B-BVH4omMMRQGiAzTAKQlcslSFg8fPnmS-qupudlf2RZ_9aR6KSEq35MauJuh9rkXcA0jMg" />
    <input value="13012" 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>
          Ajouter au panier
</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="/fr/products/pill-cosmetique-gel-creme-de-soin-50-ml-13109">
          <img alt="Pill Cosmétique - gel-crème de soin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6378/file/small-70f09a264fa7985fd494e19dd21c634f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6378/file/medium-97b8b24e3146e2e5fdbff4395b3e7e47.webp 900w, https://assets.fabulous.ch/public/variant_asset/6378/file/large-75928e2235c0e09d30ab58364ea7fd9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6378/file/medium-97b8b24e3146e2e5fdbff4395b3e7e47.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-gel-creme-de-soin-50-ml-13109">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - gel-crème de soin, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R3qQ7eHpNjNJK0iTMcZOokGt40CqfVkdHOedFQzDbTXPSKjxRBzbqTju7oS2Jq064QD4iz_v7VW9tQFwtZxYCA" />
    <input value="13109" 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>
          Ajouter au panier
</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="/fr/products/pill-cosmetique-creme-hydratante-a-la-vitamine-e-et-a-l-acide-hyaluronique-50-ml-13110">
          <img alt="Pill Cosmétique - Crème hydratante à la vitamine E et à l&#39;acide hyaluronique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6379/file/small-a112b4a1f4f3a48da14c60672e18cb98.webp 600w, https://assets.fabulous.ch/public/variant_asset/6379/file/medium-c33b33275a366bda23856f6200c0c07b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6379/file/large-94327ee08f465d893b4a799d855ec8aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6379/file/medium-c33b33275a366bda23856f6200c0c07b.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-creme-hydratante-a-la-vitamine-e-et-a-l-acide-hyaluronique-50-ml-13110">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Crème hydratante à la vitamine E et à l&#39;acide hyaluronique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GPf9snD0yahybJTNJv6lkkX_4x3C9K6zvwQF88DW4FGQxcWu1QEkMgOpMtqhHkYK5VL41ldmGvseVpmWeYnVbA" />
    <input value="13110" 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>
          Ajouter au panier
</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="/fr/products/pill-cosmetique-creme-hydratante-aux-omega-6-et-a-l-acide-hyaluronique-50-ml-13111">
          <img alt="Pill Cosmétique - Crème hydratante aux oméga 6 et à l&#39;acide hyaluronique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6380/file/small-de5a7b832be4d13d2553ce77ddab9b86.webp 600w, https://assets.fabulous.ch/public/variant_asset/6380/file/medium-69a159a76fb3a18da245efcf44bd0b90.webp 900w, https://assets.fabulous.ch/public/variant_asset/6380/file/large-c9ef14db5a0cb89c9a78dd4fc791a454.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6380/file/medium-69a159a76fb3a18da245efcf44bd0b90.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-creme-hydratante-aux-omega-6-et-a-l-acide-hyaluronique-50-ml-13111">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Crème hydratante aux oméga 6 et à l&#39;acide hyaluronique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I4qT0DpF2vRHww4kcStO_w-as1lrPJX-GgvfLHRRyqCruKvMn7A3bjYGqDP2y61nrzeokv6uIba7WUNJzQ7_nQ" />
    <input value="13111" 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>
          Ajouter au panier
</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="/fr/products/pill-cosmetique-creme-energisante-a-l-acide-procollagene-50-ml-13112">
          <img alt="Pill Cosmétique - Crème énergisante à l&#39;acide procollagène" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6381/file/small-aff552da762307481871036022ce7907.webp 600w, https://assets.fabulous.ch/public/variant_asset/6381/file/medium-d8ca6f237e295dd5e418826ef5631387.webp 900w, https://assets.fabulous.ch/public/variant_asset/6381/file/large-1f9fa8709bc31705fd8279d0a386f6b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6381/file/medium-d8ca6f237e295dd5e418826ef5631387.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-creme-energisante-a-l-acide-procollagene-50-ml-13112">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Crème énergisante à l&#39;acide procollagène, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rtSP7d93X5EbQ5InHXgZ4PfF0qXmxfwKb3UUbBiSCt0m5rfxeoKyC2qGNDCamPp4V2jJbnNXSELOJ4gJoc0_4A" />
    <input value="13112" 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>
          Ajouter au panier
</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="/fr/products/pill-cosmetique-creme-pour-le-visage-et-le-cou-a-l-acide-procollagene-50-ml-13113">
          <img alt="Pill Cosmétique - Crème pour le visage et le cou à l&#39;acide procollagène" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6382/file/small-ff3e5e4b61c5fa50ae1cf13c47a1ec67.webp 600w, https://assets.fabulous.ch/public/variant_asset/6382/file/medium-b26d0ae4d0f08dc0338af53ffd5b54b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6382/file/large-8ed3194d4a1940d0e71e5db3d61bf6c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6382/file/medium-b26d0ae4d0f08dc0338af53ffd5b54b9.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-creme-pour-le-visage-et-le-cou-a-l-acide-procollagene-50-ml-13113">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Crème pour le visage et le cou à l&#39;acide procollagène, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LCSAa7mgpDyiE-6E71xMPFB_veaYAr-vKF4abAJ5UfykFrh3HFVJptPWSJNovK-k8NKmLQ2QC-eJDIYJuyZkwQ" />
    <input value="13113" 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>
          Ajouter au panier
</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="/fr/products/pill-cosmetique-creme-nourrissante-a-l-acide-procollagene-50-ml-13114">
          <img alt="Pill Cosmétique - Crème nourrissante à l&#39;acide procollagène" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6383/file/small-23e6698aab00dc1f10f332becc8a8197.webp 600w, https://assets.fabulous.ch/public/variant_asset/6383/file/medium-65171eed36af92f9489cd838c8f5656c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6383/file/large-ecef754dea39048c857118b25138377a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6383/file/medium-65171eed36af92f9489cd838c8f5656c.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-creme-nourrissante-a-l-acide-procollagene-50-ml-13114">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Crème nourrissante à l&#39;acide procollagène, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yDFuUhZxG3QwtqlRUeDibrzdKKrjv4Dw3qOYmgsYoFFAA1ZOs4T27kFzD0bWAAH2HHAzYXYtNLh_8QT_skeVbA" />
    <input value="13114" 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>
          Ajouter au panier
</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="/fr/products/pill-cosmetique-ceramide-creme-redensifiante-pour-la-peau-50-ml-13115">
          <img alt="Pill Cosmétique - Céramide crème redensifiante pour la peau" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6384/file/small-11620c3b7351c0a0dae0d343dbdcce91.webp 600w, https://assets.fabulous.ch/public/variant_asset/6384/file/medium-ac8cc5548cbb5847590e5ec000ddbccb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6384/file/large-46f9fa4b0b5fa76f6d370ffb97370f5e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6384/file/medium-ac8cc5548cbb5847590e5ec000ddbccb.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-ceramide-creme-redensifiante-pour-la-peau-50-ml-13115">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Céramide crème redensifiante pour la peau, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hRlWF8TKEyH2Vezmo1wvePestIBt3_ncDGnn7McbKDkNK24LYT_-u4eQSvEkvMzgVwGvS_hNTZStO3uJfkQdBA" />
    <input value="13115" 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>
          Ajouter au panier
</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="/fr/products/pill-cosmetique-ceramide-creme-raffermissante-pour-la-peau-50-ml-13116">
          <img alt="Pill Cosmétique - Céramide crème raffermissante pour la peau" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6385/file/small-d9432bbca73d6bf9a83ef0ced453c660.webp 600w, https://assets.fabulous.ch/public/variant_asset/6385/file/medium-209d07dadf435ab48036d3cb1ef7b561.webp 900w, https://assets.fabulous.ch/public/variant_asset/6385/file/large-eda3632e9e986705fd518ad958532475.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6385/file/medium-209d07dadf435ab48036d3cb1ef7b561.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-ceramide-creme-raffermissante-pour-la-peau-50-ml-13116">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Céramide crème raffermissante pour la peau, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q0-Fhv9B7EFpeABxcdnlDN1dw3XBa_L_6dpJ5AxlTKsjfb2aWrQB2xi9pmb2OQaUffDYvlT5RrdIiNWBtTp5lg" />
    <input value="13116" 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>
          Ajouter au panier
</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="/fr/products/pill-cosmetique-creme-hyaluron-pour-les-yeux-et-les-levres-25-ml-13117">
          <img alt="Pill Cosmétique - Crème Hyaluron pour les yeux et les lèvres" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6386/file/small-e63ab8371305df9433294d353d737812.webp 600w, https://assets.fabulous.ch/public/variant_asset/6386/file/medium-66d0dbfdb607dcd97f3ca974789c8752.webp 900w, https://assets.fabulous.ch/public/variant_asset/6386/file/large-e554882fa3ff62a68fff381f87b8b3fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6386/file/medium-66d0dbfdb607dcd97f3ca974789c8752.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-creme-hyaluron-pour-les-yeux-et-les-levres-25-ml-13117">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Crème Hyaluron pour les yeux et les lèvres, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X6a_8Xzki66LbLe2A0d7qkguNKctQjqAIK7epPythWLXlIft2RFmNPqpEaGEp5gy6IMvbLjQjsiB_ELBRfKwXw" />
    <input value="13117" 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>
          Ajouter au panier
</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;520 sur 3&#39;237 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/heylife?format=turbo_stream&amp;page=127">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>