<turbo-stream action="append" target="products_grid"><template>
    

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/soulbottles-bouteille-la-fleur-de-vie-1-pcs-1-piece-4495">
          <img alt="Soulbottles Bouteille La fleur de vie 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2781/file/small-d29c335cd1f5806b8d614b8dd6227702.webp 600w, https://assets.fabulous.ch/public/variant_asset/2781/file/medium-ae3d62cb00830dfa5ceb6ed0c70e7463.webp 900w, https://assets.fabulous.ch/public/variant_asset/2781/file/large-2444437b7f2a86887654957ea7442d8f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2781/file/medium-ae3d62cb00830dfa5ceb6ed0c70e7463.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">Soulbottles</p>
          <a href="/fr/products/soulbottles-bouteille-la-fleur-de-vie-1-pcs-1-piece-4495">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soulbottles Bouteille La fleur de vie 1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 44.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 33.60</span>
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/soulbottles-soulsleeve-protection-en-liege-1-pcs-1-piece-4498">
          <img alt="Soulbottles Soulsleeve Protection en liège 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2783/file/small-027a1695f2a6d8056c31626887abb34c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2783/file/medium-0fc33eaaf9ad72c36d7d76163ad8642d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2783/file/large-a6d95dddbb8dda7f13575af5d0dec344.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2783/file/medium-0fc33eaaf9ad72c36d7d76163ad8642d.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">Soulbottles</p>
          <a href="/fr/products/soulbottles-soulsleeve-protection-en-liege-1-pcs-1-piece-4498">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soulbottles Soulsleeve Protection en liège 1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FROJllep2PD5FNxSXTmYU5h1FO2Wv0MlNau6mg8qiSdhLO_t-VQTup9GG3OupgZN1N5TBO95Mjv_RUyJjeiU3g" />
    <input value="4498" 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/autocollant-poulet-mal-sain-1-piece-4524">
          <img alt="Autocollant : Poulet (mal)sain ?" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2794/file/small-aa539727f7d932960d360bacd1535ed5.webp 600w, https://assets.fabulous.ch/public/variant_asset/2794/file/medium-6ffbe0c0855d21845ccee18cd697466d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2794/file/large-fd2755c7e02ad2e0da85fdd0306e5fc1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2794/file/medium-6ffbe0c0855d21845ccee18cd697466d.webp" />
