<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/autocollant-poulet-mal-sain-1-piece-4524">
          <img alt="Autocollant : Poulet (mal)sain ?" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2794/file/small-aa539727f7d932960d360bacd1535ed5.webp 600w, https://assets.fabulous.ch/public/variant_asset/2794/file/medium-6ffbe0c0855d21845ccee18cd697466d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2794/file/large-fd2755c7e02ad2e0da85fdd0306e5fc1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2794/file/medium-6ffbe0c0855d21845ccee18cd697466d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Swissveg</p>
          <a href="/fr/products/autocollant-poulet-mal-sain-1-piece-4524">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Autocollant : Poulet (mal)sain ?, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LcGkn9M1kbIkO7cyhlbtassSYDFcoW3SefA8-Nw1y7pDHhJnynMxgy903rcx4FSGtfqCkPVBOljv6GSM5o7fwg" />
    <input value="4524" 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/spatzle-pates-fraiches-bio-500-g-4547">
          <img alt="Spätzle Pâtes Fraïches Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2796/file/small-7bfa42dbb249b63a282a2f145c5d5442.webp 600w, https://assets.fabulous.ch/public/variant_asset/2796/file/medium-6d49d0856066c1cc981c16d302bc787e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2796/file/large-323b6e0ebb6b9386ab89487cde51ad2e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2796/file/medium-6d49d0856066c1cc981c16d302bc787e.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">Pural</p>
          <a href="/fr/products/spatzle-pates-fraiches-bio-500-g-4547">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spätzle Pâtes Fraïches Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </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 0.99 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zcshxwk8EqQfp8zZfc_OM_cjMMsvFxrYxQ5UYumCuWKjFJc_EHqylRTopVzKeXfficvSaob3TVJTFgwW0zmtGg" />
    <input value="4547" 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/ongles-nail-polish-mystery-5-ml-4548">
          <img alt="Ongles Nail Polish Mystery" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2798/file/small-ac6363b439711dfe14d6e138f4a09943.webp 600w, https://assets.fabulous.ch/public/variant_asset/2798/file/medium-d48690b9652635d6c0d6bd552c206e41.webp 900w, https://assets.fabulous.ch/public/variant_asset/2798/file/large-c4af218475591b648ffa2118e5c677c5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2798/file/medium-d48690b9652635d6c0d6bd552c206e41.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/ongles-nail-polish-mystery-5-ml-4548">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ongles Nail Polish Mystery, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1cuoLQONSvtjoO2-4owoHQgP397AVVShcVWmDytw5T27FB7VGsvqymjvhDtVOpHxduc9f2m1AyvnTf57EcvxRQ" />
    <input value="4548" 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/simply-v-alternative-au-fromage-a-tartiner-herbes-150-g-4559">
          <img alt="Simply V Alternative au fromage à tartiner HERBES" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2805/file/small-29d86cad24c0f5f1b44cded11219d180.webp 600w, https://assets.fabulous.ch/public/variant_asset/2805/file/medium-46afb12716df45ad106d664d5e668e69.webp 900w, https://assets.fabulous.ch/public/variant_asset/2805/file/large-4a148ee8117a38c061328df2882aa6a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2805/file/medium-46afb12716df45ad106d664d5e668e69.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">Simply V</p>
          <a href="/fr/products/simply-v-alternative-au-fromage-a-tartiner-herbes-150-g-4559">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Simply V Alternative au fromage à tartiner HERBES, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </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.80 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-4559-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/simply-v-alternative-aux-fromage-en-tranches-gout-intense-150-g-4560">
          <img alt="Simply V Alternative aux Fromage en tranches GOÛT INTENSE" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2806/file/small-dcf7f1b4bf399c3c193d1dc20650ba39.webp 600w, https://assets.fabulous.ch/public/variant_asset/2806/file/medium-214e74cbcfb7e2a864a718838f89dbf0.webp 900w, https://assets.fabulous.ch/public/variant_asset/2806/file/large-d5bc2c6f4bdb986aa04c1cb52b5e9c6e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2806/file/medium-214e74cbcfb7e2a864a718838f89dbf0.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">Simply V</p>
          <a href="/fr/products/simply-v-alternative-aux-fromage-en-tranches-gout-intense-150-g-4560">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Simply V Alternative aux Fromage en tranches GOÛT INTENSE, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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.93 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-4560-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/farine-de-ble-blanche-demeter-1-kg-4596">
          <img alt="Farine de blé blanche Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2815/file/small-b144eaa554a9e7b41dc23d126068d7b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2815/file/medium-b10aeeb0d1d50a7e68af45d1dbab9b56.webp 900w, https://assets.fabulous.ch/public/variant_asset/2815/file/large-e6eaa12d7d9614d0defb61d2d4dde08d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2815/file/medium-b10aeeb0d1d50a7e68af45d1dbab9b56.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/farine-de-ble-blanche-demeter-1-kg-4596">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine de blé blanche Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="clCIagrQ4h5KMxnN9nAPul9t0KiZd4-XYKeKEN5oyFYcjz6SE5ZCL0F8cEhBxrZWIYUyCTCX2B32v9Jk5NPcLg" />
    <input value="4596" 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/bambou-utensiles-de-cuisine-pince-26cm-1-piece-4691">
          <img alt="Bambou utensiles de cuisine pince, 26cm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2853/file/small-6e93eaf0e5d9e93c2feb37645d635291.webp 600w, https://assets.fabulous.ch/public/variant_asset/2853/file/medium-7568354bd4236a7e5506b1ce3473c2a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/2853/file/large-07f8c537e14a5a9c7131f62e4dfab828.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2853/file/medium-7568354bd4236a7e5506b1ce3473c2a0.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">Stronghold</p>
          <a href="/fr/products/bambou-utensiles-de-cuisine-pince-26cm-1-piece-4691">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambou utensiles de cuisine pince, 26cm, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L5CpqTUmMD3dX8jsj_sxxuIDxNPNRj_IYotIfJFAmuRBTx9RLGCQDNYQoWk4TYgqnOsmcmSmaEL0kxAIq_uOnA" />
    <input value="4691" 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/bambou-utensiles-de-cuisine-spatule-a-trou-1-piece-4693">
          <img alt="Bambou utensiles de cuisine spatule à trou" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2855/file/small-501435500d633222e3965aa3157aaff2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2855/file/medium-f895d2a717a43a65408b07a44a21568a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2855/file/large-8b813c90e3aa0bacc02e5f11aa97b10c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2855/file/medium-f895d2a717a43a65408b07a44a21568a.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">Stronghold</p>
          <a href="/fr/products/bambou-utensiles-de-cuisine-spatule-a-trou-1-piece-4693">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambou utensiles de cuisine spatule à trou, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dLbnVKVx4qACuPrx6rfNm_LsfZQ8DV0-qfNzotOUkSIaaVGsvDdCkQn3k3RdAXR3jASfNZXtCrQ_6yvW6S-FWg" />
    <input value="4693" 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/bambou-utensiles-de-cuisine-spatule-35cm-1-piece-4694">
          <img alt="Bambou utensiles de cuisine spatule, 35cm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2859/file/small-6a10e91a8c05fb754edded0e25728f3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2859/file/medium-e7bd23d7acc32877fc43a5d19fbb0526.webp 900w, https://assets.fabulous.ch/public/variant_asset/2859/file/large-7c789e13e1f8a1a20bb4b81284b02d56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2859/file/medium-e7bd23d7acc32877fc43a5d19fbb0526.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">Stronghold</p>
          <a href="/fr/products/bambou-utensiles-de-cuisine-spatule-35cm-1-piece-4694">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambou utensiles de cuisine spatule, 35cm, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fvxs-WEv7fGhu9gTTiGYSLwQm-eR-jvrLsmPfc3SmQgQI9oBeGlNwKr0sZb5lyGkwvh5RjgabGG40dcJ92mNcA" />
    <input value="4694" 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/lemonplus-preparation-jus-de-citron-bio-200-ml-4749">
          <img alt="Lemonplus Préparation jus de citron Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2863/file/small-32541cbdcf3ce004c000a9511d2c4393.webp 600w, https://assets.fabulous.ch/public/variant_asset/2863/file/medium-0143803d5a715f491b0d046eb80b73b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2863/file/large-5b27b8bee831605487d1face7de43c68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2863/file/medium-0143803d5a715f491b0d046eb80b73b2.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">Lemon Plus</p>
          <a href="/fr/products/lemonplus-preparation-jus-de-citron-bio-200-ml-4749">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lemonplus Préparation jus de citron Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pxHS_MdU_d2FTgJulAQ1rilwVU8RBFrWOtyYTTkkuBXJzmQE3hJd7I4Ba-sjsoxCV5i37rjkDVysxMA5A5-sbQ" />
    <input value="4749" 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/ami-v-love-orange-every-day-patee-vege-pour-chiens-400-g-4765">
          <img alt="Ami V-Love ORANGE Every Day Pâtée Végé pour chiens" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2862/file/small-551abc5ab5186cd49723d41a16b1245e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2862/file/medium-fc81cd344eebce912d21765a8e1b954c.webp 900w, https://assets.fabulous.ch/public/variant_asset/2862/file/large-b68c39a1a1bc8854e19b12291ce6642c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2862/file/medium-fc81cd344eebce912d21765a8e1b954c.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">AMI</p>
          <a href="/fr/products/ami-v-love-orange-every-day-patee-vege-pour-chiens-400-g-4765">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ami V-Love ORANGE Every Day Pâtée Végé pour chiens, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CWoMug4dUcFD4zc7lq-dr6Plsj5QBRbzSHhbXKulmkhntbpCF1vx8EisXr4hGSRD3Q1Qn_nlQXneYAMokR6OMA" />
    <input value="4765" 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/ami-v-love-vert-patee-vege-pour-chiens-400-g-4766">
          <img alt="Ami V-Love VERT Pâtée Végé pour chiens" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2865/file/small-4530ebc01eb20105fdae39e45a085629.webp 600w, https://assets.fabulous.ch/public/variant_asset/2865/file/medium-84b07fdb060b1e5eeb9f8eb129bd88bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/2865/file/large-5107580dcbf8207d26badf2c77be4fb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2865/file/medium-84b07fdb060b1e5eeb9f8eb129bd88bc.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">AMI</p>
          <a href="/fr/products/ami-v-love-vert-patee-vege-pour-chiens-400-g-4766">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ami V-Love VERT Pâtée Végé pour chiens, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CcHasUBcqvniVCBdqeu9QE8Lwf0-q5GfeJDrxQb6Z1JnHmxJWRoKyOkbSdgeXQSsMeMjXJdLxhXuiLOxPEFzKg" />
    <input value="4766" 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/kombucha-urban-citronelle-hibiscus-bio-330-ml-4965">
          <img alt="Kombucha Urban Citronelle &amp; Hibiscus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2945/file/small-9c493c79401e1a289f44230d3b6f0727.webp 600w, https://assets.fabulous.ch/public/variant_asset/2945/file/medium-df880108b4b527bdaae32f8935c8e4c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2945/file/large-e1fd88292cd3969d78d7ce8f8b65d66c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2945/file/medium-df880108b4b527bdaae32f8935c8e4c8.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">Urban Kombucha</p>
          <a href="/fr/products/kombucha-urban-citronelle-hibiscus-bio-330-ml-4965">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kombucha Urban Citronelle &amp; Hibiscus Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z8HaRY--hHlTSzYKrYBTi03cHhBAY8SAuGO3M1-XYF-hHmy9lvgkSFgEX48aNupnMzT8semDkwoue-9HZSx0Jw" />
    <input value="4965" type="hidden" name="variant_id" id="variant_id" />
    <input value="12" 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/levure-seche-la-levure-de-boulanger-maitre-sans-gluten-bio-7-g-5004">
          <img alt="Levure seche La levure de boulanger maître 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/2958/file/small-e86ed2b7bfda13ecc3347bf964740d57.webp 600w, https://assets.fabulous.ch/public/variant_asset/2958/file/medium-8fce86a8f8019fb4a676524e80342a36.webp 900w, https://assets.fabulous.ch/public/variant_asset/2958/file/large-452e62e793f99ed341d4cd1c8dd8678f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2958/file/medium-8fce86a8f8019fb4a676524e80342a36.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">Biovegan</p>
          <a href="/fr/products/levure-seche-la-levure-de-boulanger-maitre-sans-gluten-bio-7-g-5004">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Levure seche La levure de boulanger maître Sans Gluten Bio, 7 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 20.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Yp0O4IgtKTbvqj5zm4JHT5dBzzuMWfQ56D6WCRVih-IMQrgYkWuJB-TlV_YsNP6j6aktmiW5o7N-Js59L9mTmg" />
    <input value="5004" 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/chapelure-d-epeautre-bio-200-g-5044">
          <img alt="Chapelure d’épeautre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2976/file/small-bbe1dff8f456d01396c092ceac4e15a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/2976/file/medium-d62d5f4f003c873b3e3b9d9c07c85ace.webp 900w, https://assets.fabulous.ch/public/variant_asset/2976/file/large-589a0bcb4748a4779fda376ada2be5ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2976/file/medium-d62d5f4f003c873b3e3b9d9c07c85ace.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/chapelure-d-epeautre-bio-200-g-5044">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chapelure d’épeautre Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hvQkeOrPGj0Rt54zNVEJfHvsTNJk3dCP1DAo6w1rYSHoK5KA84m6DBr497aC57CQBQSuc809hwVCKHCfN9B1WQ" />
    <input value="5044" 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/chapelure-mais-sans-gluten-sans-levure-bio-200-g-5045">
          <img alt="Chapelure Maïs Sans Gluten Sans Levure Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2978/file/small-4b2792ac4fc2323e030fafe9774f0a66.webp 600w, https://assets.fabulous.ch/public/variant_asset/2978/file/medium-c9166df195a0f9a2226ff21804e7b991.webp 900w, https://assets.fabulous.ch/public/variant_asset/2978/file/large-7d452061eae11ae2cd3672dc8849ebf7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2978/file/medium-c9166df195a0f9a2226ff21804e7b991.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/chapelure-mais-sans-gluten-sans-levure-bio-200-g-5045">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chapelure Maïs Sans Gluten Sans Levure Bio, 200 g</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 1.45 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vFOGPl9ngC_q0SxeIVoq4QlzGuNvnnyJVsouidbpK8PSjDDGRiEgHuGeRduW7JMNd5v4QsZ-KwPA0nb97FI_uw" />
    <input value="5045" 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/flocons-avoine-sans-gluten-fin-bio-475-g-5047">
          <img alt="Flocons Avoine Sans Gluten Fin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2981/file/small-3dad3ac7ecde9a2cefde1a7ec55f0083.webp 600w, https://assets.fabulous.ch/public/variant_asset/2981/file/medium-88d66d69ebf69274fafdb7df8325c3ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/2981/file/large-ebe2aef4632cf83064404b8446bc86a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2981/file/medium-88d66d69ebf69274fafdb7df8325c3ab.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/flocons-avoine-sans-gluten-fin-bio-475-g-5047">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocons Avoine Sans Gluten Fin Bio, 475 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YQI7jy9vUjF_ssnETauv9Ol8DzmbwjrcynJq4GP_o34P3Y13NinyAHT9oEH6HRYYl5TtmDIibVZcajKUWUS3Bg" />
    <input value="5047" 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/mix-pour-pate-a-pizza-epautre-demeter-350-g-5049">
          <img alt="Mix pour Pâte à Pizza épautre Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2982/file/small-24c1f0d3eeaed88e6880439a83f521da.webp 600w, https://assets.fabulous.ch/public/variant_asset/2982/file/medium-e9721c108fac0758c79caeba8e0b7873.webp 900w, https://assets.fabulous.ch/public/variant_asset/2982/file/large-f0405acd403b1a995c6becc1b701f691.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2982/file/medium-e9721c108fac0758c79caeba8e0b7873.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/mix-pour-pate-a-pizza-epautre-demeter-350-g-5049">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mix pour Pâte à Pizza épautre Demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PtSH-_QUcNTDNvjhtiZ1400hNt3p-eQcWrDHKiwoNzdQCzED7VLQ5ch5kWQBkMwPM8nUfEAZs5bMqJ9eFpMjTw" />
    <input value="5049" 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/mini-choc-bars-fourres-a-la-fraise-100-g-5050">
          <img alt="Mini Choc Bars fourrés à la fraise" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2984/file/small-d45d7f4432e83b983bf5a33e54bcca40.webp 600w, https://assets.fabulous.ch/public/variant_asset/2984/file/medium-d1f655356926fe3dabf8429c28411192.webp 900w, https://assets.fabulous.ch/public/variant_asset/2984/file/large-23a8b01e3bdf68377d666667fb304d83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2984/file/medium-d1f655356926fe3dabf8429c28411192.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">Vantastic</p>
          <a href="/fr/products/mini-choc-bars-fourres-a-la-fraise-100-g-5050">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Choc Bars fourrés à la fraise, 100 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 4.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gFO4WfrHHpb1ILgan9ozurfkxTxsonKt0JSlNHTfvn7ujA6h44G-p_5v0Z8obIpWyQwnncVCJSdGjP1ATmSqBg" />
    <input value="5050" 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/schlagfix-creme-comme-mascarpone-250-ml-5088">
          <img alt="Schlagfix Crème comme Mascarpone" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2996/file/small-f2ec0a801305009c985d80b8ca91bfc3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2996/file/medium-7173a8e909df703cd3710b6435a769db.webp 900w, https://assets.fabulous.ch/public/variant_asset/2996/file/large-ebc305b0f0aa5dc4255c875eab56c49d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2996/file/medium-7173a8e909df703cd3710b6435a769db.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">Schlagfix</p>
          <a href="/fr/products/schlagfix-creme-comme-mascarpone-250-ml-5088">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schlagfix Crème comme Mascarpone, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </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 1.60 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w2619WFRMVSnQCz0shJrNDtry1BiLOWxHtbQQQkmZIOtsQMNeBeRZawPRXEFpNLYRYMp8cvMsjuIzog1M51w-w" />
    <input value="5088" 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">
      300 sur 1&#39;217 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/collections/under-5?format=turbo_stream&amp;page=16">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>