<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/conditionneur-bar-eau-de-riz-proteines-60-g-17896">
          <img alt="Conditionneur Bar Eau de Riz &amp; Protéines" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8873/file/small-b12f6fbdecd760afa46bf0527851b3c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/8873/file/medium-8db5f6834a1f16dc00908903d7fec6f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/8873/file/large-88e1148adf9eba919342d09a8fc64cb0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8873/file/medium-8db5f6834a1f16dc00908903d7fec6f0.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">Chey Haircare</p>
          <a href="/fr/products/conditionneur-bar-eau-de-riz-proteines-60-g-17896">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Conditionneur Bar Eau de Riz &amp; Protéines, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZMYorMlBxQfZEZ03I7HZ260XmLPbBWHt-7YImVxVjvD0kv-IG8yd1LFOzqPjyLcjodP1fWybfG-X4onwtT07Ng" />
    <input value="17896" 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/shampooing-savon-capillaire-sans-sulfates-matcha-60-g-12394">
          <img alt="Shampooing savon capillaire sans sulfates Matcha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6218/file/small-d116900752c6877bd3b6b87941af567c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6218/file/medium-ffffe705d70c9d8154c4b9a4b9b925d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6218/file/large-dbcc0ad972ac14072862215bd631bb88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6218/file/medium-ffffe705d70c9d8154c4b9a4b9b925d0.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">Chey Haircare</p>
          <a href="/fr/products/shampooing-savon-capillaire-sans-sulfates-matcha-60-g-12394">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing savon capillaire sans sulfates Matcha, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-zmncdHdzigVGihj9n1mLRjnHymF9OvhTkDhDfI0IINrbXBVA1CW-31Fe_c2BAjVFCNy5zJq9mMiFGBkG1yVRQ" />
    <input value="12394" 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/shampooing-savon-capillaire-sans-sulfates-calendula-60-g-12392">
          <img alt="Shampooing savon capillaire sans sulfates Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6216/file/small-17baae074c2c555efe9f21eaf2526528.webp 600w, https://assets.fabulous.ch/public/variant_asset/6216/file/medium-398c1af3ae9c14fd7407f626c38b765e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6216/file/large-86fa9afe2ce5c8016212a95f0d0d67e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6216/file/medium-398c1af3ae9c14fd7407f626c38b765e.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">Chey Haircare</p>
          <a href="/fr/products/shampooing-savon-capillaire-sans-sulfates-calendula-60-g-12392">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing savon capillaire sans sulfates Calendula, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v5RirpXkfgHpgJF9jSgzKjOclndeBVHZMFwGBXSTaesvwLWKR2km0oHfwulNUV3SP1j7uembTFtcCIdsnfvcLQ" />
    <input value="12392" 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/shampooing-savon-capillaire-sans-sulfates-d-aloe-vera-60-g-12390">
          <img alt="Shampooing savon capillaire sans sulfates d&#39;aloe vera" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6214/file/small-d238443ced0fce4e3cac20aaf0a05372.webp 600w, https://assets.fabulous.ch/public/variant_asset/6214/file/medium-ecf540e5a980b4b9baa09e0579b7fa63.webp 900w, https://assets.fabulous.ch/public/variant_asset/6214/file/large-e808bb2b45ba267df9ad443dc3399184.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6214/file/medium-ecf540e5a980b4b9baa09e0579b7fa63.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">Chey Haircare</p>
          <a href="/fr/products/shampooing-savon-capillaire-sans-sulfates-d-aloe-vera-60-g-12390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing savon capillaire sans sulfates d&#39;aloe vera, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6TIiksFF6s1A_Q0yx68d-MThtkEOO7fqH6I0mV3H2uR5ZvW2E8iyHiiiXqYH1nMAyCXbj7mlqmhz9rXwtK9vIg" />
    <input value="12390" 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/elixir-capillaire-nourrissant-30-ml-14869">
          <img alt="Élixir Capillaire Nourrissant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6809/file/small-31824e617cb6704081de47d1a6a28794.webp 600w, https://assets.fabulous.ch/public/variant_asset/6809/file/medium-789aa42bde013a514b0e1757101e2bbc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6809/file/large-f97323806b1b516eb04941ac23800f90.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6809/file/medium-789aa42bde013a514b0e1757101e2bbc.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">Chey Haircare</p>
          <a href="/fr/products/elixir-capillaire-nourrissant-30-ml-14869">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Élixir Capillaire Nourrissant, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ugAfIP2gMOK6-Fw7sE68uLMPkb9WSmIiroNCkR7R8jAqVMgELy1oMdKnD69wN9JAv8v8ceHUf6DC18P497lH9g" />
    <input value="14869" 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/traitement-hydratant-pour-cheveux-200-ml-14866">
          <img alt="Traitement hydratant pour cheveux" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6803/file/small-cdcac232592cbbb7e5044579227fd2ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/6803/file/medium-5b24ed654e3c724de10544270de33438.webp 900w, https://assets.fabulous.ch/public/variant_asset/6803/file/large-a3c98f9302ed6311370f3824694e44a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6803/file/medium-5b24ed654e3c724de10544270de33438.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">Chey Haircare</p>
          <a href="/fr/products/traitement-hydratant-pour-cheveux-200-ml-14866">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Traitement hydratant pour cheveux, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YpZs9h6q9rqBayvZ4xvzFFj2CPgha8pyiDiv2LCOFVTywrvSzCeuaek0eE0jYp3sVDJlNpb11_DkbC6xWeagkg" />
    <input value="14866" 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/filets-de-lavage-en-coton-bio-2-pieces-2-piece-16797">
          <img alt="Filets de lavage en coton bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7811/file/small-273ec24c6129690c3856af13f3024d9c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7811/file/medium-a1a03e6811ff2429fc6abbfcea7ab616.webp 900w, https://assets.fabulous.ch/public/variant_asset/7811/file/large-905d8480a629126263b1697355d1a53d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7811/file/medium-a1a03e6811ff2429fc6abbfcea7ab616.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">memo</p>
          <a href="/fr/products/filets-de-lavage-en-coton-bio-2-pieces-2-piece-16797">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Filets de lavage en coton bio, 2 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m4w_NrV3FQ9OLXIONxUPZKzBY4463JKya-WvOr_YqpQL2OgSZ_pN3CZyIZr3bGGcoAUOQI1CjzAHsS5TVrAfUg" />
    <input value="16797" 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/conditionneur-bar-noix-de-coco-60-g-14953">
          <img alt="Conditionneur Bar noix de coco" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6856/file/small-f1b9bd8a41c63e482e5597b3bb31a2cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6856/file/medium-efdac96c2e294e940c9a8050d29ca02c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6856/file/large-4561efc9e56b73300100eced7aa86e26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6856/file/medium-efdac96c2e294e940c9a8050d29ca02c.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">Chey Haircare</p>
          <a href="/fr/products/conditionneur-bar-noix-de-coco-60-g-14953">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Conditionneur Bar noix de coco, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d_7YcodTY8de9Rm7O3kMh5Y9eY4PUv3sMzOQF2ootQjnqg9WVd47FDaqSi_7AGJ_mvkUQLjM4G5fZxF-g0AAzg" />
    <input value="14953" 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/shampooing-solide-nettoyage-en-profondeur-a-la-mangue-60-g-14865">
          <img alt="Shampooing Solide « Nettoyage en profondeur » à la Mangue" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6798/file/small-3f075c127d13efb5310b2bd8b8346b8f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6798/file/medium-4604b0c3537fca8a0e52f0de028029f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6798/file/large-12a8427b442aca9aa05487fd26c33afa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6798/file/medium-4604b0c3537fca8a0e52f0de028029f1.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">Chey Haircare</p>
          <a href="/fr/products/shampooing-solide-nettoyage-en-profondeur-a-la-mangue-60-g-14865">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing Solide « Nettoyage en profondeur » à la Mangue, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1BquKtfbiv4miMdTK3pd3A5h1G-Q5Ixzy8XjLRtyraBETnkOBVbSLU7XlMfrAzMkAqW5oSd6kfGnkWJE8hoYZg" />
    <input value="14865" 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/traitement-fortifiant-pour-cheveux-200-ml-14867">
          <img alt="Traitement fortifiant pour cheveux" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6806/file/small-a32f3ed76dbb6a5dd445bf012c9ec5c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6806/file/medium-8cab36745ad46c32a777dfb864d13f44.webp 900w, https://assets.fabulous.ch/public/variant_asset/6806/file/large-3d796dc731f418c0d6cc7e03a915f534.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6806/file/medium-8cab36745ad46c32a777dfb864d13f44.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">Chey Haircare</p>
          <a href="/fr/products/traitement-fortifiant-pour-cheveux-200-ml-14867">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Traitement fortifiant pour cheveux, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-6u_X_5w8sinFtHvLu9UyIJxvqntavtlyJLoVx_YA1xr_2h7LP2qG89JgnvuljowjrXTZ1r05uekxmk-9rC2mg" />
    <input value="14867" 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/conditionneur-bar-matcha-60-g-14951">
          <img alt="Conditionneur Bar Matcha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6854/file/small-25e0679e35c8408f950482a18bd384b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6854/file/medium-954e9c6e11fbb1cd0ae055e6c0d0321b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6854/file/large-1d53ad9f379f1cd0714b95b8b7aa4825.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6854/file/medium-954e9c6e11fbb1cd0ae055e6c0d0321b.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">Chey Haircare</p>
          <a href="/fr/products/conditionneur-bar-matcha-60-g-14951">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Conditionneur Bar Matcha, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uuTxMN3kTndjwmIuObE76gW1nIKoeL3ezK_fQwdaKScqsCYUD2kWpAudMbr5yFUSCXHxTB_moFyg-14q7jKc4Q" />
    <input value="14951" 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/shampooing-savon-pour-cheveux-sans-sulfates-de-noix-de-coco-60-g-12388">
          <img alt="Shampooing savon pour cheveux sans sulfates de noix de coco" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6213/file/small-b18eea85520508d1003577c8c2a245cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6213/file/medium-30a5488b22517182ef340309c0f6389a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6213/file/large-2fa294b826d5064e8383506b4856b2a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6213/file/medium-30a5488b22517182ef340309c0f6389a.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">Chey Haircare</p>
          <a href="/fr/products/shampooing-savon-pour-cheveux-sans-sulfates-de-noix-de-coco-60-g-12388">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing savon pour cheveux sans sulfates de noix de coco, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z6yBDVhtIHhsiqSezNx_Gno02lAo2s9tyE_mj5U72j5f-FYpiuB4qwTV9woMpRHidvC3np9E0u-kG2fmfFNv-A" />
    <input value="12388" 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/conditionneur-bar-calendula-60-g-14954">
          <img alt="Conditionneur Bar Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6857/file/small-5b0eb2a85927ea1db261430df7bb07ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/6857/file/medium-59ff3df29fd46f0373aa35613c325872.webp 900w, https://assets.fabulous.ch/public/variant_asset/6857/file/large-ecec737ecfc52be129146aca3af1d87b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6857/file/medium-59ff3df29fd46f0373aa35613c325872.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">Chey Haircare</p>
          <a href="/fr/products/conditionneur-bar-calendula-60-g-14954">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Conditionneur Bar Calendula, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BpnyfZmx8Cyw9-4hnutM9eTA2tkkxtR8FMFKQ-lC2i6WzSVZSzyo_9iovbVekiIN6AS3F5NYyf54lcsqACpv6A" />
    <input value="14954" 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/brosse-a-vaisselle-tete-pour-echanger-1-pcs-1-piece-8887">
          <img alt="Brosse à vaisselle Tête pour échanger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5152/file/small-0ab7a8a26fba223f44b64ff651817624.webp 600w, https://assets.fabulous.ch/public/variant_asset/5152/file/medium-0cd39a035adfbca92a65b765e6fe69a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5152/file/large-8353cd11cc3c1fa707979a503a831648.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5152/file/medium-0cd39a035adfbca92a65b765e6fe69a5.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">memo</p>
          <a href="/fr/products/brosse-a-vaisselle-tete-pour-echanger-1-pcs-1-piece-8887">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brosse à vaisselle Tête pour échanger, 1 pièce</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 1.95 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="40L86r0sarFd14NfXBW5rtQNwnE9hgV6YiJbmwRfCRFzFivOb6EyYjWI0MucbNdW2Mmvv4oYGPgOdtry7Te81w" />
    <input value="8887" 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/torchons-de-vaisselle-sansplastique-bio-2pcs-1-piece-9781">
          <img alt="Torchons de vaisselle #sansplastique Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5428/file/small-63e1a44ef6c932b3e6b571f3a9e622aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/5428/file/medium-1609406b1b687bd0acd8a243326ea141.webp 900w, https://assets.fabulous.ch/public/variant_asset/5428/file/large-7d3427fda2e1cc46d9cdb09680cc3335.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5428/file/medium-1609406b1b687bd0acd8a243326ea141.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">memo</p>
          <a href="/fr/products/torchons-de-vaisselle-sansplastique-bio-2pcs-1-piece-9781">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Torchons de vaisselle #sansplastique Bio, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-URnJqfGUnLQheO5bi8GSHJI9Y2DpCxqDbxWide1HI5pELACdUsKobjasC2uVmiwfoyYQzQ6Mehh6NfgPt2pSA" />
    <input value="9781" 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/cotton-tige-sans-plastic-en-bambou-et-coton-100-piece-1823">
          <img alt="Cotton Tige sans Plastic | En Bambou et Coton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1422/file/small-53c0aa3f40a4c5e4d15ca309a269d43a.webp 600w, https://assets.fabulous.ch/public/variant_asset/1422/file/medium-353fa9731577f133089e10a616f5d308.webp 900w, https://assets.fabulous.ch/public/variant_asset/1422/file/large-74f8197e27a7cd6d78a1090ae6ce13dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1422/file/medium-353fa9731577f133089e10a616f5d308.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hydrophil</p>
          <a href="/fr/products/cotton-tige-sans-plastic-en-bambou-et-coton-100-piece-1823">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cotton Tige sans Plastic | En Bambou et Coton, 100 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DxSt7qkdGZ2K2JpnDAadvBglsY-23s04SzmRdOvocPyfQHrKe5BBTuKHyfPMf_NEFOHcQQFA0LonbRAdAoDFOg" />
    <input value="1823" 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/porte-savon-en-bois-d-olivier-moyen-sansplastique-1pcs-1-piece-7306">
          <img alt="Porte-savon en bois d&#39;olivier MOYEN #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4161/file/small-43cc5cc24980cf541cf31101d68a2bc1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4161/file/medium-f715f9dfe364856fd312a314fa19375a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4161/file/large-baf0ed07b0a49ccd13312f554c1aaad9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4161/file/medium-f715f9dfe364856fd312a314fa19375a.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">Spa Vivent</p>
          <a href="/fr/products/porte-savon-en-bois-d-olivier-moyen-sansplastique-1pcs-1-piece-7306">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Porte-savon en bois d&#39;olivier MOYEN #sansplastique, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HQXyno6B7F7hKytbFA5ZfwLy4xEjYH6VwGEOwZ8BdH6NUSW6XAy0jYl0eM_UdzeHDjaO35T-YxesNY-odmnBuA" />
    <input value="7306" 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/sonett-eco-eponge-1-x-2-pieces-1-piece-4040">
          <img alt="Sonett Eco-Eponge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2563/file/small-3752aacd22b38849c01d39ec3e54e025.webp 600w, https://assets.fabulous.ch/public/variant_asset/2563/file/medium-ce0e25dd586b6d0a5323062077b77ad3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2563/file/large-a31fdd1e0791a9650d55d5e75105e74c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2563/file/medium-ce0e25dd586b6d0a5323062077b77ad3.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/sonett-eco-eponge-1-x-2-pieces-1-piece-4040">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sonett Eco-Eponge, 2 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d_3uC2POVFRRpx3cjTVPt4yMv8de0nQ4uTtmsHfdiMrnqTkvsUMMhzn4TkhNTCFPgEjSCelMabrVb-fZnrU9DA" />
    <input value="4040" 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/sonett-eponge-a-recurer-ecologique-2-piece-17778">
          <img alt="Sonett Éponge à récurer écologique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8725/file/small-1699129b43cf15d811b98166476f16e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/8725/file/medium-5455db1f3c1f3847b0f28395edb46cf7.webp 900w, https://assets.fabulous.ch/public/variant_asset/8725/file/large-1d13c14744eb188eb56d793b60531077.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8725/file/medium-5455db1f3c1f3847b0f28395edb46cf7.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/sonett-eponge-a-recurer-ecologique-2-piece-17778">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sonett Éponge à récurer écologique, 2 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EnxONoBK7pdqBMf-1rPyCxgvVmqwdob2AAC8q-NPgW-CKJkSUse2RAJblGoWypzzFOs7pAfom3RsVD3CCic0qQ" />
    <input value="17778" 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-brosse-a-dents-enfants-extra-souple-bleu-hydrophil-1-piece-1821">
          <img alt="Bambou Brosse à dents ENFANTS Extra-Souple Bleu Hydrophil" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1418/file/small-69956ee672ce2a02f946b6e2e8889dff.webp 600w, https://assets.fabulous.ch/public/variant_asset/1418/file/medium-8149dadc116f2ebdf6129e7509e1be60.webp 900w, https://assets.fabulous.ch/public/variant_asset/1418/file/large-a76a7d91d62e8adccf1bf516a921ed21.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1418/file/medium-8149dadc116f2ebdf6129e7509e1be60.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hydrophil</p>
          <a href="/fr/products/bambou-brosse-a-dents-enfants-extra-souple-bleu-hydrophil-1-piece-1821">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambou Brosse à dents ENFANTS Extra-Souple Bleu Hydrophil, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yx5fgrMmyyrQcn2bGAPHOWmjDGqELXlgD6g1sssOdfdbSoimYauT-bgtLg_YeqnBZWdhpDOzZOJj_LTbImbAMQ" />
    <input value="1821" 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">
      40 sur 171 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/low-waste/sans-plastique?format=turbo_stream&amp;page=3">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>