<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/lait-corporel-noix-de-coco-coconut-bio-245-ml-6670">
          <img alt="Lait Corporel Noix de Coco (Coconut) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3859/file/small-86ad18cc4e049c6a0ea5f61f3c1b93d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3859/file/medium-e3363762a7af312009a56652b737ee84.webp 900w, https://assets.fabulous.ch/public/variant_asset/3859/file/large-5e026a146e4c673ed5c6ec02df4b0e14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3859/file/medium-e3363762a7af312009a56652b737ee84.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">Urtekram</p>
          <a href="/fr/products/lait-corporel-noix-de-coco-coconut-bio-245-ml-6670">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lait Corporel Noix de Coco (Coconut) Bio, 245 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZrmaWiyvNXWspxK4mw4oH3iuU6lfWME3QDXOM8_anF5Xrk3pdCld6hBEi72U-8QOnzFrQ3L2A-Lwnbk9GF87Ww" />
    <input value="6670" 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/deodorant-creme-divine-no-bullsh-t-sansplastique-50-ml-6812">
          <img alt="Déodorant Crème Divine No Bullsh!t #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3930/file/small-b641f2c3094abcdddd0025c6aa702581.webp 600w, https://assets.fabulous.ch/public/variant_asset/3930/file/medium-5877390e648b8de1fff483c7f5ab37e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3930/file/large-7ab3c0be383422dcf46e20cb3d138f29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3930/file/medium-5877390e648b8de1fff483c7f5ab37e8.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">No Bullsh!t</p>
          <a href="/fr/products/deodorant-creme-divine-no-bullsh-t-sansplastique-50-ml-6812">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Déodorant Crème Divine No Bullsh!t #sansplastique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oJ-pK8M7_6rhiWrGEcu2pM8g3HWJdT-_6wZ-UIByBN2RiH6Ym72XNV1q88MePlq1KL_kn6Tb_WpbrgleV_ej2A" />
    <input value="6812" 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/deodorant-creme-nude-no-bullsh-t-sansplastique-50-ml-6815">
          <img alt="Déodorant Crème Nude No Bullsh!t #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3933/file/small-8f7a7241ef2195d03c83110b8cf65803.webp 600w, https://assets.fabulous.ch/public/variant_asset/3933/file/medium-3ca719ef5a8230e1ccf620a0c9812ef6.webp 900w, https://assets.fabulous.ch/public/variant_asset/3933/file/large-e772d339b327b4eb1a801c07be4a2b3a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3933/file/medium-3ca719ef5a8230e1ccf620a0c9812ef6.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">No Bullsh!t</p>
          <a href="/fr/products/deodorant-creme-nude-no-bullsh-t-sansplastique-50-ml-6815">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Déodorant Crème Nude No Bullsh!t #sansplastique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/deodorant-creme-mini-coffret-decouverte-ou-de-voyage-no-bullsh-t-sansplastique-15-ml-6816">
          <img alt="Déodorant Crème Mini-coffret découverte ou de voyage No Bullsh!t #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3934/file/small-083d4e48938a219d5c434128dfab3381.webp 600w, https://assets.fabulous.ch/public/variant_asset/3934/file/medium-559201cb5dcf1ad90e56681e03c776b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/3934/file/large-28b227a0643be07d2adec1ab59c4896c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3934/file/medium-559201cb5dcf1ad90e56681e03c776b6.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">No Bullsh!t</p>
          <a href="/fr/products/deodorant-creme-mini-coffret-decouverte-ou-de-voyage-no-bullsh-t-sansplastique-15-ml-6816">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Déodorant Crème Mini-coffret découverte ou de voyage No Bullsh!t #sansplastique, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.15
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bain-moussant-fleurs-de-foin-bain-demeter-250-ml-7731">
          <img alt="Bain Moussant Fleurs de foin Bain Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4459/file/small-208eadf609168507df2d505de74b67c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/4459/file/medium-fb79634c0e6d5376659df09c6685f716.webp 900w, https://assets.fabulous.ch/public/variant_asset/4459/file/large-40ea9e9c17e4304d6482f846f9aaa870.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4459/file/medium-fb79634c0e6d5376659df09c6685f716.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">NaturKraftWerke</p>
          <a href="/fr/products/bain-moussant-fleurs-de-foin-bain-demeter-250-ml-7731">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bain Moussant Fleurs de foin Bain Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="89Id-3_-K2kN6cpsBWMjs7SkPLpA7Os8gddRC8_OPoHCxcpIJ3hD9rEKU2kKls-iUzsEUG1CKekxfyYFGEuZhA" />
    <input value="7731" 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-et-douche-pour-enfants-2en1-canard-a-la-mangue-60-g-8879">
          <img alt="Shampooing et douche pour enfants 2en1 canard à la mangue" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5139/file/small-e0c20d11e50de195e89f63eabf3fa209.webp 600w, https://assets.fabulous.ch/public/variant_asset/5139/file/medium-3600cae92640a5d466382c3d3b9ce202.webp 900w, https://assets.fabulous.ch/public/variant_asset/5139/file/large-11f693116f4725c91ab3481d2d7dc9c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5139/file/medium-3600cae92640a5d466382c3d3b9ce202.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hydrophil</p>
          <a href="/fr/products/shampooing-et-douche-pour-enfants-2en1-canard-a-la-mangue-60-g-8879">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing et douche pour enfants 2en1 canard à la mangue, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.00
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bain-moussant-reconfortant-200-ml-8965">
          <img alt="Bain Moussant RÉCONFORTANT" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5174/file/small-527054f4eada73bbd00ab74be2a8b84b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5174/file/medium-f0172ee7e4fd58d5e9a44e00a2cab276.webp 900w, https://assets.fabulous.ch/public/variant_asset/5174/file/large-3cb378144dbcb54428ac88a9648bc2f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5174/file/medium-f0172ee7e4fd58d5e9a44e00a2cab276.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">farfalla</p>
          <a href="/fr/products/bain-moussant-reconfortant-200-ml-8965">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bain Moussant RÉCONFORTANT, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.30
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/oreiller-en-mousse-de-bain-luttes-welt-50-g-8966">
          <img alt="Oreiller en mousse de bain Lüttes Welt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5176/file/small-909d2a5df12359e65f1ab4209d8c54e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5176/file/medium-15d67bed6b5860005291e4f323371a9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5176/file/large-4bb894d52e51fbc143b45ef9fc9876a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5176/file/medium-15d67bed6b5860005291e4f323371a9e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lüttes Welt</p>
          <a href="/fr/products/oreiller-en-mousse-de-bain-luttes-welt-50-g-8966">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oreiller en mousse de bain Lüttes Welt, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/no-bullsh-t-solid-parfum-soleil-15-ml-11153">
          <img alt="No Bullsh!t Solid Parfum Soleil" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5713/file/small-674af5c9647025942b17e8d7c3d81d40.webp 600w, https://assets.fabulous.ch/public/variant_asset/5713/file/medium-91822919cc239b5d135e4cfb8ef78d7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5713/file/large-5cc1f2905937cb0d9b62e835c1dc286a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5713/file/medium-91822919cc239b5d135e4cfb8ef78d7b.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">No Bullsh!t</p>
          <a href="/fr/products/no-bullsh-t-solid-parfum-soleil-15-ml-11153">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">No Bullsh!t Solid Parfum Soleil, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X8hRgin9n5jdomqvr3k68aZsnF2thMg81MRz1iGC_B9u34YxcXv3B2FB86qgjNbgQfOkt4AqCulkbATY9gdbGg" />
    <input value="11153" 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/no-bullsh-t-solid-parfum-terre-15-ml-11207">
          <img alt="No Bullsh!t Solid Parfum Terre" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5735/file/small-3b0d38c02450fb9756024d8f04adcd77.webp 600w, https://assets.fabulous.ch/public/variant_asset/5735/file/medium-a17eeae546e7b5f2eed24097d3929b45.webp 900w, https://assets.fabulous.ch/public/variant_asset/5735/file/large-6e9d0c2e5cf94fc9b5b26c4343560be5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5735/file/medium-a17eeae546e7b5f2eed24097d3929b45.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">No Bullsh!t</p>
          <a href="/fr/products/no-bullsh-t-solid-parfum-terre-15-ml-11207">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">No Bullsh!t Solid Parfum Terre, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ydeGKyXPCc4TIg_toL16ez1LoX_bgN7x2st-pM_d-Vz4wFGYfUlhUa_BluivSJZq2tSZlfYuHCRqYwmqGFheWQ" />
    <input value="11207" 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/no-bullsh-t-solid-parfum-venus-15-ml-11208">
          <img alt="No Bullsh!t Solid Parfum Vénus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5736/file/small-34bea04280e2a75c3f92402f804b9c4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5736/file/medium-911a462764b8adfd4f653881589b0f99.webp 900w, https://assets.fabulous.ch/public/variant_asset/5736/file/large-6fdef2dd0c5747dce80f47b200c32242.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5736/file/medium-911a462764b8adfd4f653881589b0f99.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">No Bullsh!t</p>
          <a href="/fr/products/no-bullsh-t-solid-parfum-venus-15-ml-11208">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">No Bullsh!t Solid Parfum Vénus, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.20
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/deo-baton-deodorant-ocean-breeze-50-g-11338">
          <img alt="Deo Bâton Déodorant Ocean Breeze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5813/file/small-bcc918fe36c2957f3e612ebe9200d8fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/5813/file/medium-ff972cedc1ebf5f6c55bcb2f4462f05b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5813/file/large-5db24a7278b13c60d33b09951b1e3361.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5813/file/medium-ff972cedc1ebf5f6c55bcb2f4462f05b.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">Rosenrot Naturkosmetik</p>
          <a href="/fr/products/deo-baton-deodorant-ocean-breeze-50-g-11338">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deo Bâton Déodorant Ocean Breeze, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.95
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/deo-baton-deodorant-sensitive-sans-parfum-50-g-11339">
          <img alt="Deo Bâton Déodorant Sensitive - Sans parfum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5814/file/small-7d0533412143f515b56098ecef148e48.webp 600w, https://assets.fabulous.ch/public/variant_asset/5814/file/medium-a6c4cd2349380bcafa7756eb4949f331.webp 900w, https://assets.fabulous.ch/public/variant_asset/5814/file/large-e7cbd78a4f2b0df5917613e56c9652a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5814/file/medium-a6c4cd2349380bcafa7756eb4949f331.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">Rosenrot Naturkosmetik</p>
          <a href="/fr/products/deo-baton-deodorant-sensitive-sans-parfum-50-g-11339">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deo Bâton Déodorant Sensitive - Sans parfum, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11339-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">
    <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/deo-baton-deodorant-summer-dream-50-g-11340">
          <img alt="Deo Bâton Déodorant Summer Dream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5815/file/small-78778f8402e34faef5ce1846e829739f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5815/file/medium-1f624ebcfdba69c80268bcb2e67042bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/5815/file/large-4ebbd5a4ceaaaa8beb2b6591109f108d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5815/file/medium-1f624ebcfdba69c80268bcb2e67042bb.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">Rosenrot Naturkosmetik</p>
          <a href="/fr/products/deo-baton-deodorant-summer-dream-50-g-11340">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deo Bâton Déodorant Summer Dream, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.95
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/deo-baton-deodorant-homme-arctic-green-50-g-11341">
          <img alt="Deo Bâton Déodorant Homme Arctic Green" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5816/file/small-388893e88fa9a4ba5d7686e2743ba69e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5816/file/medium-710813c30126274596edd5af97648775.webp 900w, https://assets.fabulous.ch/public/variant_asset/5816/file/large-48415f97f1a4b3c3f8b6519630b048d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5816/file/medium-710813c30126274596edd5af97648775.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">Rosenrot Naturkosmetik</p>
          <a href="/fr/products/deo-baton-deodorant-homme-arctic-green-50-g-11341">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deo Bâton Déodorant Homme Arctic Green, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11341-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/gel-douche-soin-sensitive-2en1-250-ml-12296">
          <img alt="Gel Douche Soin Sensitive 2en1" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6181/file/small-73dc698bfb1cca5d9d55fef6ce2d7371.webp 600w, https://assets.fabulous.ch/public/variant_asset/6181/file/medium-4669b5e458777d0163b90b29d71ede3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6181/file/large-ce33b1cbfb07bae623453bfd9c0c80a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6181/file/medium-4669b5e458777d0163b90b29d71ede3a.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">Lavera</p>
          <a href="/fr/products/gel-douche-soin-sensitive-2en1-250-ml-12296">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gel Douche Soin Sensitive 2en1, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mMLAIEwZji6BrP5H4nOo0V6BGT5uYonWojQcT2nFkaap1ReTFJ_msT1PZ0LthkTAuR4h1EPMSwMSnGtBvkA2ow" />
    <input value="12296" 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/gel-douche-2en1-menthe-bio-500-ml-12307">
          <img alt="Gel Douche 2en1 Menthe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6183/file/small-e3aa2527ba84006ff8b0a5edc773c3d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6183/file/medium-e4ae2617caa8590c74ac02060b5f3420.webp 900w, https://assets.fabulous.ch/public/variant_asset/6183/file/large-57c5add90fb484e7ad17b9b9a2edcddd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6183/file/medium-e4ae2617caa8590c74ac02060b5f3420.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/fr/products/gel-douche-2en1-menthe-bio-500-ml-12307">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gel Douche 2en1 Menthe Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tl1aiFZiL47HL8by4aXFCmMG_-2F5oOI_7acbu9PoFN_So07DuRHEXvMX_fuUCkbhJnHB6hIQV1PHutgOMoHVg" />
    <input value="12307" 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-douche-rose-sauvage-bio-500-ml-12309">
          <img alt="Gel Douche Rose Sauvage Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6186/file/small-279f8588d415eb069efe907281f75377.webp 600w, https://assets.fabulous.ch/public/variant_asset/6186/file/medium-e5fdb69ec0b27378d171394207a02c3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6186/file/large-0ca7e64f45d3816117dd64e67180c863.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6186/file/medium-e5fdb69ec0b27378d171394207a02c3e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/fr/products/gel-douche-rose-sauvage-bio-500-ml-12309">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gel Douche Rose Sauvage Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ezezhCR-WrDFQ1CBkea0IQCRDcAoNS8t5_KsBt2r6vpKIGQ3fPgyL3mgyYSeE1gw5w41KgWb7fhXWtsICi5N_w" />
    <input value="12309" 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/gel-douche-avoine-bio-500-ml-12310">
          <img alt="Gel Douche Avoine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6187/file/small-4fca68edade69f6f8a711e6c7129c414.webp 600w, https://assets.fabulous.ch/public/variant_asset/6187/file/medium-a08a01e3de8db0c7f9dd4a98cc3473ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/6187/file/large-aecc3d5a27b09a93d80a9981ff2b6e76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6187/file/medium-a08a01e3de8db0c7f9dd4a98cc3473ac.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/fr/products/gel-douche-avoine-bio-500-ml-12310">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gel Douche Avoine Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="izfWqbOO1zvjjQ2VCFvOy4aNOzf8ae0Qr4vz23jlXwO6IAEa6wi_pF9ulJAHriLaYRID3dHHL8UfI4TVr2D4Bg" />
    <input value="12310" 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/volcan-de-baignade-glitter-fish-luttes-welt-70-g-12382">
          <img alt="Volcan de baignade &quot;Glitter Fish&quot; Lüttes Welt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6206/file/small-f19119ab0d00715b504e46832b2f908c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6206/file/medium-4787ffc7df3aadfbc63b79a71a461bcd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6206/file/large-5ba04026089bd6851c68c561cd658e5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6206/file/medium-4787ffc7df3aadfbc63b79a71a461bcd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lüttes Welt</p>
          <a href="/fr/products/volcan-de-baignade-glitter-fish-luttes-welt-70-g-12382">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Volcan de baignade &quot;Glitter Fish&quot; Lüttes Welt, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6vdXZn_7uDtfE6oJ7JddNJaKrVkVcmOhJ-DmgHKXmv3b4IDVJ33QpOPwMwzjYrElcRWVszjcoXSXSJGOpRI9-A" />
    <input value="12382" 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">
      60 sur 94 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/cosmetiques/soins-pour-peau?format=turbo_stream&amp;page=4">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>