<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="/fr/products/barre-fruitee-myrtille-bio-40-g-12142">
          <img alt="Barre Fruitée Myrtille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6142/file/small-b1535e06ec39ae662b55ed659d05d726.webp 600w, https://assets.fabulous.ch/public/variant_asset/6142/file/medium-9f03062261e18e1585beff88a55f8a80.webp 900w, https://assets.fabulous.ch/public/variant_asset/6142/file/large-548e04c517d41ff5b3cb2418bd7b7b86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6142/file/medium-9f03062261e18e1585beff88a55f8a80.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">Allos</p>
          <a href="/fr/products/barre-fruitee-myrtille-bio-40-g-12142">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre Fruitée Myrtille Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="egXwZl8A-zLs1zib4Tz7MtAqbpysGUryP6c886EyMDzUb9D2V8EQ74fW59PtLphOWo26LILGLreMv7PsvkALKQ" />
    <input value="12142" 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/barre-fruitee-canneberge-noix-de-cajou-bio-40-g-12143">
          <img alt="Barre Fruitée Canneberge Noix de Cajou Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6143/file/small-4c5118ed75c7cf86d53b406a64876ff8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6143/file/medium-bc517f1aa81ff313374780c7f9d6cd8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6143/file/large-151296cdf211b04a5b711963c8a48120.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6143/file/medium-bc517f1aa81ff313374780c7f9d6cd8f.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">Allos</p>
          <a href="/fr/products/barre-fruitee-canneberge-noix-de-cajou-bio-40-g-12143">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre Fruitée Canneberge Noix de Cajou Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="63Gav0YZZVy0Cw48mPOG0EwJ2tR61wkQecPh6XWWifFFG7ovTtiOgd8K0XSU4eWsxq4OZFQIbVXK2272auSy5A" />
    <input value="12143" 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/lingettes-eponges-3-pieces-3-piece-12151">
          <img alt="Lingettes Éponges" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6144/file/small-92bca60ccf7e5af497625cc02fcef5e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6144/file/medium-4abf7c91b7980c0dd3010c60f7843404.webp 900w, https://assets.fabulous.ch/public/variant_asset/6144/file/large-6d4482221d4093d5f7f79fd535efa6b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6144/file/medium-4abf7c91b7980c0dd3010c60f7843404.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">memo</p>
          <a href="/fr/products/lingettes-eponges-3-pieces-3-piece-12151">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lingettes Éponges, 3 pièces</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.07 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5yuRDIsPCS3IpmmGaOemFgqpVhdq5vWHwaVl3_GNMPtJQbGcg87i8KOnts5k9cVqgA6Cp0Q5kcJyverA7v8L7g" />
    <input value="12151" 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/chiots-chiens-a-macher-banane-citrouille-100-g-12208">
          <img alt="Chiots chiens à mâcher banane &amp; citrouille" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6149/file/small-21b2420fddcccbd3274deb98ba7f42bc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6149/file/medium-6a249bc729e39d760af3efd0db1ca7b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6149/file/large-2e5b9f9fdac8a54160cbc5d3e29a1bbe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6149/file/medium-6a249bc729e39d760af3efd0db1ca7b1.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">Soopa</p>
          <a href="/fr/products/chiots-chiens-a-macher-banane-citrouille-100-g-12208">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chiots chiens à mâcher banane &amp; citrouille, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12208-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">
    <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/batonnets-dentaires-pour-chiens-banana-citrouille-graines-de-lin-100-g-12209">
          <img alt="Bâtonnets dentaires pour chiens Banana, Citrouille &amp; Graines de lin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6150/file/small-394a67e2b8825ccaff9db7c953683adb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6150/file/medium-6ad3b8a7a36e720faa0bd531c631f4cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/6150/file/large-d5941868155e084cb37e25fe4a28a56a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6150/file/medium-6ad3b8a7a36e720faa0bd531c631f4cf.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">Soopa</p>
          <a href="/fr/products/batonnets-dentaires-pour-chiens-banana-citrouille-graines-de-lin-100-g-12209">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bâtonnets dentaires pour chiens Banana, Citrouille &amp; Graines de lin, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12209-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/got-an-itch-friandises-de-bien-etre-vegetaliennes-pour-chiens-100-g-12210">
          <img alt="Got an Itch? Friandises de bien-être végétaliennes pour chiens" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6151/file/small-4892e403e512f5c8d1167b00a0ae0c2a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6151/file/medium-ebe6a9b09beffed16a338b172a6b3900.webp 900w, https://assets.fabulous.ch/public/variant_asset/6151/file/large-9c37364913f186babeec15cbbb49dfa7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6151/file/medium-ebe6a9b09beffed16a338b172a6b3900.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">HOWND</p>
          <a href="/fr/products/got-an-itch-friandises-de-bien-etre-vegetaliennes-pour-chiens-100-g-12210">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Got an Itch? Friandises de bien-être végétaliennes pour chiens, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tToIRUpUWxaHQF2uhMpggDMLyMAw3enMvpkPuNtUyAcbUCjVQpWwy-xBguaI2AP8uawccB4CjYkNgYCnxCbzEg" />
    <input value="12210" 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/yup-you-stink-friandises-de-bien-etre-pour-chiens-100-g-12211">
          <img alt="Yup you Stink! Friandises de bien-être pour chiens" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6152/file/small-0fe6ea0a1ab241dedde5e3720717993a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6152/file/medium-1d7d9f16ba0de26cab8a9822c65aaf67.webp 900w, https://assets.fabulous.ch/public/variant_asset/6152/file/large-c36fb3d8b4116e2fbcbf02540f91d557.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6152/file/medium-1d7d9f16ba0de26cab8a9822c65aaf67.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">HOWND</p>
          <a href="/fr/products/yup-you-stink-friandises-de-bien-etre-pour-chiens-100-g-12211">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yup you Stink! Friandises de bien-être pour chiens, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WTBNS_3pklesmhbzPLA1ZW76PastXjoKMpR5Wdl2fRj3Wm3b9Sh5isebybswolYZ5F3pGwOBXk-BjPZGxgRGDQ" />
    <input value="12211" 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/playful-pup-friandises-de-bien-etre-pour-chiens-100-g-12214">
          <img alt="Playful Pup! Friandises de bien-être pour chiens" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6156/file/small-f037471c10c9cac47825ac2adf35b25d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6156/file/medium-333b6f4f3a79aadfbdcafe0773bf95fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/6156/file/large-f9d219325e1cd63d6b5297bba67d0568.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6156/file/medium-333b6f4f3a79aadfbdcafe0773bf95fe.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">HOWND</p>
          <a href="/fr/products/playful-pup-friandises-de-bien-etre-pour-chiens-100-g-12214">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Playful Pup! Friandises de bien-être pour chiens, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1Q05W-yU9Vax-KDuT9yCNXqdht_hRiDiAMLfv0VhkOd7ZxnL5FUei9r5f6ZDzuFJ8DpSb8-ZRKez2lCgWhOr8g" />
    <input value="12214" 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">
    <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/boules-de-chocolat-croquantes-saveur-de-miel-35-g-12245">
          <img alt="Boules de chocolat croquantes saveur de miel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6167/file/small-f020e169db3d769b0d605ca9b0add15c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6167/file/medium-de04340b0be1467f129e25d007e4f0c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6167/file/large-fdcaf02a3f5ad74f54a138760bac8475.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6167/file/medium-de04340b0be1467f129e25d007e4f0c6.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">Moo Free Chocolates</p>
          <a href="/fr/products/boules-de-chocolat-croquantes-saveur-de-miel-35-g-12245">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boules de chocolat croquantes saveur de miel, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12245-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/gel-douche-soin-sensitive-2en1-250-ml-12296">
          <img alt="Gel Douche Soin Sensitive 2en1" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6181/file/small-73dc698bfb1cca5d9d55fef6ce2d7371.webp 600w, https://assets.fabulous.ch/public/variant_asset/6181/file/medium-4669b5e458777d0163b90b29d71ede3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6181/file/large-ce33b1cbfb07bae623453bfd9c0c80a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6181/file/medium-4669b5e458777d0163b90b29d71ede3a.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">Lavera</p>
          <a href="/fr/products/gel-douche-soin-sensitive-2en1-250-ml-12296">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gel Douche Soin Sensitive 2en1, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XQbdrFHanLEU0OB5kwjDhoF5UOhWMaZQECBmp0wPQkHzbP08WRt3bH_RPzGfGqD6C96EWHjuwhWjOOm4U315VA" />
    <input value="12296" 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/gel-douche-rose-sauvage-bio-500-ml-12309">
          <img alt="Gel Douche Rose Sauvage Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6186/file/small-279f8588d415eb069efe907281f75377.webp 600w, https://assets.fabulous.ch/public/variant_asset/6186/file/medium-e5fdb69ec0b27378d171394207a02c3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6186/file/large-0ca7e64f45d3816117dd64e67180c863.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6186/file/medium-e5fdb69ec0b27378d171394207a02c3e.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="/fr/products/gel-douche-rose-sauvage-bio-500-ml-12309">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gel Douche Rose Sauvage Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qi6TYt1kcsmRlcbrxhAPD_mmYJ8SgzmdhyzaG6GsCiYERLPy1aWZFPqUGaPKAmxzcwG0LzxcXdg0NFUEvt4xMw" />
    <input value="12309" 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/gel-douche-avoine-bio-500-ml-12310">
          <img alt="Gel Douche Avoine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6187/file/small-4fca68edade69f6f8a711e6c7129c414.webp 600w, https://assets.fabulous.ch/public/variant_asset/6187/file/medium-a08a01e3de8db0c7f9dd4a98cc3473ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/6187/file/large-aecc3d5a27b09a93d80a9981ff2b6e76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6187/file/medium-a08a01e3de8db0c7f9dd4a98cc3473ac.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="/fr/products/gel-douche-avoine-bio-500-ml-12310">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gel Douche Avoine Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B9f0GJsIF_QdVsWKi2DRcbv4JCey7pq_gNaxfmqkVwWpvdSIk8n8KXZXGsKHcrINMV_wl5wx_vozzj5hddZsEA" />
    <input value="12310" 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/sauce-pour-les-grillade-african-spirit-sans-gluten-bio-210-ml-12327">
          <img alt="Sauce pour les grillade African Spirit Sans Gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6192/file/small-43bdbb6abfdc7f09faeb06dd68679128.webp 600w, https://assets.fabulous.ch/public/variant_asset/6192/file/medium-337b19ca0d3b46aa4d65f4127fe8d537.webp 900w, https://assets.fabulous.ch/public/variant_asset/6192/file/large-ba66a8718529343963be320a4aa88d3f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6192/file/medium-337b19ca0d3b46aa4d65f4127fe8d537.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">Naturata</p>
          <a href="/fr/products/sauce-pour-les-grillade-african-spirit-sans-gluten-bio-210-ml-12327">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce pour les grillade African Spirit Sans Gluten Bio, 210 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o4uG7cXparcQJkm2Vbj9iYB5kIf25qt-gvsYx3mFp54N4aZ9zSiBansnlv5Zqp71Ct5EN9g5zzsx45fYZveciw" />
    <input value="12327" 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/alpen-yod-l-energy-drink-bio-250-ml-12349">
          <img alt="Alpen Yod&#39;l Energy Drink Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6193/file/small-47bd79597050557680ea223ca87a9ae6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6193/file/medium-344c6eedff4ca39c17f499cb6c8be28b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6193/file/large-9779c0f3e9499c6ddb52d44c7dc3ad05.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6193/file/medium-344c6eedff4ca39c17f499cb6c8be28b.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">Holderhof</p>
          <a href="/fr/products/alpen-yod-l-energy-drink-bio-250-ml-12349">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alpen Yod&#39;l Energy Drink Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_MNOS6TBuGlNwFGbLMP880NUj_qoEcsIQPk6OxrKtS1SqW7brABTtCbBjtMg0Z-PyfNbSobOr03z4bUkBbiOOA" />
    <input value="12349" 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/piment-moulu-bio-40-g-12367">
          <img alt="Piment moulu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6199/file/small-f86138dbfdc6ccdfa113e2e0152ae818.webp 600w, https://assets.fabulous.ch/public/variant_asset/6199/file/medium-27e4a4b7def25872d9a6721608f85cce.webp 900w, https://assets.fabulous.ch/public/variant_asset/6199/file/large-26be4f26e7e9e8877336c4c3298905cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6199/file/medium-27e4a4b7def25872d9a6721608f85cce.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">Lebensbaum</p>
          <a href="/fr/products/piment-moulu-bio-40-g-12367">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Piment moulu Bio, 40 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 9.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YbGdCgefQJ4WyvE1yXFU2DEABYhLCTnrHnv9HWhW0hDP272aD16rQ33LLn3FYzeku6fROGXWXa6tY3ICdyTpBQ" />
    <input value="12367" 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/pesto-de-potiron-au-curry-fleurs-bio-130-g-12369">
          <img alt="Pesto de potiron au curry &amp; fleurs Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6202/file/small-fe3d61efedb20621c037b0f9d9ef7bf6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6202/file/medium-aadd937e714cfe430870ac8d52588050.webp 900w, https://assets.fabulous.ch/public/variant_asset/6202/file/large-9c105bd279bf8ed01e2da17a545bc244.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6202/file/medium-aadd937e714cfe430870ac8d52588050.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">LaSelva</p>
          <a href="/fr/products/pesto-de-potiron-au-curry-fleurs-bio-130-g-12369">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto de potiron au curry &amp; fleurs Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7kBXX8mI6J6xDvYRixxtdWhif_cmtgkAF9EgGrNX1x1AKnfPwUkDQ9oPKVmHDg4J4sWrRwhpbUWkya8FrCXsCA" />
    <input value="12369" 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/volcan-de-baignade-glitter-fish-luttes-welt-70-g-12382">
          <img alt="Volcan de baignade &quot;Glitter Fish&quot; Lüttes Welt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6206/file/small-f19119ab0d00715b504e46832b2f908c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6206/file/medium-4787ffc7df3aadfbc63b79a71a461bcd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6206/file/large-5ba04026089bd6851c68c561cd658e5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6206/file/medium-4787ffc7df3aadfbc63b79a71a461bcd.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">Lüttes Welt</p>
          <a href="/fr/products/volcan-de-baignade-glitter-fish-luttes-welt-70-g-12382">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Volcan de baignade &quot;Glitter Fish&quot; Lüttes Welt, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pqv6KwjRB3v8zr1NNcgEJSmhxif1zq7P3JTr94z3J4YIwdq7ABDsppfPYgU52mdZowYSl9sRyopvjGTok4Uckw" />
    <input value="12382" 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/melange-d-epices-umami-bio-60-g-12383">
          <img alt="Mélange d&#39;épices Umami Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6207/file/small-814aed497bd9333004e68b0eaa347065.webp 600w, https://assets.fabulous.ch/public/variant_asset/6207/file/medium-384d84667d39bd6a02aa49360513ff14.webp 900w, https://assets.fabulous.ch/public/variant_asset/6207/file/large-e03836e99e046a54016b4efe9c63765d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6207/file/medium-384d84667d39bd6a02aa49360513ff14.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/melange-d-epices-umami-bio-60-g-12383">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mélange d&#39;épices Umami Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="it5QgBIEysWP2VUGK67fGQGlPT6lNnj18Z2GExaQ3poktHAQGsUhGOTYik4nvLxliwLpjovpHLBChQkMCeLljw" />
    <input value="12383" 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/creme-de-noisettes-bionella-bio-400-g-12385">
          <img alt="Crème de Noisettes Bionella Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6209/file/small-6a7ab31e7b1c305a528adb75673e62c2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6209/file/medium-0c397fabf68c3dce7c886c68551ae1af.webp 900w, https://assets.fabulous.ch/public/variant_asset/6209/file/large-fb71a581e8a14c556ed4bed2c9629f3f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6209/file/medium-0c397fabf68c3dce7c886c68551ae1af.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">Rapunzel</p>
          <a href="/fr/products/creme-de-noisettes-bionella-bio-400-g-12385">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crème de Noisettes Bionella Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R3pdUPMslllq_ekWbs0rwPFqoVWwt7N2zTR9GWnzJ5npEH3A--19hAH8Nl5i30i8e8115Z5o1zN-LPIGdoEcjA" />
    <input value="12385" 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/pot-de-shampoing-en-aluminium-1-piece-12387">
          <img alt="Pot de shampoing en aluminium" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6212/file/small-2e3c032b47679de81a239a871bc4ea5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6212/file/medium-42a8d0e109370b65fdf591e92e3165cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6212/file/large-ea85ac781471a04724a65609d355b9dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6212/file/medium-42a8d0e109370b65fdf591e92e3165cd.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">Chey Haircare</p>
          <a href="/fr/products/pot-de-shampoing-en-aluminium-1-piece-12387">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pot de shampoing en aluminium, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12387-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>



</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;400 sur 3&#39;217 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/florentin?format=turbo_stream&amp;page=121">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>