<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/shampooing-et-douche-pour-enfants-2en1-canard-a-la-mangue-60-g-8879">
          <img alt="Shampooing et douche pour enfants 2en1 canard à la mangue" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5139/file/small-e0c20d11e50de195e89f63eabf3fa209.webp 600w, https://assets.fabulous.ch/public/variant_asset/5139/file/medium-3600cae92640a5d466382c3d3b9ce202.webp 900w, https://assets.fabulous.ch/public/variant_asset/5139/file/large-11f693116f4725c91ab3481d2d7dc9c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5139/file/medium-3600cae92640a5d466382c3d3b9ce202.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">Hydrophil</p>
          <a href="/fr/products/shampooing-et-douche-pour-enfants-2en1-canard-a-la-mangue-60-g-8879">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing et douche pour enfants 2en1 canard à la mangue, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7sY_PCl4Coqp_aWUeUvUdjwTs_qfeYB6Fq2hBi4HLexkXK0lbfnewp2UdYUeg4YAo125UYOgF0lgrBbhNCbxew" />
    <input value="8879" 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/dentifrice-enfant-a-l-abricot-souris-avec-fluor-75-ml-8882">
          <img alt="Dentifrice Enfant à l&#39;abricot - Souris - avec fluor" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5142/file/small-68d2b9cc2f4b0d40f6db004bb091d164.webp 600w, https://assets.fabulous.ch/public/variant_asset/5142/file/medium-f1e3855e73f4bff42360e9263a2a3e7f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5142/file/large-821c63dfc9254cecb5948a87965f8ed5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5142/file/medium-f1e3855e73f4bff42360e9263a2a3e7f.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">Hydrophil</p>
          <a href="/fr/products/dentifrice-enfant-a-l-abricot-souris-avec-fluor-75-ml-8882">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dentifrice Enfant à l&#39;abricot - Souris - avec fluor, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NBVGd8uR1J0QRPMZX4h1wxWQoEdDlVXJBKxUVEdclya-j9RujxAA1SQtIwg4QCe1it6q7F9MwvpyreOzXX1LsQ" />
    <input value="8882" 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-tomate-enfants-sans-sucre-ajoute-demeter-330-ml-8883">
          <img alt="Sauce Tomate Enfants sans sucre ajouté Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5144/file/small-6775379215d9061b8ef4589d1f0e6d10.webp 600w, https://assets.fabulous.ch/public/variant_asset/5144/file/medium-0aab3a6ee42ce3e0118ce1c97acde988.webp 900w, https://assets.fabulous.ch/public/variant_asset/5144/file/large-c0b2dfe416d09d80e18bce75daa7faa3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5144/file/medium-0aab3a6ee42ce3e0118ce1c97acde988.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-tomate-enfants-sans-sucre-ajoute-demeter-330-ml-8883">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Tomate Enfants sans sucre ajouté Demeter, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tXHArNRuD3Ps00zDkb_gAo259MuTMngd8uePr20fqig_61K1kO_bO9i6nNL2d7J0Evf-YI_r7y6E5jhIdz52vw" />
    <input value="8883" 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/sauce-tomate-enfants-douceur-de-la-pomme-bio-334-ml-8884">
          <img alt="Sauce Tomate Enfants douceur de la pomme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5146/file/small-0a7c55b98c191319ed15c3bd8bd0a9b5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5146/file/medium-8302bde8a5d57cdf7fc61275067520f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/5146/file/large-3190d7a4bfe8bc4937c13c3cebcccd80.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5146/file/medium-8302bde8a5d57cdf7fc61275067520f9.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">Zwergenwiese</p>
          <a href="/fr/products/sauce-tomate-enfants-douceur-de-la-pomme-bio-334-ml-8884">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Tomate Enfants douceur de la pomme Bio, 334 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2IJlD_e7pp13W1CjrbFa21O7eVCc7J4jBW7z-Ir4jg5SGPcWszpy1UMygLLKeQitzPVz-4A1CRBzb0QfkNlSmQ" />
    <input value="8884" 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/batonnets-de-bretzel-carotte-bio-75-g-8885">
          <img alt="Bâtonnets de bretzel Carotte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5151/file/small-a5b6ae76374978eb1a9d209cb8227cea.webp 600w, https://assets.fabulous.ch/public/variant_asset/5151/file/medium-d5d80bef5dfc6641736039920c532fe9.webp 900w, https://assets.fabulous.ch/public/variant_asset/5151/file/large-d0d95bd7bf1c677551388ad32ae93f42.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5151/file/medium-d5d80bef5dfc6641736039920c532fe9.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">Freche Freunde</p>
          <a href="/fr/products/batonnets-de-bretzel-carotte-bio-75-g-8885">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bâtonnets de bretzel Carotte Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8Tkv6EExVlvNDsDDdV5-0tQQE9CDhnkERUv9WdbJ00N7o73xBbCCE_lnENISliykS14Ze59f7jczSkq-zOgP1A" />
    <input value="8885" 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/chips-biosaurus-babe-ketchup-bio-50-g-8903">
          <img alt="Chips Biosaurus Babe Ketchup Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5161/file/small-5ea13d56ecd2fd766951891055a3b526.webp 600w, https://assets.fabulous.ch/public/variant_asset/5161/file/medium-b4d2557a8d423eedddfabad99f59893b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5161/file/large-6051789ddf94d2f02eccf3d58f77dfe0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5161/file/medium-b4d2557a8d423eedddfabad99f59893b.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">BioSaurus</p>
          <a href="/fr/products/chips-biosaurus-babe-ketchup-bio-50-g-8903">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Biosaurus Babe Ketchup Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AKBxpHIXza3wcGo5Tx1OFKz7i5PV-Lmy2TNxFR2em5uKOuO9NpYZ5cQZuigo1RxiM7WBOMkhLoGvMsbyB79HDA" />
    <input value="8903" 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/chips-biosaurus-junior-sel-marin-bio-50-g-8904">
          <img alt="Chips Biosaurus Junior sel marin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5162/file/small-411136c5a389bd8c1a017c095f84c034.webp 600w, https://assets.fabulous.ch/public/variant_asset/5162/file/medium-51201eeaf9e2d52a27227c5b0a749ef8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5162/file/large-14296d30e2bc3941b8696a96cdee97cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5162/file/medium-51201eeaf9e2d52a27227c5b0a749ef8.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">BioSaurus</p>
          <a href="/fr/products/chips-biosaurus-junior-sel-marin-bio-50-g-8904">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Biosaurus Junior sel marin Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RMnZ1zhiSFb6TKx0KW9r1MkJdEhZ1hXm_6meJa6_u57OU0vOfOOcHs4lfGVOpzmiVkd-40UPgtWJqCnCtJ5nCQ" />
    <input value="8904" 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/d-angelo-cappelletti-a-la-farine-de-ble-entier-farci-aux-legumes-bio-250-g-8929">
          <img alt="D&#39;Angelo Cappelletti à la farine de blé entier farci aux légumes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5166/file/small-eeeeb63ffdfd8419fc8deadb307c6814.webp 600w, https://assets.fabulous.ch/public/variant_asset/5166/file/medium-9209e05b0cc0f0b46d970210b875f814.webp 900w, https://assets.fabulous.ch/public/variant_asset/5166/file/large-1c50f865ae4f8a78e86244407cae3751.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5166/file/medium-9209e05b0cc0f0b46d970210b875f814.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">D&#39;Angelo Pasteria</p>
          <a href="/fr/products/d-angelo-cappelletti-a-la-farine-de-ble-entier-farci-aux-legumes-bio-250-g-8929">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">D&#39;Angelo Cappelletti à la farine de blé entier farci aux légumes Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vRN98bbnfGLCOJbaQDoUEILMkwoGtINFGegOzNybC-k3ie_o8maoKvZRRssn8kZmHYKZoRptFHZv6bkrxrrXfg" />
    <input value="8929" 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/sirop-d-agave-bio-725-ml-8930">
          <img alt="Sirop d&#39;Agave Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5168/file/small-85ddfdd68ec42bc818d1322322eb58c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5168/file/medium-895a2e5d38987b250fc8b6b136f0ffab.webp 900w, https://assets.fabulous.ch/public/variant_asset/5168/file/large-fb48be7cabb72ad6e82b5e2423f27523.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5168/file/medium-895a2e5d38987b250fc8b6b136f0ffab.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/sirop-d-agave-bio-725-ml-8930">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sirop d&#39;Agave Bio, 725 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BmJ7A2hIK0dDSNhmxm08i7xJZFOG4Hd3ovMiKoFIfHyM-OkaLMn_D3chCHehpW79Iwdu-Jo54ETU8pXNm2mg6w" />
    <input value="8930" 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-dog-baies-rouges-biscuits-500-g-8931">
          <img alt="Ami Dog Baies Rouges Biscuits" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5169/file/small-658abf52b32324275cffb3c36533c324.webp 600w, https://assets.fabulous.ch/public/variant_asset/5169/file/medium-98f0de5174546dfe75c0385a9191a9be.webp 900w, https://assets.fabulous.ch/public/variant_asset/5169/file/large-8c220cc88c53cbbc6da4f4cd9a68d590.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5169/file/medium-98f0de5174546dfe75c0385a9191a9be.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-dog-baies-rouges-biscuits-500-g-8931">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ami Dog Baies Rouges Biscuits, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XD7HGWhgLKfU1IK34I59g7SOqXFBw7xrSZfO7IXm4KLWpFUALOH47-C9UqaHRi_1K8Cj2l0aK1g_lnkLn8c8NQ" />
    <input value="8931" 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/bain-moussant-reconfortant-200-ml-8965">
          <img alt="Bain Moussant RÉCONFORTANT" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5174/file/small-527054f4eada73bbd00ab74be2a8b84b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5174/file/medium-f0172ee7e4fd58d5e9a44e00a2cab276.webp 900w, https://assets.fabulous.ch/public/variant_asset/5174/file/large-3cb378144dbcb54428ac88a9648bc2f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5174/file/medium-f0172ee7e4fd58d5e9a44e00a2cab276.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">farfalla</p>
          <a href="/fr/products/bain-moussant-reconfortant-200-ml-8965">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bain Moussant RÉCONFORTANT, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KrvD--dZGkkrjQwcs78vtOk9cvL_OVAfxbVjpsSRUCqgIVHio9jOAR_k3A3Ud33CdnN4WePgxyyztNRB3rCMvQ" />
    <input value="8965" 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/oreiller-en-mousse-de-bain-luttes-welt-50-g-8966">
          <img alt="Oreiller en mousse de bain 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/5176/file/small-909d2a5df12359e65f1ab4209d8c54e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5176/file/medium-15d67bed6b5860005291e4f323371a9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5176/file/large-4bb894d52e51fbc143b45ef9fc9876a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5176/file/medium-15d67bed6b5860005291e4f323371a9e.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/oreiller-en-mousse-de-bain-luttes-welt-50-g-8966">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oreiller en mousse de bain Lüttes Welt, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0eMvTcdEccoAkby-0_Koi_cuL9svLXqw0dy-6fYhSAdbeb1Ug8WlgjT4bK-0Ovr9aGAlcDP07YOn3QkO7ACUkA" />
    <input value="8966" 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/chips-fruites-fraise-bio-16-g-8970">
          <img alt="Chips fruités fraise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5182/file/small-f3edc61125ee08bb2bc5838808c99d4a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5182/file/medium-0ea0ade5c4050eed06f719ccb691ff74.webp 900w, https://assets.fabulous.ch/public/variant_asset/5182/file/large-615d97a0a69a0b30feb7987fa19020b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5182/file/medium-0ea0ade5c4050eed06f719ccb691ff74.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">Freche Freunde</p>
          <a href="/fr/products/chips-fruites-fraise-bio-16-g-8970">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips fruités fraise Bio, 16 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 21.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AWmuUHiZ1FKjO-rkjHMFYCnhX0Ml8eB2Inn_GTU4icuL8zxJPBgAGpdSOvXru1cWtq9V6Dkod0VUeEj-LxlVXA" />
    <input value="8970" 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-dog-pomme-cannelle-biscuits-500-g-9084">
          <img alt="Ami Dog Pomme Cannelle Biscuits" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5193/file/small-26c874696f04686f049cb2faab3565e0.webp 600w, https://assets.fabulous.ch/public/variant_asset/5193/file/medium-41a0f4cfd38896e3d03c9ab8db9b0101.webp 900w, https://assets.fabulous.ch/public/variant_asset/5193/file/large-b4a05f508bd9d053a0265e991be5c6c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5193/file/medium-41a0f4cfd38896e3d03c9ab8db9b0101.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-dog-pomme-cannelle-biscuits-500-g-9084">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ami Dog Pomme Cannelle Biscuits, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ssXd6QeIvO8sb9xfu6S5rueQBFcBJN4wu1Dt21zyDmM4X0_wQwlopxgGDE7cbOvYeN4O_B39SQPNUVo8RtPS9A" />
    <input value="9084" 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/pop-corn-mais-bio-200-g-9153">
          <img alt="Pop-Corn Maïs Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5196/file/small-3552b3f389b04afc4e3c807cc0b20d1c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5196/file/medium-fb6983dc3bdb115227fb3061729acfff.webp 900w, https://assets.fabulous.ch/public/variant_asset/5196/file/large-85ff5a5c7c42b9fa6c428c26923b3b19.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5196/file/medium-fb6983dc3bdb115227fb3061729acfff.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">Biofarm</p>
          <a href="/fr/products/pop-corn-mais-bio-200-g-9153">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pop-Corn Maïs Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q1mOk6ecBrk-2yrlvUlN4nZoFZpXd0xPeWxV72ws3erJwxyK4x3S8Qqy-vTagR-U6SYfMUuu23wPbeIIdg0BfQ" />
    <input value="9153" 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/vinaigre-ume-su-umeboshi-bio-145-ml-9156">
          <img alt="Vinaigre Ume Su Umeboshi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5199/file/small-07d7c0f24ea3f6c842f72956e80afad0.webp 600w, https://assets.fabulous.ch/public/variant_asset/5199/file/medium-9a937000b9e18e36533a3b09117445b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5199/file/large-bb88a15970c792fa08b4ca60b55e3875.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5199/file/medium-9a937000b9e18e36533a3b09117445b4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/fr/products/vinaigre-ume-su-umeboshi-bio-145-ml-9156">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vinaigre Ume Su Umeboshi Bio, 145 ml</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 2.62 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AArn69DfycqlDtoGcqkzvnW4yDaNMs85cRGNMBcJzRuKkHXylF4dgpFnChcVYWHI6vbCnZHrWAoHEDrXDSgRjA" />
    <input value="9156" 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/amandes-blanc-moulues-en-gros-bio-5-kg-9185">
          <img alt="Amandes blanc moulues en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5211/file/small-5e4747da3f40486197df9756c054228f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5211/file/medium-7a5bcb1801f92a1ac24d5bcb3a8d9bf8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5211/file/large-7b83324838b8f74fbbc421aeaea400f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5211/file/medium-7a5bcb1801f92a1ac24d5bcb3a8d9bf8.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">Bio Grosshandel</p>
          <a href="/fr/products/amandes-blanc-moulues-en-gros-bio-5-kg-9185">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amandes blanc moulues en gros Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 118.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nNb9M1rRRIR-01QZr6XE9JP8IP3iAX436V2Gw497TFIWTG8qHlCQzEq6hAjIbZaCDLIqVv7Y6QSfXDEklVqQxQ" />
    <input value="9185" 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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/barre-loveraw-wafer-bar-cre-m-42-g-9225">
          <img alt="Barre LoveRaw Wafer Bar Cre&amp;m" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5247/file/small-68e860817cffb3988b4104794924a247.webp 600w, https://assets.fabulous.ch/public/variant_asset/5247/file/medium-ff8224de6b4b48128af7d4f7c7153659.webp 900w, https://assets.fabulous.ch/public/variant_asset/5247/file/large-2ea1f6194e40f4c5c941e35d044b8e3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5247/file/medium-ff8224de6b4b48128af7d4f7c7153659.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">Love Raw</p>
          <a href="/fr/products/barre-loveraw-wafer-bar-cre-m-42-g-9225">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre LoveRaw Wafer Bar Cre&amp;m, 42 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Sa3MlbXB8a14sWU7NOngFVdmp6gNtwSc_zgZYDjFDK_DN16M8UAl5UzYtSpTIbJjyCitAxFuk6-JOa6HIuTQOA" />
    <input value="9225" 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/boisson-a-base-d-avoine-barista-edition-500-ml-9227">
          <img alt="Boisson à base d&#39;avoine Barista Edition" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5254/file/small-b858f30641a2a93e79086acab8b6518e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5254/file/medium-e9b212c17d4745dc5135dcb909d0f268.webp 900w, https://assets.fabulous.ch/public/variant_asset/5254/file/large-4fae1b689cc5272f33516ff7e4d4e09b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5254/file/medium-e9b212c17d4745dc5135dcb909d0f268.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Oatly</p>
          <a href="/fr/products/boisson-a-base-d-avoine-barista-edition-500-ml-9227">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson à base d&#39;avoine Barista Edition, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HyP0drKsscp1IuMK9kt-xdu2QJ600xKlA3wfN7TxCxWVuWZv9i1lgkFLMxuRgyyzRPhKNagKhZZ1fajQrtDXgg" />
    <input value="9227" 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/veggiemix-burger-bio-170-g-9257">
          <img alt="VeggieMix Burger Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5265/file/small-696939e90389bc5baf6b7aef33bd665e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5265/file/medium-1820a97572016fa67f2347415df4ec80.webp 900w, https://assets.fabulous.ch/public/variant_asset/5265/file/large-506b23ab1e8b89fd50781f8dcfff7a5f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5265/file/medium-1820a97572016fa67f2347415df4ec80.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/veggiemix-burger-bio-170-g-9257">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VeggieMix Burger Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LpMAc0yQHA5DVeic3tiTAE9k1z3c1CohFvelqKtOhAKkCZJqCBHIRnc8OI25EMF20CrdlsANvRJg9hJPsW9YlQ" />
    <input value="9257" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      2&#39;220 sur 3&#39;209 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/fupi?format=turbo_stream&amp;page=112">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>