</a>    </header>

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

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4-QhruY34LoXZ1DCizmsvTEX6lGaTpnSsXtMz5-likiX20fVSMor8HE1l-N4pjKjfbytuOOI6Mx7lbrcHWeXsQ" />
    <input value="4524" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/spatzle-pates-fraiches-bio-500-g-4547">
          <img alt="Spätzle Pâtes Fraïches Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2796/file/small-7bfa42dbb249b63a282a2f145c5d5442.webp 600w, https://assets.fabulous.ch/public/variant_asset/2796/file/medium-6d49d0856066c1cc981c16d302bc787e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2796/file/large-323b6e0ebb6b9386ab89487cde51ad2e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2796/file/medium-6d49d0856066c1cc981c16d302bc787e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/fr/products/spatzle-pates-fraiches-bio-500-g-4547">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spätzle Pâtes Fraïches Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/ongles-nail-polish-mystery-5-ml-4548">
          <img alt="Ongles Nail Polish Mystery" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2798/file/small-ac6363b439711dfe14d6e138f4a09943.webp 600w, https://assets.fabulous.ch/public/variant_asset/2798/file/medium-d48690b9652635d6c0d6bd552c206e41.webp 900w, https://assets.fabulous.ch/public/variant_asset/2798/file/large-c4af218475591b648ffa2118e5c677c5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2798/file/medium-d48690b9652635d6c0d6bd552c206e41.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/fr/products/ongles-nail-polish-mystery-5-ml-4548">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ongles Nail Polish Mystery, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/simply-v-alternative-au-fromage-a-tartiner-herbes-150-g-4559">
          <img alt="Simply V Alternative au fromage à tartiner HERBES" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2805/file/small-29d86cad24c0f5f1b44cded11219d180.webp 600w, https://assets.fabulous.ch/public/variant_asset/2805/file/medium-46afb12716df45ad106d664d5e668e69.webp 900w, https://assets.fabulous.ch/public/variant_asset/2805/file/large-4a148ee8117a38c061328df2882aa6a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2805/file/medium-46afb12716df45ad106d664d5e668e69.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Simply V</p>
          <a href="/fr/products/simply-v-alternative-au-fromage-a-tartiner-herbes-150-g-4559">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Simply V Alternative au fromage à tartiner HERBES, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

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

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/simply-v-alternative-aux-fromage-en-tranches-gout-intense-150-g-4560">
          <img alt="Simply V Alternative aux Fromage en tranches GOÛT INTENSE" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2806/file/small-dcf7f1b4bf399c3c193d1dc20650ba39.webp 600w, https://assets.fabulous.ch/public/variant_asset/2806/file/medium-214e74cbcfb7e2a864a718838f89dbf0.webp 900w, https://assets.fabulous.ch/public/variant_asset/2806/file/large-d5bc2c6f4bdb986aa04c1cb52b5e9c6e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2806/file/medium-214e74cbcfb7e2a864a718838f89dbf0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Simply V</p>
          <a href="/fr/products/simply-v-alternative-aux-fromage-en-tranches-gout-intense-150-g-4560">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Simply V Alternative aux Fromage en tranches GOÛT INTENSE, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/ketchup-sans-sucres-ajoutes-bio-230-g-4565">
          <img alt="Ketchup Sans sucres ajoutés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2810/file/small-8004644256b4242cf6455d63dacd5312.webp 600w, https://assets.fabulous.ch/public/variant_asset/2810/file/medium-a99f195220a86bb2a5d8f17dd94d79cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/2810/file/large-97c78ec5d88cba407bb62e68fa7c4bc0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2810/file/medium-a99f195220a86bb2a5d8f17dd94d79cb.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">Connie&#39;s Kitchen</p>
          <a href="/fr/products/ketchup-sans-sucres-ajoutes-bio-230-g-4565">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ketchup Sans sucres ajoutés Bio, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ucLibSoCzlzTUZMCJmpFDFa5BehKuWXO8ACuqsmBjp_N_YQWhP8FFrUDVCPV9dsSGhJCATN_FNA67li5S0OTZg" />
    <input value="4565" 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/farine-de-ble-blanche-demeter-1-kg-4596">
          <img alt="Farine de blé blanche Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2815/file/small-b144eaa554a9e7b41dc23d126068d7b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2815/file/medium-b10aeeb0d1d50a7e68af45d1dbab9b56.webp 900w, https://assets.fabulous.ch/public/variant_asset/2815/file/large-e6eaa12d7d9614d0defb61d2d4dde08d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2815/file/medium-b10aeeb0d1d50a7e68af45d1dbab9b56.webp" />
