<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/preparation-pour-gateau-citron-demeter-485-g-1590">
          <img alt="Préparation pour gateau citron Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1269/file/small-d69c1e6cebbbe57afd3427cdcc2a11aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/1269/file/medium-2ea408fc324a1a6606934709c5b83d66.webp 900w, https://assets.fabulous.ch/public/variant_asset/1269/file/large-1b6c13b24c5be8e6387a13217211633c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1269/file/medium-2ea408fc324a1a6606934709c5b83d66.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/preparation-pour-gateau-citron-demeter-485-g-1590">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Préparation pour gateau citron Demeter, 485 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n0VB8D1mo_XVslOT-X0dnoFrQXPQSpSjG0qfyI0AFclNip33yWsy3wV9AYEVEaJXZ51CCmgN4mmBGTJtWsHiCQ" />
    <input value="1590" 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/saucisse-vegetalien-merguez-bio-200-g-1613">
          <img alt="Saucisse Végétalien Merguez Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1275/file/small-66fe0c6b56e3c5890d22507103277572.webp 600w, https://assets.fabulous.ch/public/variant_asset/1275/file/medium-e046e57a5e306de67eabfe3788f605de.webp 900w, https://assets.fabulous.ch/public/variant_asset/1275/file/large-6c2ab5ae6e876457d826d96323bfce8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1275/file/medium-e046e57a5e306de67eabfe3788f605de.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">Wheaty</p>
          <a href="/fr/products/saucisse-vegetalien-merguez-bio-200-g-1613">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Saucisse Végétalien Merguez Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </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 3.35 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aldjFYzixGSttyf9ZIxD4pUim8SWPue02lBbsUJEDLu4mL8SeO9VTn14de-I4Pwrc9SYvS55kX5AA_YUlYX7ew" />
    <input value="1613" 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/huile-de-noix-coco-bio-500-ml-1616">
          <img alt="Huile de noix coco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1283/file/small-d84d4ab43ac92b61d4d85f985993f339.webp 600w, https://assets.fabulous.ch/public/variant_asset/1283/file/medium-621f666ff73b80d768cde4fdc4162083.webp 900w, https://assets.fabulous.ch/public/variant_asset/1283/file/large-ddedf563dcf32058913d6000ec26e472.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1283/file/medium-621f666ff73b80d768cde4fdc4162083.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">Dr. Goerg</p>
          <a href="/fr/products/huile-de-noix-coco-bio-500-ml-1616">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile de noix coco Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U01Tpv-pJTrCVG18ugCv8AdEcmT0uENMzwxNPtXBwGeBgo-hC6S0EBKbP25WbBA54bJxHUz_NYZVX-CbAgA3pw" />
    <input value="1616" 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/huile-de-noix-coco-bio-1000-ml-1618">
          <img alt="Huile de noix coco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1285/file/small-3c02e7997712cd9d052546398b443b2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/1285/file/medium-d5d1909ec1f52e4dd8069786aff65fb0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1285/file/large-a1155dba4120811b8e1f5dbb458f97fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1285/file/medium-d5d1909ec1f52e4dd8069786aff65fb0.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">Dr. Goerg</p>
          <a href="/fr/products/huile-de-noix-coco-bio-1000-ml-1618">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile de noix coco Bio, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZGdLLUB6rUnDfxXAfNfubE31AV9TUwGPCvVqXMQ1OtS2qJcqtHc8YxOwR9KQu1GlqwMCJusUd0WQpsf5E_TNFA" />
    <input value="1618" 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/sucre-de-fleur-de-coco-en-sachet-bio-350-g-1619">
          <img alt="Sucre de fleur de coco en sachet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1286/file/small-63db0c6035145f339192d7ed675952b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1286/file/medium-8b71b06c3f324edcd31449f5610f05bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/1286/file/large-3078255a8b52f4063d3f2dc8afc49110.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1286/file/medium-8b71b06c3f324edcd31449f5610f05bd.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">Dr. Goerg</p>
          <a href="/fr/products/sucre-de-fleur-de-coco-en-sachet-bio-350-g-1619">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sucre de fleur de coco en sachet Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HR6B9FVuHPL-Z6bzf05-YK8qc0diiBTtlnz2WjgEbwLP0V3zoWON2C6o9OGTIsGpSdxwPtrPYicML1v_78WYwg" />
    <input value="1619" 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/the-noir-madagascan-vanille-demeter-20-sachets-20-sachet-1623">
          <img alt="Thé Noir Madagascan Vanille Demeter, 20 Sachets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1289/file/small-1e07f71a179b73e5e2713ab79f354a7f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1289/file/medium-20804c57edd756d0e429c4d17ae53348.webp 900w, https://assets.fabulous.ch/public/variant_asset/1289/file/large-407c9f13d8b5293ad10ecea6526dc479.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1289/file/medium-20804c57edd756d0e429c4d17ae53348.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">Hampstead Tea</p>
          <a href="/fr/products/the-noir-madagascan-vanille-demeter-20-sachets-20-sachet-1623">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Thé Noir Madagascan Vanille Demeter, 20 Sachets, 20 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RXiWMwl53p15ct5sWsJDqQiuRARPgSmgiA16_x0FdLGXt0o0_XRPt6m9jH62rvxg7lhHfffGX2oSXtdaysSDcQ" />
    <input value="1623" 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/the-vert-selection-bio-20-sachets-20-sachet-1627">
          <img alt="Thé Vert Selection Bio, 20 Sachets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1294/file/small-b2695c48ce49b1bbdb34fa924d0c23b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1294/file/medium-bd3a6ec94f8854f8de76b997d8542648.webp 900w, https://assets.fabulous.ch/public/variant_asset/1294/file/large-0c52f59b1ddd5511a251863b882c67d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1294/file/medium-bd3a6ec94f8854f8de76b997d8542648.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">Hampstead Tea</p>
          <a href="/fr/products/the-vert-selection-bio-20-sachets-20-sachet-1627">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Thé Vert Selection Bio, 20 Sachets, 20 sachets</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 0.30 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ExBhueVF5tJWgrQqcHDwsax0FMpzMUQSolkznqi1QoPB372-EUh3-IZN5jicHE94SoIXs8t2Mtg4Cp47f3S1Qw" />
    <input value="1627" 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/tampons-normal-regulieres-sans-applicateur-20pcs-20-piece-1675">
          <img alt="Tampons Normal / Régulières sans applicateur, 20pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1333/file/small-b068649a6ccd755a130a18b71375aa08.webp 600w, https://assets.fabulous.ch/public/variant_asset/1333/file/medium-75339cc9c3fa3a87a9a8072268f7b249.webp 900w, https://assets.fabulous.ch/public/variant_asset/1333/file/large-5136c407397e1fedf05362f814c9c745.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1333/file/medium-75339cc9c3fa3a87a9a8072268f7b249.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">Natracare</p>
          <a href="/fr/products/tampons-normal-regulieres-sans-applicateur-20pcs-20-piece-1675">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tampons Normal / Régulières sans applicateur, 20pcs, 20 pièces</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 0.27 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SRg2SjGJqL7bBVmLFYRD8o51sVAG7MkTOpCJviTiZCmb1-pNxYQ5lAvKC5n56Pw7aIOyKb6rv9mgwyQb8yOT6Q" />
    <input value="1675" 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/tampons-normal-regulieres-avec-applicateur-16-pcs-16-piece-1676">
          <img alt="Tampons Normal / Régulières avec applicateur, 16 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1334/file/small-92e08cba3e454726b4f7690b6564208a.webp 600w, https://assets.fabulous.ch/public/variant_asset/1334/file/medium-b12b6f53001d483d2e2127fc6a178145.webp 900w, https://assets.fabulous.ch/public/variant_asset/1334/file/large-cff3492544d50eb47a4596e4725f45a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1334/file/medium-b12b6f53001d483d2e2127fc6a178145.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">Natracare</p>
          <a href="/fr/products/tampons-normal-regulieres-avec-applicateur-16-pcs-16-piece-1676">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tampons Normal / Régulières avec applicateur, 16 pcs, 16 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="08xdTUzZaFl5caMhcbMQdoNQdgCx_CeLHnPyGTbBR7gBA4FKuNT5c6m-8TOd36-_ZaZ1eQm7UUGEIF-84QCweA" />
    <input value="1676" 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/tampons-super-sans-applicateur-20pcs-20-piece-1677">
          <img alt="Tampons Super sans applicateur, 20pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1335/file/small-1ba0e3ae518755e1a34bf08aec817170.webp 600w, https://assets.fabulous.ch/public/variant_asset/1335/file/medium-53a4498247c4ae2b922ee61128e7cb8d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1335/file/large-5567dba73edaa7e54f8de94441828d1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1335/file/medium-53a4498247c4ae2b922ee61128e7cb8d.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">Natracare</p>
          <a href="/fr/products/tampons-super-sans-applicateur-20pcs-20-piece-1677">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tampons Super sans applicateur, 20pcs, 20 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QHYmQyPdJWjJrm4SArhfOLNaOWPf6GN-avw7WBKHfmiSufpE19C0QhlhPADu1ODxVaw6GmevFbTwr5b9xUaJqA" />
    <input value="1677" 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/tampons-super-avec-applicateur-16-pcs-16-piece-1678">
          <img alt="Tampons Super avec applicateur, 16 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1336/file/small-a5b516544a01b5f6274ff83e83f430f2.webp 600w, https://assets.fabulous.ch/public/variant_asset/1336/file/medium-65cac09facb57c16b30ab4773194cf09.webp 900w, https://assets.fabulous.ch/public/variant_asset/1336/file/large-1729381be29632f4cea897a0da38fe26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1336/file/medium-65cac09facb57c16b30ab4773194cf09.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">Natracare</p>
          <a href="/fr/products/tampons-super-avec-applicateur-16-pcs-16-piece-1678">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tampons Super avec applicateur, 16 pcs, 16 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oK9_Cx3mfMViYzNsXoUFN-3jy7tX04EZZnpkAgP7lrxyYKMM6evt77KsYX6y6br-CxXIwu-U99P8Kcmn1DphfA" />
    <input value="1678" 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/tampons-super-plus-sans-applicateur-20pcs-20-piece-1679">
          <img alt="Tampons Super Plus sans applicateur, 20pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1337/file/small-97009756985418a1dca7fc5b92389bc7.webp 600w, https://assets.fabulous.ch/public/variant_asset/1337/file/medium-9821877494959534d76d629edf542ee0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1337/file/large-30bc3322e0980baa64a1df041eca35a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1337/file/medium-9821877494959534d76d629edf542ee0.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">Natracare</p>
          <a href="/fr/products/tampons-super-plus-sans-applicateur-20pcs-20-piece-1679">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tampons Super Plus sans applicateur, 20pcs, 20 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wDaZ4_6mTJmiW9MB0M8G9MT8krCccHh9ATRbqrtyxfgS-UXkCqvds3KUgRM8o7k9IgqRySQ3DrebZ_YPbLMyOA" />
    <input value="1679" 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/serviettes-ultra-extra-pads-normal-avec-ailettes-12-pcs-12-piece-1680">
          <img alt="Serviettes  Ultra Extra Pads Normal avec Ailettes, 12 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1338/file/small-245fc7cbbd4f8e0e8c75ae76ee5bf66a.webp 600w, https://assets.fabulous.ch/public/variant_asset/1338/file/medium-d7707368f69cdd5c43716fd4c7cc5c37.webp 900w, https://assets.fabulous.ch/public/variant_asset/1338/file/large-3715a9c65e93c2e5502ed2a575ca14fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1338/file/medium-d7707368f69cdd5c43716fd4c7cc5c37.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">Natracare</p>
          <a href="/fr/products/serviettes-ultra-extra-pads-normal-avec-ailettes-12-pcs-12-piece-1680">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Serviettes  Ultra Extra Pads Normal avec Ailettes, 12 pcs, 12 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jfH8a93w6EkypC0QJ_ygbxziTO-9ngjbid6aPGGkNFdfPiBsKf15Y-JrfwLLkB-m-hRPlgXZfhETjTeZtmXDlw" />
    <input value="1680" 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/serviettes-ultra-super-plus-12-pcs-12-piece-1682">
          <img alt="Serviettes Ultra Super Plus, 12 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1339/file/small-9ec2f67789a5dbdd1b7799c21b57b676.webp 600w, https://assets.fabulous.ch/public/variant_asset/1339/file/medium-7f15b95d647dd5a71d4a964b3415b480.webp 900w, https://assets.fabulous.ch/public/variant_asset/1339/file/large-aec64deaa7d65750dd69f85e1af140ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1339/file/medium-7f15b95d647dd5a71d4a964b3415b480.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">Natracare</p>
          <a href="/fr/products/serviettes-ultra-super-plus-12-pcs-12-piece-1682">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Serviettes Ultra Super Plus, 12 pcs, 12 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GYi6-ETLbnmLgtJgUBzwH-SwsmXjMDqh67YN5ayp6ljLR2b_sMb_U1tNgHK8cE_WAkaxHFt3TGtx5aBAe2gdmA" />
    <input value="1682" 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/protege-slips-tanga-string-30-pcs-30-piece-1684">
          <img alt="Protège-Slips Tanga / String, 30 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1341/file/small-851b453ad6e60bb69e542addd9738839.webp 600w, https://assets.fabulous.ch/public/variant_asset/1341/file/medium-ed3ce3aac503f48b65bf0a5fd88ab7d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1341/file/large-75345b0b1031e206bfdd4962fb5070a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1341/file/medium-ed3ce3aac503f48b65bf0a5fd88ab7d7.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">Natracare</p>
          <a href="/fr/products/protege-slips-tanga-string-30-pcs-30-piece-1684">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protège-Slips Tanga / String, 30 pcs, 30 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UMcQ6CohznDZ4r1au6qVX8SybXFgwOvOGZa4gfVGF5SCCMzv3ixfWgkt70hXxiqWIkRuCNiHnQSDxRUkIofgVA" />
    <input value="1684" 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/lingettes-intimes-12-pieces-12-piece-1685">
          <img alt="Lingettes Intimes, 12 pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1342/file/small-e6ea021f84b5bdb3fb8706639bd99047.webp 600w, https://assets.fabulous.ch/public/variant_asset/1342/file/medium-9c875a9a1c1aaba191dc4346e77edb9d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1342/file/large-9085a8aa4d81ec536421b1357fb7f0ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1342/file/medium-9c875a9a1c1aaba191dc4346e77edb9d.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">Natracare</p>
          <a href="/fr/products/lingettes-intimes-12-pieces-12-piece-1685">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lingettes Intimes, 12 pièces, 12 pièces</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 0.30 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/lingettes-pour-bebe-50-pcs-50-piece-1686">
          <img alt="Lingettes pour bébé, 50 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1343/file/small-e878d356109352f8ff2222fd877e46b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1343/file/medium-8c9a17978df576ca18848fc993219bd0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1343/file/large-b51d9fc93794a26b81ede7e1cbeab8c5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1343/file/medium-8c9a17978df576ca18848fc993219bd0.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">Natracare</p>
          <a href="/fr/products/lingettes-pour-bebe-50-pcs-50-piece-1686">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lingettes pour bébé, 50 pcs, 50 pièces</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 0.14 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ChyhynHbWGp8u0iroJ6zE6vUQBgtwDDrG4YTHTMNmtXY033NhdbJQKx0GrlM8gzaTSJDYZWHRiGB1b645MxtFQ" />
    <input value="1686" 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/sable-noisette-chocolat-noir-bio-130-g-1692">
          <img alt="Sablé noisette chocolat noir Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1347/file/small-eb1c7391f01c177a983afaf069c04376.webp 600w, https://assets.fabulous.ch/public/variant_asset/1347/file/medium-3a15561d34eaaec94e31bb4fcf5ce506.webp 900w, https://assets.fabulous.ch/public/variant_asset/1347/file/large-98eff16748c612b13d0ab930e76ac6b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1347/file/medium-3a15561d34eaaec94e31bb4fcf5ce506.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">Moulin du Piver</p>
          <a href="/fr/products/sable-noisette-chocolat-noir-bio-130-g-1692">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sablé noisette chocolat noir Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TKzLfPb-LKe5O44wrkM5pstWCwXcZrsHUf5yF7qUh-ieYxd7AvO9jWn03CJCL4ZvLaAIfGQhzc3Lrd-ybVVwKA" />
    <input value="1692" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bouillon-vegetal-en-cubes-sans-gluten-bio-12-g-1726">
          <img alt="Bouillon végétal en cubes 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/1373/file/small-88986a33b8c8f85dff0aab2361bdbe54.webp 600w, https://assets.fabulous.ch/public/variant_asset/1373/file/medium-c26c561204868158bdb90f20fb8eff95.webp 900w, https://assets.fabulous.ch/public/variant_asset/1373/file/large-bea0545533edfb78f2f68460d182d2ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1373/file/medium-c26c561204868158bdb90f20fb8eff95.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/bouillon-vegetal-en-cubes-sans-gluten-bio-12-g-1726">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouillon végétal en cubes sans gluten Bio, 6 x 12 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YPyinbOqdSfDsS0lDZZjATuSKU5hvAx2MDFNqWdJWwayM36aR6fkDRN-fzfh-tzI3WQqN9n7eryqYuAMsIisxg" />
    <input value="1726" 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/muscade-moulu-bio-40-g-1727">
          <img alt="Muscade moulu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1374/file/small-4468f946c2e602fd4eaf867b51d7c27d.webp 600w, https://assets.fabulous.ch/public/variant_asset/1374/file/medium-87944efebea48671c210c4b7dec087f2.webp 900w, https://assets.fabulous.ch/public/variant_asset/1374/file/large-750653bbe4f58aa48180dbf838d58d01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1374/file/medium-87944efebea48671c210c4b7dec087f2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lebensbaum</p>
          <a href="/fr/products/muscade-moulu-bio-40-g-1727">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Muscade moulu Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5j76QuXXgsLu82sgfWXZiWvBG8OVnw31CTu9vUaJ7Mk08SZFEdoT6D48OTKRCWZAjTcYui3Yez-TaBAYkUgbCQ" />
    <input value="1727" 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">
      1&#39;160 sur 3&#39;163 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/hemp?format=turbo_stream&amp;page=59">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>