<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/protege-slips-serviettes-hygieniques-lavables-abondant-1-pcs-1-piece-8207">
          <img alt="Protège-Slips Serviettes hygiéniques lavables ABONDANT, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4798/file/small-3ef4f7d5366a5ef3c28cdcaa1695d7a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/4798/file/medium-e458eed39a87a2679c368944d9760b45.webp 900w, https://assets.fabulous.ch/public/variant_asset/4798/file/large-528e22f5706d0c61f992d6f645492c93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4798/file/medium-e458eed39a87a2679c368944d9760b45.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">Bambaw</p>
          <a href="/fr/products/protege-slips-serviettes-hygieniques-lavables-abondant-1-pcs-1-piece-8207">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protège-Slips Serviettes hygiéniques lavables ABONDANT, 1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uS0x_Su31Lhz5Kh6lVRjLmQ5_NYrkcb_v-FfqC31cH6VbBTLkzgACc3x_iMx30cRDRXn2k12UrUfqTBJuijq9A" />
    <input value="8207" 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/fil-dentaire-en-pla-avec-dispenser-1-pcs-1-piece-8208">
          <img alt="Fil Dentaire en PLA avec dispenser, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4799/file/small-d485afa0c786eb6c05835cfc9c726780.webp 600w, https://assets.fabulous.ch/public/variant_asset/4799/file/medium-da9b04f1aff5bd868e83c160927ae2f5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4799/file/large-dfe64d52cb3dea8d88a3715aad049ad7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4799/file/medium-da9b04f1aff5bd868e83c160927ae2f5.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">Bambaw</p>
          <a href="/fr/products/fil-dentaire-en-pla-avec-dispenser-1-pcs-1-piece-8208">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fil Dentaire en PLA avec dispenser, 1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0Q9WggLQW-34wjLgAzwpjYpUwH605x4ct8S3039c7yv9TnO0ul-PXEbXZLmntw2y43jbctIAilYXjNgy6IF1oQ" />
    <input value="8208" 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/fil-dentaire-en-pla-50-m-8209">
          <img alt="Fil Dentaire en PLA" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4797/file/small-c6f7195a30fdaa70a1880c4720dc0057.webp 600w, https://assets.fabulous.ch/public/variant_asset/4797/file/medium-14c5160f918f25dbe0a3cd23160c8493.webp 900w, https://assets.fabulous.ch/public/variant_asset/4797/file/large-4a2d89ba724437ea86d4b777b434ad03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4797/file/medium-14c5160f918f25dbe0a3cd23160c8493.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">Bambaw</p>
          <a href="/fr/products/fil-dentaire-en-pla-50-m-8209">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fil Dentaire en PLA, 50 m</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 0.19 / m
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HKLonu_1qq_7kZPIjDVXSPQZZfg-zkPoh5R-9vFW1mUw482oV3p-HkWExZEovnN3nTV-9Fgp16In3BEXZotM7w" />
    <input value="8209" 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-demaquillantes-lavables-sansplastique-16-pcs-16-piece-8232">
          <img alt="Lingettes démaquillantes lavables #sansplastique, 16 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4810/file/small-1c06e191d02cc304616ddfd7a26ef9ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/4810/file/medium-53d2c11937f18c61d6a522da9351c22a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4810/file/large-cdb5120fb076f7fba4fac35d689080ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4810/file/medium-53d2c11937f18c61d6a522da9351c22a.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">Bambaw</p>
          <a href="/fr/products/lingettes-demaquillantes-lavables-sansplastique-16-pcs-16-piece-8232">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lingettes démaquillantes lavables #sansplastique, 16 pcs, 16 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rSwqAKUXzt1WQJrI8j3zyC7NVqopdpOzIM3DPSZubOaBbQ82HZgabOhVzJFWttf3R-FNpk-RB_mAhazcsbP2bA" />
    <input value="8232" 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/set-de-brosses-pour-bouteille-4-taille-differente-1-piece-8233">
          <img alt="Set de brosses pour bouteille (4 taille différente)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4811/file/small-7e7a8acc473ad636d308de5b41b10be7.webp 600w, https://assets.fabulous.ch/public/variant_asset/4811/file/medium-2616bb0c35519d0f9ffce77347881dab.webp 900w, https://assets.fabulous.ch/public/variant_asset/4811/file/large-5cdc877a9c1306c6342b554f5c3ce176.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4811/file/medium-2616bb0c35519d0f9ffce77347881dab.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">Bambaw</p>
          <a href="/fr/products/set-de-brosses-pour-bouteille-4-taille-differente-1-piece-8233">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Set de brosses pour bouteille (4 taille différente), 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-8233-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/brosse-a-vaisselle-sansplastique-1-pcs-1-piece-8234">
          <img alt="Brosse à vaisselle #sansplastique, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4814/file/small-5d4fa2159e433a663bd34746a6d81bdd.webp 600w, https://assets.fabulous.ch/public/variant_asset/4814/file/medium-c7d3dda9ab9f7843f952b97828a22864.webp 900w, https://assets.fabulous.ch/public/variant_asset/4814/file/large-4ffc75258000058dbfa76fc20bc195ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4814/file/medium-c7d3dda9ab9f7843f952b97828a22864.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">Bambaw</p>
          <a href="/fr/products/brosse-a-vaisselle-sansplastique-1-pcs-1-piece-8234">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brosse à vaisselle #sansplastique, 1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DAx3J1bbUN85ufyqYOgiNmnW0Y18vfLShcPzKmeB1DogTVIR7lSEboesqvPEYwYJAPrKgRpaZpgli5zL8FxOsA" />
    <input value="8234" 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/set-de-couverts-en-bambou-olive-sansplastique-1-pcs-1-piece-8235">
          <img alt="Set de couverts en bambou Olive #sansplastique, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4815/file/small-477767afe4445cfe5e57ca3a1f7a64b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4815/file/medium-c97a195f7d307e7a203fa9c59d785d0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4815/file/large-4de02202ab99297ac0d8f7d648253fa2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4815/file/medium-c97a195f7d307e7a203fa9c59d785d0a.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">Bambaw</p>
          <a href="/fr/products/set-de-couverts-en-bambou-olive-sansplastique-1-pcs-1-piece-8235">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Set de couverts en bambou Olive #sansplastique, 1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5JI-hKREqSoXTUAyTrR9X80R3D5gz4IDite5cfx_3YXI0xuyHMt9m6lYFmvqP1lgpD3HMgYoFkkqn9aQa6JHDw" />
    <input value="8235" 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/set-de-couverts-en-bambou-bourgogne-sansplastique-1-pcs-1-piece-8236">
          <img alt="Set de couverts en bambou Bourgogne #sansplastique, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4818/file/small-521ab929cdc05564cfc87bc00dae5d9a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4818/file/medium-05bcc41717566d4e0ff86d088eff4e2c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4818/file/large-112138ac4369e9309947c1e55dbc19f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4818/file/medium-05bcc41717566d4e0ff86d088eff4e2c.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">Bambaw</p>
          <a href="/fr/products/set-de-couverts-en-bambou-bourgogne-sansplastique-1-pcs-1-piece-8236">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Set de couverts en bambou Bourgogne #sansplastique, 1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BOTWXRwT-nuoSzVQqAdsccfSvtRb3WIVz3YNydCQuigopfNrpJwuyhZeYwkMjEhOrv6l2D069l9vPmIoR00gog" />
    <input value="8236" 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/set-de-couverts-en-bambou-ocean-sansplastique-1-pcs-1-piece-8237">
          <img alt="Set de couverts en bambou Ocean #sansplastique, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4821/file/small-dea16dd25e452ad6c222365560695766.webp 600w, https://assets.fabulous.ch/public/variant_asset/4821/file/medium-82cb41e77b4dc7051bf9172b0ed6f90b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4821/file/large-0e762b0e2f5aff6ec140c45dcbbf0cbb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4821/file/medium-82cb41e77b4dc7051bf9172b0ed6f90b.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">Bambaw</p>
          <a href="/fr/products/set-de-couverts-en-bambou-ocean-sansplastique-1-pcs-1-piece-8237">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Set de couverts en bambou Ocean #sansplastique, 1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Wk4PvpwZTXbz40VJqt7wwhdAdHgwon6Uqp_EPH7yZOp2DyqIJJaZx032ExAOVdT9fmxvdFZF6t4K16vd6S_-YA" />
    <input value="8237" 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/konjac-spaghetti-style-bio-270-g-8244">
          <img alt="Konjac Spaghetti-Style Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4824/file/small-5122a7a3f1346daa51cdaf4f541e51b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/4824/file/medium-2f496d5271e6dc26a83cc63b7f8f642b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4824/file/large-36376ada5d7ceac4345d1baeb9380377.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4824/file/medium-2f496d5271e6dc26a83cc63b7f8f642b.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">Vitanu</p>
          <a href="/fr/products/konjac-spaghetti-style-bio-270-g-8244">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Konjac Spaghetti-Style Bio, 270 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nV7yyB8KeP-D3l82hj5mX73iFuy9-my1DP1ooLc9BX6xH9f-p4WsTj3LCW8itUJg1M4N4Nsd-P-stQdBIOCf9A" />
    <input value="8244" 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/konjac-noodle-style-bio-270-g-8245">
          <img alt="Konjac Noodle-Style Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4825/file/small-e4c033148a0da35aea3ff35467ee9635.webp 600w, https://assets.fabulous.ch/public/variant_asset/4825/file/medium-d431aceb0e4bd0b6383ed93b25a6c719.webp 900w, https://assets.fabulous.ch/public/variant_asset/4825/file/large-768d3edda84c85b49fe39e049628e092.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4825/file/medium-d431aceb0e4bd0b6383ed93b25a6c719.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">Vitanu</p>
          <a href="/fr/products/konjac-noodle-style-bio-270-g-8245">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Konjac Noodle-Style Bio, 270 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rKMQf1GI1YxusGdKyHWciLjUs3yRvgf7n0FzEpM-OR2A4jVJ6QcBPdClMRNs_ri30fiocPdZk7E_CRzzBOOjlw" />
    <input value="8245" 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/konjac-tagliatelle-style-bio-270-g-8246">
          <img alt="Konjac Tagliatelle-Style Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4832/file/small-45b7091a88c392bfacc8f2231a18c240.webp 600w, https://assets.fabulous.ch/public/variant_asset/4832/file/medium-1d54594097530c8522f68553ad3e9be6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4832/file/large-85e78110febe891e9fe84b482a0cb4a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4832/file/medium-1d54594097530c8522f68553ad3e9be6.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">Vitanu</p>
          <a href="/fr/products/konjac-tagliatelle-style-bio-270-g-8246">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Konjac Tagliatelle-Style Bio, 270 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="30Hpji52Mrmmr_k4mNhz9gFP2lxik-jN7bn8ulifVg7zAMy4lvnmCBi6r2E8U1fJaGPBUAR0fIdN8ZNbz0LMhA" />
    <input value="8246" 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/konjac-riz-style-bio-270-g-8247">
          <img alt="Konjac Riz-Style Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4833/file/small-fb168b85cce5e7ac46e6326cf715e479.webp 600w, https://assets.fabulous.ch/public/variant_asset/4833/file/medium-172a7a71785ae01d3fd010810080e8ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/4833/file/large-6929feaf171e3bd6ef38bef4c9ddef88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4833/file/medium-172a7a71785ae01d3fd010810080e8ed.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">Vitanu</p>
          <a href="/fr/products/konjac-riz-style-bio-270-g-8247">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Konjac Riz-Style Bio, 270 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="reCnZrNraE9_7TjJK1Vk2waNdU82semqSxzXPtYIWAOBoYJQC-S8_sH4bpCP3kDkb6FuQ1BWfeDrVLjfQdXCiQ" />
    <input value="8247" 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/myyo-vegan-ferment-pour-fabrication-de-yaourt-3-sachet-5-g-8261">
          <img alt="MyYo VEGAN Ferment pour fabrication de yaourt (3 sachet)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4848/file/small-8552f588380e3e157e2799af43561dc2.webp 600w, https://assets.fabulous.ch/public/variant_asset/4848/file/medium-9cb5190c4d6c2203c77b19c44e17cd3d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4848/file/large-310c4fd31a97342e7572d91e46bbef57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4848/file/medium-9cb5190c4d6c2203c77b19c44e17cd3d.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">my.yo</p>
          <a href="/fr/products/myyo-vegan-ferment-pour-fabrication-de-yaourt-3-sachet-5-g-8261">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MyYo VEGAN Ferment pour fabrication de yaourt (3 sachet), 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9QRDd3xZuQ3OHn2PF7XMSpDfjJdL3pxRjCx-wmPvMMLZRWZBxNZtvHALK9azPuh1-fOXmy05CBssZBEj9DKqSA" />
    <input value="8261" 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/pates-a-pain-levain-extrait-epeautre-bio-30-g-8278">
          <img alt="Pâtes à pain Levain Extrait épeautre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4849/file/small-ee967efc754bdcbad036ebbaf700ab55.webp 600w, https://assets.fabulous.ch/public/variant_asset/4849/file/medium-2e537cb890079e61deb52263418d9064.webp 900w, https://assets.fabulous.ch/public/variant_asset/4849/file/large-4c197323e5c90fa2e5362690179353d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4849/file/medium-2e537cb890079e61deb52263418d9064.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/fr/products/pates-a-pain-levain-extrait-epeautre-bio-30-g-8278">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâtes à pain Levain Extrait épeautre Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zFl-VQodzsLhHw6wYcF4yVhvCBQtWjK0VZ9uwY3b753gGFtjspIac18KWOnFSlz2MUMTGEu9pv711wEgGgZ1Fw" />
    <input value="8278" 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/pates-a-pain-levain-extrait-seigle-bio-30-g-8279">
          <img alt="Pâtes à pain Levain Extrait Seigle Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4850/file/small-8168d6fd55c51517b11bbc2f12d61c73.webp 600w, https://assets.fabulous.ch/public/variant_asset/4850/file/medium-4a194fe4412f25c75cf4a43510642d8a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4850/file/large-dabd8ec892639e10f6a13a7e9b3dbf7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4850/file/medium-4a194fe4412f25c75cf4a43510642d8a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/fr/products/pates-a-pain-levain-extrait-seigle-bio-30-g-8279">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâtes à pain Levain Extrait Seigle Bio, 30 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 7.67 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/boisson-eau-de-coco-bio-330-ml-8281">
          <img alt="Boisson Eau de coco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4851/file/small-e6ba92196b8cc97a3849d58ecc1ef6e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/4851/file/medium-341a28be8d8d791b41d3efae0cabb09a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4851/file/large-9f56eaeb7571038f97a4919858547981.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4851/file/medium-341a28be8d8d791b41d3efae0cabb09a.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/boisson-eau-de-coco-bio-330-ml-8281">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson Eau de coco Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/gel-de-massage-et-lubrifiant-the-vert-fairtrade-vegan-150-ml-8282">
          <img alt="Gel de massage et lubrifiant Thé Vert Fairtrade Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4854/file/small-028e1f73d1b345812b72a50b11c2538f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4854/file/medium-d149a91784b3e56de9c5ab093f38e367.webp 900w, https://assets.fabulous.ch/public/variant_asset/4854/file/large-f7cebdb10c96835781a9102be60892bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4854/file/medium-d149a91784b3e56de9c5ab093f38e367.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">Fair Squared</p>
          <a href="/fr/products/gel-de-massage-et-lubrifiant-the-vert-fairtrade-vegan-150-ml-8282">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gel de massage et lubrifiant Thé Vert Fairtrade Vegan, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qhp52xnYlgpllDvJHWkd0-nq0wbShcE2Uf5xxD4CrVeGW1ztoVdCu9uBbZC54jnsgMbICrRiVXzxth4lqd833Q" />
    <input value="8282" 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/alternative-aux-oeufs-blancs-vegan-bio-10-g-8283">
          <img alt="Alternative aux œufs blancs vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4855/file/small-3d3995f3e0adc7bfc61b5071b1969f5e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4855/file/medium-53f2ea40c227b69c8b04fea9a5e68384.webp 900w, https://assets.fabulous.ch/public/variant_asset/4855/file/large-6878a5b017ca9be34f93bf6c6f7b63c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4855/file/medium-53f2ea40c227b69c8b04fea9a5e68384.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/fr/products/alternative-aux-oeufs-blancs-vegan-bio-10-g-8283">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative aux œufs blancs vegan Bio, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_oCNCVjCctCRful5P-njQbK8oC9zAwVSJhHy_S5fq3TSwag_4E2mYS9rvyCbYsd-25C7IxXkkRiGWZ0cuYIx_g" />
    <input value="8283" 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/epice-de-citrouille-pumpkin-spice-bio-14-g-8284">
          <img alt="Épice de citrouille Pumpkin Spice Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4857/file/small-d136211158b5dcdac5ff3e42bff0f5dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/4857/file/medium-280621d542b720eebaa79583427a7fdc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4857/file/large-f4688272f87ee64ac91165c3b8b78635.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4857/file/medium-280621d542b720eebaa79583427a7fdc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/fr/products/epice-de-citrouille-pumpkin-spice-bio-14-g-8284">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Épice de citrouille Pumpkin Spice Bio, 14 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

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

</template></turbo-stream>