</a>    </header>

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

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

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

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

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


  

  <div class="border-gray-200  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/vitamin-b12-methylcobalamin-vitamin-d3-pastilles-60-unites-60-piece-4599">
          <img alt="Vitamin B12 Methylcobalamin &amp; Vitamin D3 Pastilles, 60 unités" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2818/file/small-eb90331dbfee728a34fb6a4451f6cb74.webp 600w, https://assets.fabulous.ch/public/variant_asset/2818/file/medium-f75b983371fb0036386bdb49ad21a911.webp 900w, https://assets.fabulous.ch/public/variant_asset/2818/file/large-e5b8e498a91da690568507aff9b5e982.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2818/file/medium-f75b983371fb0036386bdb49ad21a911.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">Raab</p>
          <a href="/fr/products/vitamin-b12-methylcobalamin-vitamin-d3-pastilles-60-unites-60-piece-4599">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin B12 Methylcobalamin &amp; Vitamin D3 Pastilles, 60 unités, 60 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yQPc7vcRtZG2vkOkYz60FpXLD_2b2sJEuXk6y2kvdOe9PLqVWex-29DshIWQoSoI2WBIFOIcs1pzl8zY6-1pHg" />
    <input value="4599" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/chocoreale-vermicelle-au-chocolat-bio-225-g-4630">
          <img alt="Chocoreale Vermicelle au chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2830/file/small-67be7823fc35c2ffdc10fe30a1f8b8b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/2830/file/medium-26e032261948ac34f6ca703982803f39.webp 900w, https://assets.fabulous.ch/public/variant_asset/2830/file/large-2cf78b06ced4fb9c96597a01986196d8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2830/file/medium-26e032261948ac34f6ca703982803f39.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">de Rit</p>
          <a href="/fr/products/chocoreale-vermicelle-au-chocolat-bio-225-g-4630">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chocoreale Vermicelle au chocolat Bio, 225 g</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 2.76 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pendentif-v-label-en-metal-petit-avec-mousqueton-1-piece-4644">
          <img alt="Pendentif V-Label en métal, PETIT avec mousqueton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2834/file/small-9c08d9b604b0ca946c58137f6634db4e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2834/file/medium-576f0603a0b5abf114fbe27289ade438.webp 900w, https://assets.fabulous.ch/public/variant_asset/2834/file/large-aa8c14eb9ea81de18da6fd394bf5721c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2834/file/medium-576f0603a0b5abf114fbe27289ade438.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Swissveg</p>
          <a href="/fr/products/pendentif-v-label-en-metal-petit-avec-mousqueton-1-piece-4644">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pendentif V-Label en métal, PETIT avec mousqueton, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tFYXavPfKcLEvlF0NBt_R6Ef_tAh46JaiBCe2EDIA9rAaXERXSLiiKLsllXHhOFZ7bS5OVgl00RC_mjLwgoeIw" />
    <input value="4644" 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/swissveg-pendentif-v-label-en-metal-petit-sans-mousqueton-1-piece-4645">
          <img alt="Swissveg Pendentif V-Label en métal, PETIT sans mousqueton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2835/file/small-a97d7849679279222a7c5921c5b6ada6.webp 600w, https://assets.fabulous.ch/public/variant_asset/2835/file/medium-31d6e9d4e8bacfe7917213dfb3d72eaf.webp 900w, https://assets.fabulous.ch/public/variant_asset/2835/file/large-bdb3fd4d487ea529b5258e1f355b6e9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2835/file/medium-31d6e9d4e8bacfe7917213dfb3d72eaf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Swissveg</p>
          <a href="/fr/products/swissveg-pendentif-v-label-en-metal-petit-sans-mousqueton-1-piece-4645">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Swissveg Pendentif V-Label en métal, PETIT sans mousqueton, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lQ-H1RbEmjlcXv1nlNxsVLo9t3Et1wr5cyj5JrSiOr_hMOGuuDlRczoMOkZnQ_JK9pbwmFQRe-e5xg81NmAnRg" />
    <input value="4645" 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/savon-mains-visage-corps-sensitif-en-gros-bidon-10-l-4653">
          <img alt="Savon Mains, Visage, Corps Sensitif en gros Bidon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2843/file/small-3d6c1d6b39e853f2afa412dd0c1e15bb.webp 600w, https://assets.fabulous.ch/public/variant_asset/2843/file/medium-f4c5313ba048e9c7f6d7369649580c9a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2843/file/large-319d35b8c2771cd281be5b2044d2e4bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2843/file/medium-f4c5313ba048e9c7f6d7369649580c9a.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">Sonett</p>
          <a href="/fr/products/savon-mains-visage-corps-sensitif-en-gros-bidon-10-l-4653">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Savon Mains, Visage, Corps Sensitif en gros Bidon, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 127.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P8s_NvZvKPDSSdyvgcZsPcpPJD0EnHfFKL8JJIv3kW5L9FlNWJLjurQbG45yWfIjhuRj1H1aBtviUf83CTWMlw" />
    <input value="4653" 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/savon-mains-visage-corps-romarin-en-gros-bidon-10-l-4654">
          <img alt="Savon Mains, Visage, Corps Romarin en gros Bidon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2844/file/small-df494ac6d1038cc716a930262f428309.webp 600w, https://assets.fabulous.ch/public/variant_asset/2844/file/medium-66fc5e7ebba24e0cd258ba98f9a6ce3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2844/file/large-8792f7afd7902be618c27dc0e43e2a78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2844/file/medium-66fc5e7ebba24e0cd258ba98f9a6ce3e.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">Sonett</p>
          <a href="/fr/products/savon-mains-visage-corps-romarin-en-gros-bidon-10-l-4654">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Savon Mains, Visage, Corps Romarin en gros Bidon, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 127.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NJ0KMM-pPVUEiNzrw_5r_ULKxmQ-M-lpMWAPzUUNxGBAomxLYVT2H2LaG8owYfXjDmGBjUf1mHf7jvnex8_ZmQ" />
    <input value="4654" 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/savon-mains-visage-corps-lavandeen-gros-bidon-10-l-4655">
          <img alt="Savon Mains, Visage, Corps Lavandeen gros  Bidon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2845/file/small-36e7e64d0893e1cdd8d207630ff13361.webp 600w, https://assets.fabulous.ch/public/variant_asset/2845/file/medium-a676988d3afb42fcde9211ebb37fc13b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2845/file/large-5c7cdce4bdbed1b1b00f5a90eee7d55a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2845/file/medium-a676988d3afb42fcde9211ebb37fc13b.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">Sonett</p>
          <a href="/fr/products/savon-mains-visage-corps-lavandeen-gros-bidon-10-l-4655">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Savon Mains, Visage, Corps Lavandeen gros  Bidon, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 127.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RSUR3GPQhDV1BYJ7tu0QkcFXYPaqXEHm-LodED4Rc6MxGnenzS1PfxNXRVpFco6PjfwnH9OaMPgyVOsDvNNuWg" />
    <input value="4655" 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/accessoire-sonett-robinet-pour-bidon-de-5-et-10-litres-1-piece-4656">
          <img alt="Accessoire Sonett Robinet Pour bidon de 5 et 10 litres" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2847/file/small-fb44c7db0c89b6109d79eb83b0176f0e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2847/file/medium-dc3c18e2c7e47434f0d6ad8dc527e0a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/2847/file/large-0e0e29d458b5cd11b18b4fedf25e71d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2847/file/medium-dc3c18e2c7e47434f0d6ad8dc527e0a9.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">Sonett</p>
          <a href="/fr/products/accessoire-sonett-robinet-pour-bidon-de-5-et-10-litres-1-piece-4656">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Accessoire Sonett Robinet Pour bidon de 5 et 10 litres, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KUlndDRfXIustSlPCJYm8_e3BJRi1nJlKnmCjSUWb5hddgEPmqKXwcrn7m77CbjtuxxDfRsQA3vgl3Sep9RyYQ" />
    <input value="4656" 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/vitamin-b12-methylcobalamin-vegetalien-500-g-spray-25-ml-4665">
          <img alt="Vitamin B12 Methylcobalamin Végétalien 500µg Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2850/file/small-bfa98abc8cb3d997043f757c67e4ea00.webp 600w, https://assets.fabulous.ch/public/variant_asset/2850/file/medium-2afb5a66818a222d0f44e09025d10e2a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2850/file/large-086f0aac2a6f45d2fa30c3d948e6db94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2850/file/medium-2afb5a66818a222d0f44e09025d10e2a.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">energybalance</p>
          <a href="/fr/products/vitamin-b12-methylcobalamin-vegetalien-500-g-spray-25-ml-4665">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin B12 Methylcobalamin Végétalien 500µg Spray, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bambou-utensiles-de-cuisine-pince-26cm-1-piece-4691">
          <img alt="Bambou utensiles de cuisine pince, 26cm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2853/file/small-6e93eaf0e5d9e93c2feb37645d635291.webp 600w, https://assets.fabulous.ch/public/variant_asset/2853/file/medium-7568354bd4236a7e5506b1ce3473c2a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/2853/file/large-07f8c537e14a5a9c7131f62e4dfab828.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2853/file/medium-7568354bd4236a7e5506b1ce3473c2a0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Stronghold</p>
          <a href="/fr/products/bambou-utensiles-de-cuisine-pince-26cm-1-piece-4691">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambou utensiles de cuisine pince, 26cm, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jR74zcVpBhgLOCdQhpGAXo5JHOdrtgl-9CHSpbrLwTb5IZ62a5TNUm1q4HF1Dh5AwuJbDhJweGA-zyS2OAnczw" />
    <input value="4691" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bambou-utensiles-de-cuisine-couverts-a-salade-set-de-2-1-piece-4692">
          <img alt="Bambou utensiles de cuisine couverts à salade, Set de 2" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2854/file/small-b4e10e9229befed735c6142bf9b19afd.webp 600w, https://assets.fabulous.ch/public/variant_asset/2854/file/medium-970408a5b0ca05cb03ea12154de023af.webp 900w, https://assets.fabulous.ch/public/variant_asset/2854/file/large-395e31257ba5d2c074bec474c38df557.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2854/file/medium-970408a5b0ca05cb03ea12154de023af.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Stronghold</p>
          <a href="/fr/products/bambou-utensiles-de-cuisine-couverts-a-salade-set-de-2-1-piece-4692">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambou utensiles de cuisine couverts à salade, Set de 2, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YDvZA6UzHskDlQYyITdTJpKSex8fEjJ_SUBYviHvnqYUBL94C87Vg2XHwRPSqM043jk89mbUQ2GDrq6toy2DXw" />
    <input value="4692" 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">
      760 sur 3&#39;175 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/food/superfoods?format=turbo_stream&amp;page=39">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>