Résultats de recherche

16 résultats

Résultats de recherche

EmPower dual enzymatic detergent disinfectant gallon jug for medical instrument cleaning

EmPower dual enzymatic detergent gallon for disinfecting medical instruments and surfaces

0% OFF

Metrex

Nettoyant pour instruments à double enzyme EmPower™, bouteille de 1 gallon

$68.69 CAD

Le détergent enzymatique double pour instruments EmPower™ est une solution de nettoyage haute performance conçue pour le prénettoyage des instruments médicaux et dentaires critiques ou semi-critiques avant stérilisation terminale ou désinfection de haut niveau. Conditionné en flacon pratique de 3,8 l, ce détergent utilise une formule enzymatique double pour éliminer efficacement une large gamme de résidus organiques et inorganiques.

Caractéristiques principales :

Double action enzymatique : Contient deux enzymes protéases, la protéase et la lipase, qui agissent en synergie pour décomposer les matières organiques complexes telles que le sang, les tissus et les graisses. Cela assure un nettoyage complet de diverses souillures protéiques.
Nettoyage efficace : élimine rapidement le sang, les tissus, le mucus et autres fluides corporels riches en protéines des instruments, ce qui le rend idéal pour les environnements de soins de santé très fréquentés où un nettoyage complet des instruments est essentiel.
Taille pratique : le récipient de 1 gallon convient à une utilisation à volume élevé dans les établissements médicaux, garantissant un approvisionnement adéquat pour les besoins de nettoyage quotidiens.
Compatibilité avec les laveurs automatiques : Formulé pour être compatible avec les systèmes de lavage automatiques, y compris les nettoyeurs à ultrasons et les laveurs d'instruments, améliorant l'efficacité globale du nettoyage et s'intégrant parfaitement dans les protocoles de nettoyage existants.
Formule non corrosive : conçue pour être moins corrosive que l’eau distillée, réduisant ainsi le risque de dommages aux instruments délicats et prolongeant leur durée de vie.
Convivial : facile à utiliser avec des instructions claires pour la dilution et l'application, améliorant l'efficacité des flux de travail de traitement des instruments.
Sans danger pour les environnements de soins de santé : assure un nettoyage efficace sans produits chimiques agressifs qui pourraient présenter des risques pour les utilisateurs ou les patients, favorisant ainsi un environnement sûr et hygiénique dans les milieux médicaux et dentaires.

Le détergent enzymatique pour instruments EmPower™ est disponible en versions originale et sans parfum pour s'adapter aux préférences des utilisateurs. La version sans parfum est particulièrement adaptée aux personnes aux voies respiratoires sensibles.

Miltex surgical instrument cleaner bottle with white cap and purple label for medical use

0% OFF

Integra

Nettoyant pour instruments chirurgicaux Miltex 3-720

$24.50 CAD

STERIS PRE-Klenz instrument transport gel 650ml spray bottle for medical cleaning

12% OFF 12 bouteilles (1 caisse)

Steris

Pre-Klenz Instrument Cleaner/Sterilize Vaporisateur | Stéris (650ml)

~~$359.99 CAD~~ À partir de $29.99 CAD

PREempt CS20 1L high-level disinfectant bottle for medical devices and instruments

PREempt CS20 high-level disinfectant bottle for medical devices, 1L, white background

0% OFF

Virox Tech

Désinfectant PREempt Cs20 pour dispositifs et instruments médicaux (1 litre)

$23.99 CAD

OPTIM 33TB wipes container for surface cleaning and intermediate level disinfectant, 160 count

0% OFF

Optim

Nettoyant et désinfectant de surface Optim 33TB

$25.55 CAD

Avec un temps de contact d'une minute avec la solution TB , OPT IM 33TB est l'un des nettoyants et désinfectants de niveau intermédiaire les plus rapides et les plus efficaces. Sûr, OPT IM 33TB ne nécessite aucun pictogramme de danger, mention d'avertissement ou déclaration SGH. OPT IM 33TB vous garantit la conformité et la protection de vos patients, de votre personnel, de vos équipements et de l'environnement ; un équilibre parfait.

OPT IM a démontré son efficacité contre des virus similaires à la maladie à coronavirus 2019 (COVID-19) sur les surfaces dures non poreuses et les dispositifs médicaux non invasifs. Ce produit peut donc être utilisé contre la COVID-19 s'il est utilisé conformément au mode d'emploi contre le poliovirus sur les surfaces dures non poreuses et les dispositifs médicaux non invasifs.

Nettoyant efficace

Nettoyant désinfectant en une étape.

Élimine les débris organiques tout en désinfectant. ¹
Fabriqué avec 0,5 % de peroxyde d'hydrogène, ne laissant aucun résidu actif
Les lingettes couvrent deux fois plus de surface que celles du principal concurrent

Technologie brevetée pour des résultats de désinfection plus rapides.

1 minute de temps de contact tuberculocide, bactéricide et virucide
Temps de contact fongicide de 3 minutes
Désinfectant de 30 secondes pour vos surfaces environnementales

L’efficacité virucide démontrée s’étend aux agents pathogènes nouveaux et émergents.

Le temps de contact virucide d'une minute s'applique au nouveau coronavirus (COVID-19), au syndrome respiratoire aigu sévère (SRAS -CoV) et au syndrome respiratoire du Moyen-Orient (MERS-CoV). Lire l'article ici .

Sûr pour tous

Formule non toxique et sans COV.

Aucune toxicité pour la reproduction, irritation cutanée, irritation oculaire ou irritation respiratoire
Aucun pictogramme de danger, mention d'avertissement ou déclaration SGH n'est requis
Conçu pour être compatible avec une large gamme de matériaux ³

^{</noiframe></sup></p>

</div>

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

<div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>

<div x-data="xProductCart"
class="quick-view-card-atc card-info bottom_atc md:list-layout:hidden hide-icon"
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option752024508848015" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="47235317858528">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-7520245088480-15"
class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button><input type="hidden" name="product-id" value="7520245088480" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div>

<div class="quick-view-enabled-only hidden md:list-layout:flex gap-3 mt-5 md:mt-7"><div x-data="xProductCart" class="quick-view-atc-only">

<form method="post" action="/fr/cart/add" id="product-form-choose-option752024508848015" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="47235317858528">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-7520245088480-15"
class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-20 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button><button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"

data-id="template--22470383337696__main-7520245088480-15"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Nettoyant et désinfectant de surface Optim 33TB",
"listName": "",
"sku": "7520245088480",
"currencyCode": "CAD",
"price": 2555,
"vendor": "Optim"
}
}"
>
<span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading">
<i class="cs-icon icon-cs-cart"></i></span>
<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button><input type="hidden" name="product-id" value="7520245088480" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div><button
data-quick-view-action="open-product"
data-quick-view-url="/fr/products/optim-33tb-surface-cleaner-disinfectant"
data-quick-view-option-id="template--22470383337696__main-7520245088480-15"
aria-label="Bouton de visualisation rapide"
x-customer-event-data="{
"product": {
"title": "Nettoyant et désinfectant de surface Optim 33TB",
"listName": "",
"sku": "7520245088480",
"currencyCode": "CAD",
"price": 2555,
"vendor": "Optim"
}
}"
class="quick-view-enabled-only button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3"
>
<span class="flex justify-center items-center">
<span class="button-text" data-quick-view-label>Vue rapide</span>
</span>
</button>
</div>

</div>
</div>

<script src="//emerdepot.com/cdn/shop/t/81/assets/preview-color-swatches.js?v=155925112040687201791788108428" defer></script></div>

<div class="grid-item">

<div

x-data="xProductCard('template--22470383337696__main-16', '/fr/products/bm-5000-ultrasonic-solution-cleaner-general-purpose-4l', '8618026696928')"

class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]"
x-slide-index="-1"
>
<div
class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
>
<style data-shopify>

</style>

<style data-shopify>

</style>
<a

x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"

href="/fr/products/bm-5000-ultrasonic-solution-cleaner-general-purpose-4l?_pos=6&_sid=6c63432be&_ss=r"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 47311310061792,
"product_id": 8618026696928,
"available": true,
"title": "Nettoyeur à ultrasons BM 5000 à usage général 4 L",
"compare_at_price": 0,
"price": 8888,
"price_with_currency": "$88.88 CAD",
"sale_amount": "$-88.88",
"collections": "||481234616544||417505575136||487133249760||264299348162||473594233056||465572856032||",
"inventory_management": "shopify",
"qty": 500,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 803.97,
"diff_day_publish": 803.97

}]"

aria-label="Nettoyeur à ultrasons BM 5000 à usage général 4 L"
id="8618026696928-template--22470383337696__main"
class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block

no-collage rounded-[10px] pb-[100%]">
<div x-data="xDoubleTouch('/fr/products/bm-5000-ultrasonic-solution-cleaner-general-purpose-4l?_pos=6&_sid=6c63432be&_ss=r')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0

animate_transition_card__image">
<div
id="x-slideshow-card-product-template--22470383337696__main-16--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Nettoyeur à ultrasons BM 5000 à usage général 4 L",
"listName": "",
"sku": "8618026696928",
"currencyCode": "CAD",
"price": 8888,
"vendor": "EmerDepot Medical Supplies"
}
}"
><div
class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
@touchstart="onTouchStart($event)"
@touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
@touchmove="onTouchMove($event)"
></div>
<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
>

<picture>
<img
srcset="//emerdepot.com/cdn/shop/files/94ecee8235421c989bbdbc7dd30f84ad.png?v=1761687786&width=188 188w,
//emerdepot.com/cdn/shop/files/94ecee8235421c989bbdbc7dd30f84ad.png?v=1761687786&width=225 225w"
src="//emerdepot.com/cdn/shop/files/94ecee8235421c989bbdbc7dd30f84ad.png?v=1761687786&width=225"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="BM-5000 4 litre general purpose ultrasonic cleaner liquid in plastic jug"
:class="showSecond ? 'first-img' : ''"
class="w-full preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
loading="lazy"
width="340"
height="340"
onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div><div class="w-full h-full top-0 left-0 absolute lg:block">

<picture>
<img loading="lazy"
srcset="//emerdepot.com/cdn/shop/files/94ecee8235421c989bbdbc7dd30f84ad_d244a830-92c8-4916-b5d5-a9e3fbe5dda0.png?v=1761687787&width=188 188w,
//emerdepot.com/cdn/shop/files/94ecee8235421c989bbdbc7dd30f84ad_d244a830-92c8-4916-b5d5-a9e3fbe5dda0.png?v=1761687787&width=225 225w"
src="//emerdepot.com/cdn/shop/files/94ecee8235421c989bbdbc7dd30f84ad_d244a830-92c8-4916-b5d5-a9e3fbe5dda0.png?v=1761687787&width=225"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="BM-5000 general purpose ultrasonic cleaner 4 litres jug for medical and home care use"
:class="showSecond ? 'second-img' : ''"
class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
loading="lazy"
width="340"
height="340"
onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div></div>
</div>
</a><div class="discount-badge discount-badge--hidden"
id="discount-badge-template--22470383337696__main-16">
<span class="discount-badge__pct">0% OFF</span>

</div>

<script>
(function(){
var sid='template--22470383337696__main-16';
var isMulti=false;

document.addEventListener('eurus:product-card-variant-select:updated:'+sid,function(e){
var badge=document.getElementById('discount-badge-'+sid);
var v=e.detail&&e.detail.currentVariant;

if(!badge||!v)return;

if(v.compare_at_price&&v.compare_at_price>v.price){
var pct=Math.round((v.compare_at_price-v.price)*100/v.compare_at_price);

badge.querySelector('.discount-badge__pct').textContent=pct+'% OFF';

var sp=badge.querySelector('.discount-badge__variant');

if(isMulti&&v.title&&v.title!=='Default Title'){
if(!sp){
sp=document.createElement('span');
sp.className='discount-badge__variant';
badge.appendChild(sp);
}

sp.textContent=v.title;
}else if(sp){
sp.remove();
}

badge.classList.remove('discount-badge--hidden');
}else{
badge.classList.add('discount-badge--hidden');
}
});
})();
</script>

<div class="md:list-layout:hidden">
<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">EmerDepot Medical Supplies</div>
<p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--22470383337696__main-8618026696928">

<a href="/fr/products/bm-5000-ultrasonic-solution-cleaner-general-purpose-4l?_pos=6&_sid=6c63432be&_ss=r"
class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Nettoyeur à ultrasons BM 5000 à usage général 4 L",
"listName": "",
"sku": "8618026696928",
"currencyCode": "CAD",
"price": 8888,
"vendor": "EmerDepot Medical Supplies"
}
}"
>
Nettoyeur à ultrasons BM 5000 à usage général 4 L
</a>

</p>

<div
class="flex flex-wrap gap-[3px] mb-3 empty:mb-0 rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
x-data="{setPosition(el) {
parentEl = el.closest('.card-info').getBoundingClientRect();
el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
elRect = el.getBoundingClientRect();
let spacingLeft = elRect.left - parentEl.left;
if (spacingLeft < 0) {
el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
}
let spacingRight = parentEl.right - elRect.right;
if (spacingRight < 0) {
el.style.setProperty('--left-tooltip', spacingRight + 'px');
}
}}"
x-init="$el.innerHTML = $el.innerHTML.trim();"
>

</div>

<div
class="x-review-product yotpo flex w-full items-center rating-review justify-center ltr mb-4 md:list-layout:justify-start"
><div class="yotpo bottomLine" data-product-id="8618026696928"> </div></div>

<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">

<div class=" price leading-none " bss-b2b-product-id="8618026696928" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">8888</div><p class="price ">
<span>$88.88 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Prix unitaire</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> par </span>
<span>
</span>
</span>
</small>

</div>

</div>

<div class="next-price empty:hidden"></div>
</div>

<div id="x-availability-notice-template--22470383337696__main" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('8618026696928', [481234616544, 417505575136, 487133249760, 264299348162, 473594233056, 465572856032])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": true

},
pickupLocation: ["EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)"
]
}'
class="mb-3"
x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
>
<style data-shopify>
.text-available, .text-unavailable {
font-size: 0.669375rem;
font-family: var(--font-body-family);
}

@media (min-width: 768px) {
.text-available, .text-unavailable {
font-size: 0.74375rem;
}
}

.text-available {
color: #34ad65;
}

.dark .text-available {
color: #34ad65;
}

.text-unavailable {
color: #c91517;
}

.dark .text-unavailable {
color: #c91517;
}
</style>
<div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'Disponible pour retrait à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
<div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'En rupture de stock à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
</div></div>
<div class="quick-view-container quick-view-enabled-only absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0">
<div x-data="xProductCart"
class="quick-view-atc-only quick-view-image-atc w-full hide-icon lg:px-4"
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option861802669692816" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="47311310061792">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-8618026696928-16"
class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>
<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"

data-id="template--22470383337696__main-8618026696928-16"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Nettoyeur à ultrasons BM 5000 à usage général 4 L",
"listName": "",
"sku": "8618026696928",
"currencyCode": "CAD",
"price": 8888,
"vendor": "EmerDepot Medical Supplies"
}
}"
>
<span>Add to cart</span>

<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button><input type="hidden" name="product-id" value="8618026696928" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-8618026696928-template--22470383337696__main-16"
class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
> <div class="bss-qb-collection-table"></div><div class="bss-b2b-qb-table"></div>
<div class="hidden md:list-layout:block">

<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">EmerDepot Medical Supplies</div>
<p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--22470383337696__main-8618026696928">

<a href="/fr/products/bm-5000-ultrasonic-solution-cleaner-general-purpose-4l?_pos=6&_sid=6c63432be&_ss=r"
class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Nettoyeur à ultrasons BM 5000 à usage général 4 L",
"listName": "",
"sku": "8618026696928",
"currencyCode": "CAD",
"price": 8888,
"vendor": "EmerDepot Medical Supplies"
}
}"
>
Nettoyeur à ultrasons BM 5000 à usage général 4 L
</a>

</p>

<div
class="flex flex-wrap gap-[3px] mb-3 empty:mb-0 rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
x-data="{setPosition(el) {
parentEl = el.closest('.card-info').getBoundingClientRect();
el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
elRect = el.getBoundingClientRect();
let spacingLeft = elRect.left - parentEl.left;
if (spacingLeft < 0) {
el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
}
let spacingRight = parentEl.right - elRect.right;
if (spacingRight < 0) {
el.style.setProperty('--left-tooltip', spacingRight + 'px');
}
}}"
x-init="$el.innerHTML = $el.innerHTML.trim();"
>

</div>

<div
class="x-review-product yotpo flex w-full items-center rating-review justify-center ltr mb-4 md:list-layout:justify-start"
><div class="yotpo bottomLine" data-product-id="8618026696928"> </div></div>

<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">

<div class=" price leading-none " bss-b2b-product-id="8618026696928" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">8888</div><p class="price ">
<span>$88.88 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Prix unitaire</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> par </span>
<span>
</span>
</span>
</small>

</div>

</div>

<div class="next-price empty:hidden"></div>
</div>

<div id="x-availability-notice-template--22470383337696__main" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('8618026696928', [481234616544, 417505575136, 487133249760, 264299348162, 473594233056, 465572856032])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": true

},
pickupLocation: ["EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)"
]
}'
class="mb-3"
x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
>
<style data-shopify>
.text-available, .text-unavailable {
font-size: 0.669375rem;
font-family: var(--font-body-family);
}

@media (min-width: 768px) {
.text-available, .text-unavailable {
font-size: 0.74375rem;
}
}

.text-available {
color: #34ad65;
}

.dark .text-available {
color: #34ad65;
}

.text-unavailable {
color: #c91517;
}

.dark .text-unavailable {
color: #c91517;
}
</style>
<div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'Disponible pour retrait à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
<div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'En rupture de stock à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
</div></div>
<div class="quick-view-container quick-view-enabled-only absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0">
<div x-data="xProductCart"
class="quick-view-atc-only quick-view-image-atc w-full hide-icon lg:px-4"
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option861802669692816" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="47311310061792">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-8618026696928-16"
class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>
<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"

data-id="template--22470383337696__main-8618026696928-16"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Nettoyeur à ultrasons BM 5000 à usage général 4 L",
"listName": "",
"sku": "8618026696928",
"currencyCode": "CAD",
"price": 8888,
"vendor": "EmerDepot Medical Supplies"
}
}"
>
<span>Add to cart</span>

<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button><input type="hidden" name="product-id" value="8618026696928" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div>
</div>
</div>
</div>

</div>

<div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
Alpine.store('xUpdateVariantQuanity').updateQuantity('template--22470383337696__main', '/fr/products/bm-5000-ultrasonic-solution-cleaner-general-purpose-4l?_pos=6&_sid=6c63432be&_ss=r');
});"></div>
<div
id="current-variant-template--22470383337696__main-8618026696928-16"
class="current-variant hidden"
>
47311310061792
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<p> Nettoyeur à ultrasons BM-5000 4L/bouteille</p> <p>Cette solution concentrée 10 pour 1 est parfumée au citron et non ammoniaquée. Contient un inhibiteur de corrosion. Formulé pour éliminer le sang, les tissus, les débris et autres contaminants des instruments dans une unité de nettoyage à ultrasons. Contient de l'alcool isopropylique pour un nettoyage et une désinfection optimisés. 4 L

<br></p>
</div>
</div>

<div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>

<div x-data="xProductCart"
class="quick-view-card-atc card-info bottom_atc md:list-layout:hidden hide-icon"
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option861802669692816" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="47311310061792">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-8618026696928-16"
class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button><input type="hidden" name="product-id" value="8618026696928" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div>

<div class="quick-view-enabled-only hidden md:list-layout:flex gap-3 mt-5 md:mt-7"><div x-data="xProductCart" class="quick-view-atc-only">

<form method="post" action="/fr/cart/add" id="product-form-choose-option861802669692816" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="47311310061792">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-8618026696928-16"
class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-20 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button><button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"

data-id="template--22470383337696__main-8618026696928-16"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Nettoyeur à ultrasons BM 5000 à usage général 4 L",
"listName": "",
"sku": "8618026696928",
"currencyCode": "CAD",
"price": 8888,
"vendor": "EmerDepot Medical Supplies"
}
}"
>
<span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading">
<i class="cs-icon icon-cs-cart"></i></span>
<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button><input type="hidden" name="product-id" value="8618026696928" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div><button
data-quick-view-action="open-product"
data-quick-view-url="/fr/products/bm-5000-ultrasonic-solution-cleaner-general-purpose-4l"
data-quick-view-option-id="template--22470383337696__main-8618026696928-16"
aria-label="Bouton de visualisation rapide"
x-customer-event-data="{
"product": {
"title": "Nettoyeur à ultrasons BM 5000 à usage général 4 L",
"listName": "",
"sku": "8618026696928",
"currencyCode": "CAD",
"price": 8888,
"vendor": "EmerDepot Medical Supplies"
}
}"
class="quick-view-enabled-only button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3"
>
<span class="flex justify-center items-center">
<span class="button-text" data-quick-view-label>Vue rapide</span>
</span>
</button>
</div>

</div>
</div>

<script src="//emerdepot.com/cdn/shop/t/81/assets/preview-color-swatches.js?v=155925112040687201791788108428" defer></script></div>

<div class="grid-item">

<div

x-data="xProductCard('template--22470383337696__main-17', '/fr/products/caviwipes-bleach-6-x-10-5-large-160-wipes-pk-11-1200', '8215572512992')"

class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]"
x-slide-index="-1"
>
<div
class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
>
<style data-shopify>

</style>

<style data-shopify>

</style>
<a

x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"

href="/fr/products/caviwipes-bleach-6-x-10-5-large-160-wipes-pk-11-1200?_pos=7&_sid=6c63432be&_ss=r"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 48107262214368,
"product_id": 8215572512992,
"available": true,
"title": "Lingettes nettoyantes CaviWipes | 6&quot; x 10,5&quot; | 90/pot | 11-1200",
"compare_at_price": 0,
"price": 3299,
"price_with_currency": "$32.99 CAD",
"sale_amount": "$-32.99",
"collections": "||481234616544||417505575136||487133249760||264299348162||473594233056||465573118176||",
"inventory_management": "shopify",
"qty": 102,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 984.91,
"diff_day_publish": 971.62

},{
"variant_id": 48107262247136,
"product_id": 8215572512992,
"available": true,
"title": "Lingettes nettoyantes CaviWipes | 6&quot; x 10,5&quot; | 90/pot | 11-1200",
"compare_at_price": 0,
"price": 33299,
"price_with_currency": "$332.99 CAD",
"sale_amount": "$-332.99",
"collections": "||481234616544||417505575136||487133249760||264299348162||473594233056||465573118176||",
"inventory_management": "shopify",
"qty": 5,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 984.91,
"diff_day_publish": 971.62

}]"

aria-label="Lingettes nettoyantes CaviWipes | 6" x 10,5" | 90/pot | 11-1200"
id="8215572512992-template--22470383337696__main"
class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block

no-collage rounded-[10px] pb-[100%]">
<div x-data="xDoubleTouch('/fr/products/caviwipes-bleach-6-x-10-5-large-160-wipes-pk-11-1200?_pos=7&_sid=6c63432be&_ss=r')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0

animate_transition_card__image">
<div
id="x-slideshow-card-product-template--22470383337696__main-17--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Lingettes nettoyantes CaviWipes | 6&quot; x 10,5&quot; | 90/pot | 11-1200",
"listName": "",
"sku": "8215572512992",
"currencyCode": "CAD",
"price": 3299,
"vendor": "Caviwipes"
}
}"
><div
class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
@touchstart="onTouchStart($event)"
@touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
@touchmove="onTouchMove($event)"
></div>
<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
>

<picture>
<img
srcset="//emerdepot.com/cdn/shop/files/2c28d476f3e92d5961b3e9df137abd38.png?v=1767396528&width=188 188w,
//emerdepot.com/cdn/shop/files/2c28d476f3e92d5961b3e9df137abd38.png?v=1767396528&width=225 225w"
src="//emerdepot.com/cdn/shop/files/2c28d476f3e92d5961b3e9df137abd38.png?v=1767396528&width=225"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="CaviWipes Bleach disinfecting towelettes container, surface cleaning medical wipes"
:class="showSecond ? 'first-img' : ''"
class="w-full preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
loading="lazy"
width="1920"
height="1920"
onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div><div class="w-full h-full top-0 left-0 absolute lg:block">

<picture>
<img loading="lazy"
srcset="//emerdepot.com/cdn/shop/files/2c28d476f3e92d5961b3e9df137abd38_a9aac66c-2232-4397-830e-4a44109809c2.png?v=1767396530&width=188 188w,
//emerdepot.com/cdn/shop/files/2c28d476f3e92d5961b3e9df137abd38_a9aac66c-2232-4397-830e-4a44109809c2.png?v=1767396530&width=225 225w"
src="//emerdepot.com/cdn/shop/files/2c28d476f3e92d5961b3e9df137abd38_a9aac66c-2232-4397-830e-4a44109809c2.png?v=1767396530&width=225"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="CaviWipes Bleach disinfecting towelettes container for surface cleaning"
:class="showSecond ? 'second-img' : ''"
class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
loading="lazy"
width="1920"
height="1920"
onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div></div>
</div>
</a><div class="discount-badge discount-badge--hidden"
id="discount-badge-template--22470383337696__main-17">
<span class="discount-badge__pct">0% OFF</span>

<span class="discount-badge__variant">1 Tub (90 Wipes)</span>

</div>

<script>
(function(){
var sid='template--22470383337696__main-17';
var isMulti=true;

document.addEventListener('eurus:product-card-variant-select:updated:'+sid,function(e){
var badge=document.getElementById('discount-badge-'+sid);
var v=e.detail&&e.detail.currentVariant;

if(!badge||!v)return;

if(v.compare_at_price&&v.compare_at_price>v.price){
var pct=Math.round((v.compare_at_price-v.price)*100/v.compare_at_price);

badge.querySelector('.discount-badge__pct').textContent=pct+'% OFF';

var sp=badge.querySelector('.discount-badge__variant');

if(isMulti&&v.title&&v.title!=='Default Title'){
if(!sp){
sp=document.createElement('span');
sp.className='discount-badge__variant';
badge.appendChild(sp);
}

sp.textContent=v.title;
}else if(sp){
sp.remove();
}

badge.classList.remove('discount-badge--hidden');
}else{
badge.classList.add('discount-badge--hidden');
}
});
})();
</script>

<div class="md:list-layout:hidden">
<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">Caviwipes</div>
<p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--22470383337696__main-8215572512992">

<a href="/fr/products/caviwipes-bleach-6-x-10-5-large-160-wipes-pk-11-1200?_pos=7&_sid=6c63432be&_ss=r"
class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Lingettes nettoyantes CaviWipes | 6&quot; x 10,5&quot; | 90/pot | 11-1200",
"listName": "",
"sku": "8215572512992",
"currencyCode": "CAD",
"price": 3299,
"vendor": "Caviwipes"
}
}"
>
Lingettes nettoyantes CaviWipes | 6" x 10,5" | 90/pot | 11-1200
</a>

</p>

<div
class="flex flex-wrap gap-[3px] mb-3 empty:mb-0 rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
x-data="{setPosition(el) {
parentEl = el.closest('.card-info').getBoundingClientRect();
el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
elRect = el.getBoundingClientRect();
let spacingLeft = elRect.left - parentEl.left;
if (spacingLeft < 0) {
el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
}
let spacingRight = parentEl.right - elRect.right;
if (spacingRight < 0) {
el.style.setProperty('--left-tooltip', spacingRight + 'px');
}
}}"
x-init="$el.innerHTML = $el.innerHTML.trim();"
>

</div>

<div
class="x-review-product yotpo flex w-full items-center rating-review justify-center ltr mb-4 md:list-layout:justify-start"
><div class="yotpo bottomLine" data-product-id="8215572512992"> </div></div>

<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">

<div class=" price leading-none bss-from" bss-b2b-product-id="8215572512992" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">3299</div><p class="price ">
<span>À partir de $32.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Prix unitaire</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> par </span>
<span>
</span>
</span>
</small>

</div>

</div>

<div class="next-price empty:hidden"></div>
</div>

<div id="x-availability-notice-template--22470383337696__main" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('8215572512992', [481234616544, 417505575136, 487133249760, 264299348162, 473594233056, 465573118176])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": true,

"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)": true

},
pickupLocation: ["EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)",
"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)"
]
}'
class="mb-3"
x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
>
<style data-shopify>
.text-available, .text-unavailable {
font-size: 0.669375rem;
font-family: var(--font-body-family);
}

@media (min-width: 768px) {
.text-available, .text-unavailable {
font-size: 0.74375rem;
}
}

.text-available {
color: #34ad65;
}

.dark .text-available {
color: #34ad65;
}

.text-unavailable {
color: #c91517;
}

.dark .text-unavailable {
color: #c91517;
}
</style>
<div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'Disponible pour retrait à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
<div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'En rupture de stock à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
</div></div>
<div class="quick-view-container quick-view-enabled-only absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0">
<div x-data="xProductCart"
class="quick-view-atc-only quick-view-image-atc w-full hide-icon lg:px-4"
>

<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/caviwipes-bleach-6-x-10-5-large-160-wipes-pk-11-1200"
data-quick-view-option-id="template--22470383337696__main-8215572512992-17"
data-quick-view-index="17"
data-id="template--22470383337696__main-8215572512992-17"
class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Choisissez les options"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Choisissez les options</span>

</span>
</span>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>
<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/caviwipes-bleach-6-x-10-5-large-160-wipes-pk-11-1200"
data-quick-view-option-id="template--22470383337696__main-8215572512992-17"
data-quick-view-index="17"
class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
data-id="template--22470383337696__main-8215572512992-17"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Lingettes nettoyantes CaviWipes | 6&quot; x 10,5&quot; | 90/pot | 11-1200",
"listName": "",
"sku": "8215572512992",
"currencyCode": "CAD",
"price": 3299,
"vendor": "Caviwipes"
}
}"
>
<span>Add to cart</span>

<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button>

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

</div><div
id="choose-options-template--22470383337696__main-8215572512992-17"
class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
x-show="showOptions"
x-transition:enter="transition-all ease-in-out duration-300"
x-transition:enter-start="opacity-0 transform translate-y-full"
x-transition:enter-end="opacity-100 transform translate-y-0"
x-transition:leave="transition-all ease-in-out duration-300"
x-transition:leave-start="opacity-100 transform translate-y-0"
x-transition:leave-end="opacity-0 transform translate-y-full"
x-cloak
>
<div
class="choose-options relative w-full min-h-full h-full"
>
</div>
<div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
<div
class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</div>
</div>
<div
id="x-product-template-8215572512992-template--22470383337696__main-17"
class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
> <div class="bss-qb-collection-table"></div><div class="bss-b2b-qb-table"></div>
<div class="hidden md:list-layout:block">

<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">Caviwipes</div>
<p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--22470383337696__main-8215572512992">

<a href="/fr/products/caviwipes-bleach-6-x-10-5-large-160-wipes-pk-11-1200?_pos=7&_sid=6c63432be&_ss=r"
class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Lingettes nettoyantes CaviWipes | 6&quot; x 10,5&quot; | 90/pot | 11-1200",
"listName": "",
"sku": "8215572512992",
"currencyCode": "CAD",
"price": 3299,
"vendor": "Caviwipes"
}
}"
>
Lingettes nettoyantes CaviWipes | 6" x 10,5" | 90/pot | 11-1200
</a>

</p>

<div
class="flex flex-wrap gap-[3px] mb-3 empty:mb-0 rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
x-data="{setPosition(el) {
parentEl = el.closest('.card-info').getBoundingClientRect();
el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
elRect = el.getBoundingClientRect();
let spacingLeft = elRect.left - parentEl.left;
if (spacingLeft < 0) {
el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
}
let spacingRight = parentEl.right - elRect.right;
if (spacingRight < 0) {
el.style.setProperty('--left-tooltip', spacingRight + 'px');
}
}}"
x-init="$el.innerHTML = $el.innerHTML.trim();"
>

</div>

<div
class="x-review-product yotpo flex w-full items-center rating-review justify-center ltr mb-4 md:list-layout:justify-start"
><div class="yotpo bottomLine" data-product-id="8215572512992"> </div></div>

<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">

<div class=" price leading-none bss-from" bss-b2b-product-id="8215572512992" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">3299</div><p class="price ">
<span>À partir de $32.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Prix unitaire</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> par </span>
<span>
</span>
</span>
</small>

</div>

</div>

<div class="next-price empty:hidden"></div>
</div>

<div id="x-availability-notice-template--22470383337696__main" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('8215572512992', [481234616544, 417505575136, 487133249760, 264299348162, 473594233056, 465573118176])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": true,

"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)": true

},
pickupLocation: ["EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)",
"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)"
]
}'
class="mb-3"
x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
>
<style data-shopify>
.text-available, .text-unavailable {
font-size: 0.669375rem;
font-family: var(--font-body-family);
}

@media (min-width: 768px) {
.text-available, .text-unavailable {
font-size: 0.74375rem;
}
}

.text-available {
color: #34ad65;
}

.dark .text-available {
color: #34ad65;
}

.text-unavailable {
color: #c91517;
}

.dark .text-unavailable {
color: #c91517;
}
</style>
<div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'Disponible pour retrait à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
<div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'En rupture de stock à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
</div></div>
<div class="quick-view-container quick-view-enabled-only absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0">
<div x-data="xProductCart"
class="quick-view-atc-only quick-view-image-atc w-full hide-icon lg:px-4"
>

<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/caviwipes-bleach-6-x-10-5-large-160-wipes-pk-11-1200"
data-quick-view-option-id="template--22470383337696__main-8215572512992-17"
data-quick-view-index="17"
data-id="template--22470383337696__main-8215572512992-17"
class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Choisissez les options"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Choisissez les options</span>

</span>
</span>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>
<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/caviwipes-bleach-6-x-10-5-large-160-wipes-pk-11-1200"
data-quick-view-option-id="template--22470383337696__main-8215572512992-17"
data-quick-view-index="17"
class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
data-id="template--22470383337696__main-8215572512992-17"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Lingettes nettoyantes CaviWipes | 6&quot; x 10,5&quot; | 90/pot | 11-1200",
"listName": "",
"sku": "8215572512992",
"currencyCode": "CAD",
"price": 3299,
"vendor": "Caviwipes"
}
}"
>
<span>Add to cart</span>

<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button>

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

</div>

<div
class="x-variants-data"
x-data="xVariantSelect($el,'template--22470383337696__main-17', false, 'Indisponible', '/fr/products/caviwipes-bleach-6-x-10-5-large-160-wipes-pk-11-1200', '8215572512992', false, true, false, 'template--22470383337696__main', '', '', '//emerdepot.com/cdn/shop/files/2c28d476f3e92d5961b3e9df137abd38.png?v=1767396528', 17)"
x-intersect.once.margin.200px="initVariant($el)"
>
<script type="application/json">
[{"id":48107262214368,"title":"1 Tub (90 Wipes)","option1":"1 Tub (90 Wipes)","option2":null,"option3":null,"sku":"11-1200","requires_shipping":true,"taxable":true,"featured_image":{"id":50348610748640,"product_id":8215572512992,"position":3,"created_at":"2025-11-07T13:24:41-05:00","updated_at":"2026-01-02T18:28:52-05:00","alt":"CaviWipes Bleach disinfecting towelettes container, EPA-registered surface cleaner","width":1920,"height":1920,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/2c28d476f3e92d5961b3e9df137abd38_9a73db0d-b9e3-4cd9-b441-6629634bfbd6.png?v=1767396532","variant_ids":[48107262214368]},"available":true,"name":"Lingettes nettoyantes CaviWipes | 6\" x 10,5\" | 90\/pot | 11-1200 - 1 Tub (90 Wipes)","public_title":"1 Tub (90 Wipes)","options":["1 Tub (90 Wipes)"],"price":3299,"weight":998,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":"CaviWipes Bleach disinfecting towelettes container, EPA-registered surface cleaner","id":39743027478752,"position":3,"preview_image":{"aspect_ratio":1.0,"height":1920,"width":1920,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/2c28d476f3e92d5961b3e9df137abd38_9a73db0d-b9e3-4cd9-b441-6629634bfbd6.png?v=1767396532"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48107262247136,"title":"1 Case (12 Tubs)","option1":"1 Case (12 Tubs)","option2":null,"option3":null,"sku":"11-1200-C","requires_shipping":true,"taxable":true,"featured_image":{"id":50348610912480,"product_id":8215572512992,"position":4,"created_at":"2025-11-07T13:24:44-05:00","updated_at":"2026-01-02T18:28:54-05:00","alt":"CaviWipes Bleach disinfecting wipes container with blue lid for surface sanitation and infection control","width":1920,"height":1920,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/2c28d476f3e92d5961b3e9df137abd38_935b6a8b-390a-4eb1-af51-d1c02c75001f.png?v=1767396534","variant_ids":[48107262247136]},"available":true,"name":"Lingettes nettoyantes CaviWipes | 6\" x 10,5\" | 90\/pot | 11-1200 - 1 Case (12 Tubs)","public_title":"1 Case (12 Tubs)","options":["1 Case (12 Tubs)"],"price":33299,"weight":16329,"compare_at_price":null,"inventory_management":"shopify","barcode":"9791051139269","featured_media":{"alt":"CaviWipes Bleach disinfecting wipes container with blue lid for surface sanitation and infection control","id":39743027511520,"position":4,"preview_image":{"aspect_ratio":1.0,"height":1920,"width":1920,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/2c28d476f3e92d5961b3e9df137abd38_935b6a8b-390a-4eb1-af51-d1c02c75001f.png?v=1767396534"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]
</script>
<div
id="current-variant-template--22470383337696__main-8215572512992-17"
class="current-variant hidden"
>
48107262214368
</div>
<div
id="variant-update-template--22470383337696__main-17"
class="variant-update-template--22470383337696__main-17 list-layout:md:text-left rtl:list-layout:md:text-right options-container"
>

</div>
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<p class="h2"> Description</h2>

<ul>

<li> Efficacité prouvée contre le SARS-CoV-2 sur les surfaces dures non poreuses</li>

<li> Tue tous les organismes indiqués sur l'étiquette du produit en 3 minutes, y compris<span> </span><em>C. diff</em> , tuberculose, bactéries, virus et champignons résistants aux médicaments</li>

<li> Aucun EPI requis*</li>

<li> Dilution d'eau de Javel 1:10 - Compatible avec la plupart des équipements médicaux**</li>

<li> Nettoyant et désinfectant en une seule étape</li>

<li> Faible odeur</li>

</ul>

<p class="h3"> Revendications de meurtre</h3>

<p class="h4"> Efficacité de 3 minutes contre</h4>

<div class="kill-claims-list">

<p class="h4"> Mycobactérie</h4>

<ul>

<li>

<em>Mycobacterium tuberculosis</em><span> </span>var:<span> </span><em>bovis<span> </span></em>(BCG) (TB)</li>

</ul>

<p class="h4"> Virus non enveloppés</h4>

<ul>

<li> Adénovirus (type 2) (adénoïde 6)</li>

<li> Parvovirus canin</li>

<li> Entérovirus (type D68) (EV-D68)</li>

<li> Norovirus</li>

<li> Hépatite A (virus) (VHA humain)</li>

<li> Rotavirus humain (souche WA)</li>

<li> Poliovirus (type 1), souche Chat</li>

<li> Rhinovirus (type 37)</li>

</ul>

<p class="h4"> Moisissure, mildiou, champignons</h4>

<ul>

<li> <em>Aspergillus brasiliensis</em>
</li>

<li> <em>Candida albicans</em>
</li>

<li> <em>Candida auris</em>
</li>

<li>

<em>Trichophyton interdigitale<span> </span></em>(anciennement<em><span> </span>Trichophyton mentagrophytes</em> )</li>

</ul>

<p class="h4"> Bactéries</h4>

<ul>

<li> <em>Burkholderia cepacia</em>
</li>

<li>
<em>Clostridioides difficile<span> </span></em>spores</li>

<li>

<em>Escherichia coli<span> </span></em>O157:H7</li>

<li> <em>Klebsiella pneumoniae</em>
</li>

<li> <em>Legionella pneumophila</em>
</li>

<li> <em>Listeria monocytogenes</em>
</li>

<li> <em>Neisseria gonorrhoeae</em>
</li>

<li> <em>Pseudomonas aeruginosa</em>
</li>

<li> <em>Salmonella enterica</em>
</li>

<li> <em>Serratia marcescens</em>
</li>

<li> <em>Staphylococcus aureus</em>
</li>

<li> <em>Streptococcus pyogenes</em>
</li>

</ul>

<p class="h4"> Bactéries résistantes aux médicaments</h4>

<ul>

<li> <em>Enterobacter cloacae</em>
</li>

<li> Résistant aux carbapénèmes<span> </span><em>Klebsiella pneumoniae<span> </span></em>(CRKP) (CRE)</li>

<li> Lactamase à spectre étendu (BLSE)<span> </span><em>Escherichia coli</em>

</li>

<li> Résistant à la méthicilline<span> </span><em>Staphylococcus aureus</em><span> </span>(SARM)</li>

<li> Multirésistant aux médicaments (MDR)<span> </span><em>Acinetobacter baumannii</em>

</li>

<li> Résistant à la pénicilline<span> </span><em>Streptococcus pneumoniae</em>

</li>

<li> Résistant à la vancomycine<span> </span><em>Enterococcus faecalis<span> </span></em>(VRE)</li>

<li> Résistant à la vancomycine<span> </span><em>Staphylococcus aureus</em><span> </span>(VRSA)</li>

</ul>

<p class="h4"> Virus enveloppés</h4>

<ul>

<li>Virus de l'hépatite C (VHC)</li>

<li> Virus de l'hépatite B (VHB)</li>

<li> Virus de l'herpès simplex (type 1)</li>

<li> Virus de l'herpès simplex (type 2)</li>

<li> VIH-1 (virus de l'immunodéficience humaine de type 1)</li>

<li> Coronavirus humain</li>

<li> Virus de la grippe A souche A (H3N2)</li>

<li> Virus de la grippe B souche B</li>

<li> Virus de la rougeole</li>

<li> Virus respiratoire syncytial (VRS)</li>

<li> SRAS-CoV-2 (virus COVID-19)</li>

</ul>

<p class="h3"> Liste des utilisations </h3>

<div class="three-columns--column three-columns--height">

<section id="8707" class="layout-default horizontal-line horizontal-line--none default-font paragraph paragraph--type--text paragraph--view-mode--default">
<div class="inner spacing-all top-padding-default bottom-padding-default">

<div class="wysiwyg">

<ul>

<li> Surfaces d'équipement d'ambulance</li>

<li> Établissements de soins aux animaux</li>

<li> Salles de bains</li>

<li> Établissements correctionnels</li>

<li> Garderies</li>

<li> Cabinets dentaires</li>

<li> contextes médicaux d'urgence</li>

<li> Véhicules d'urgence</li>

<li> Surfaces extérieures des appareils d'anesthésie et des équipements de thérapie respiratoire</li>

<li> Installations du club de santé</li>

<li> Hôpitaux</li>

<li> Surfaces d'équipement de soins pour nourrissons/enfants </li>

</ul>

</div>

</div>

</section>

</div>

<div class="three-columns--column three-columns--height">

<section id="8708" class="layout-default horizontal-line horizontal-line--none default-font paragraph paragraph--type--text paragraph--view-mode--default">
<div class="inner spacing-all top-padding-default bottom-padding-default">

<div class="wysiwyg">

<ul>

<li> Surfaces intérieures et extérieures des couveuses et des berceaux pour nourrissons</li>

<li> Zones d'isolement</li>

<li> Laboratoires</li>

<li> Buanderies</li>

<li> unités néonatales</li>

<li> Maisons de retraite</li>

<li> salles d'opération</li>

<li> Installations ophtalmiques et optométriques</li>

<li> Centres de chirurgie ambulatoire</li>

<li> Hottes à oxygène</li>

<li> Écoles</li>

<li> Centres chirurgicaux </li>

</ul>

</div>

</div>

</section>

</div>

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

<div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>

<div x-data="xProductCart"
class="quick-view-card-atc card-info bottom_atc md:list-layout:hidden hide-icon"
>

<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/caviwipes-bleach-6-x-10-5-large-160-wipes-pk-11-1200"
data-quick-view-option-id="template--22470383337696__main-8215572512992-17"
data-quick-view-index="17"
data-id="template--22470383337696__main-8215572512992-17"
class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"
aria-label="Choisissez les options"
>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Choisissez les options</span>

</span>
</span>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>

</div>

<div class="quick-view-enabled-only hidden md:list-layout:flex gap-3 mt-5 md:mt-7"><div x-data="xProductCart" class="quick-view-atc-only">

<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/caviwipes-bleach-6-x-10-5-large-160-wipes-pk-11-1200"
data-quick-view-option-id="template--22470383337696__main-8215572512992-17"
data-quick-view-index="17"
data-id="template--22470383337696__main-8215572512992-17"
class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"
aria-label="Choisissez les options"
>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Choisissez les options</span>

</span>
</span>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>

</div><button
data-quick-view-action="open-product"
data-quick-view-url="/fr/products/caviwipes-bleach-6-x-10-5-large-160-wipes-pk-11-1200"
data-quick-view-option-id="template--22470383337696__main-8215572512992-17"
aria-label="Bouton de visualisation rapide"
x-customer-event-data="{
"product": {
"title": "Lingettes nettoyantes CaviWipes | 6&quot; x 10,5&quot; | 90/pot | 11-1200",
"listName": "",
"sku": "8215572512992",
"currencyCode": "CAD",
"price": 3299,
"vendor": "Caviwipes"
}
}"
class="quick-view-enabled-only button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3"
>
<span class="flex justify-center items-center">
<span class="button-text" data-quick-view-label>Vue rapide</span>
</span>
</button>
</div>

</div>
</div>

<script src="//emerdepot.com/cdn/shop/t/81/assets/preview-color-swatches.js?v=155925112040687201791788108428" defer></script></div>

<div class="grid-item">

<div

x-data="xProductCard('template--22470383337696__main-18', '/fr/products/dexidin-4-detergent-gel-450ml-pump-1-bottle-918218', '9651527975136')"

class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]"
x-slide-index="-1"
>
<div
class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
>
<style data-shopify>

</style>

<style data-shopify>

</style>
<a

x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"

href="/fr/products/dexidin-4-detergent-gel-450ml-pump-1-bottle-918218?_pos=8&_sid=6c63432be&_ss=r"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 51345146937568,
"product_id": 9651527975136,
"available": true,
"title": "Dexidin 4 Detergent Skin Cleanser 450mL",
"compare_at_price": 0,
"price": 2399,
"price_with_currency": "$23.99 CAD",
"sale_amount": "$-23.99",
"collections": "||481234616544||464934732000||417505575136||487133249760||473594233056||465605886176||465606869216||",
"inventory_management": "shopify",
"qty": 12,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 168.11,
"diff_day_publish": 165.09

}]"

aria-label="Dexidin 4 Detergent Skin Cleanser 450mL"
id="9651527975136-template--22470383337696__main"
class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block

no-collage rounded-[10px] pb-[100%]">
<div x-data="xDoubleTouch('/fr/products/dexidin-4-detergent-gel-450ml-pump-1-bottle-918218?_pos=8&_sid=6c63432be&_ss=r')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0

animate_transition_card__image">
<div
id="x-slideshow-card-product-template--22470383337696__main-18--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Dexidin 4 Detergent Skin Cleanser 450mL",
"listName": "",
"sku": "9651527975136",
"currencyCode": "CAD",
"price": 2399,
"vendor": "Atlas Medical"
}
}"
><div
class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
@touchstart="onTouchStart($event)"
@touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
@touchmove="onTouchMove($event)"
></div>
<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
>

<picture>
<img
srcset="//emerdepot.com/cdn/shop/files/3b7be00b14a372b4b205b80eb6425adb.webp?v=1776873847&width=188 188w,
//emerdepot.com/cdn/shop/files/3b7be00b14a372b4b205b80eb6425adb.webp?v=1776873847&width=225 225w"
src="//emerdepot.com/cdn/shop/files/3b7be00b14a372b4b205b80eb6425adb.webp?v=1776873847&width=225"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="Dexidin 4 Detergent Skin Cleanser 450mL "
:class="showSecond ? 'first-img' : ''"
class="w-full preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
loading="lazy"
width="990"
height="1238"
onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div><div class="w-full h-full top-0 left-0 absolute lg:block">

<picture>
<img loading="lazy"
srcset="//emerdepot.com/cdn/shop/files/3b7be00b14a372b4b205b80eb6425adb_80b23e51-4c63-4e66-82b0-06f287bedd47.webp?v=1776873850&width=188 188w,
//emerdepot.com/cdn/shop/files/3b7be00b14a372b4b205b80eb6425adb_80b23e51-4c63-4e66-82b0-06f287bedd47.webp?v=1776873850&width=225 225w"
src="//emerdepot.com/cdn/shop/files/3b7be00b14a372b4b205b80eb6425adb_80b23e51-4c63-4e66-82b0-06f287bedd47.webp?v=1776873850&width=225"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="918218"
:class="showSecond ? 'second-img' : ''"
class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
loading="lazy"
width="990"
height="1238"
onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div></div>
</div>
</a><div class="discount-badge discount-badge--hidden"
id="discount-badge-template--22470383337696__main-18">
<span class="discount-badge__pct">0% OFF</span>

</div>

<script>
(function(){
var sid='template--22470383337696__main-18';
var isMulti=false;

document.addEventListener('eurus:product-card-variant-select:updated:'+sid,function(e){
var badge=document.getElementById('discount-badge-'+sid);
var v=e.detail&&e.detail.currentVariant;

if(!badge||!v)return;

if(v.compare_at_price&&v.compare_at_price>v.price){
var pct=Math.round((v.compare_at_price-v.price)*100/v.compare_at_price);

badge.querySelector('.discount-badge__pct').textContent=pct+'% OFF';

var sp=badge.querySelector('.discount-badge__variant');

if(isMulti&&v.title&&v.title!=='Default Title'){
if(!sp){
sp=document.createElement('span');
sp.className='discount-badge__variant';
badge.appendChild(sp);
}

sp.textContent=v.title;
}else if(sp){
sp.remove();
}

badge.classList.remove('discount-badge--hidden');
}else{
badge.classList.add('discount-badge--hidden');
}
});
})();
</script>

<div class="md:list-layout:hidden">
<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">Atlas Medical</div>
<p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--22470383337696__main-9651527975136">

<a href="/fr/products/dexidin-4-detergent-gel-450ml-pump-1-bottle-918218?_pos=8&_sid=6c63432be&_ss=r"
class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Dexidin 4 Detergent Skin Cleanser 450mL",
"listName": "",
"sku": "9651527975136",
"currencyCode": "CAD",
"price": 2399,
"vendor": "Atlas Medical"
}
}"
>
Dexidin 4 Detergent Skin Cleanser 450mL
</a>

</p>

<div
class="flex flex-wrap gap-[3px] mb-3 empty:mb-0 rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
x-data="{setPosition(el) {
parentEl = el.closest('.card-info').getBoundingClientRect();
el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
elRect = el.getBoundingClientRect();
let spacingLeft = elRect.left - parentEl.left;
if (spacingLeft < 0) {
el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
}
let spacingRight = parentEl.right - elRect.right;
if (spacingRight < 0) {
el.style.setProperty('--left-tooltip', spacingRight + 'px');
}
}}"
x-init="$el.innerHTML = $el.innerHTML.trim();"
>

</div>

<div
class="x-review-product yotpo flex w-full items-center rating-review justify-center ltr mb-4 md:list-layout:justify-start"
><div class="yotpo bottomLine" data-product-id="9651527975136"> </div></div>

<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">

<div class=" price leading-none " bss-b2b-product-id="9651527975136" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">2399</div><p class="price ">
<span>$23.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Prix unitaire</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> par </span>
<span>
</span>
</span>
</small>

</div>

</div>

<div class="next-price empty:hidden"></div>
</div>

<div id="x-availability-notice-template--22470383337696__main" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('9651527975136', [481234616544, 464934732000, 417505575136, 487133249760, 473594233056, 465605886176, 465606869216])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": true,

"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)": true

},
pickupLocation: ["EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)",
"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)"
]
}'
class="mb-3"
x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
>
<style data-shopify>
.text-available, .text-unavailable {
font-size: 0.669375rem;
font-family: var(--font-body-family);
}

@media (min-width: 768px) {
.text-available, .text-unavailable {
font-size: 0.74375rem;
}
}

.text-available {
color: #34ad65;
}

.dark .text-available {
color: #34ad65;
}

.text-unavailable {
color: #c91517;
}

.dark .text-unavailable {
color: #c91517;
}
</style>
<div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'Disponible pour retrait à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
<div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'En rupture de stock à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
</div></div>
<div class="quick-view-container quick-view-enabled-only absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0">
<div x-data="xProductCart"
class="quick-view-atc-only quick-view-image-atc w-full hide-icon lg:px-4"
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option965152797513618" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="51345146937568">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-9651527975136-18"
class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>
<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"

data-id="template--22470383337696__main-9651527975136-18"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Dexidin 4 Detergent Skin Cleanser 450mL",
"listName": "",
"sku": "9651527975136",
"currencyCode": "CAD",
"price": 2399,
"vendor": "Atlas Medical"
}
}"
>
<span>Add to cart</span>

<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button><input type="hidden" name="product-id" value="9651527975136" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-9651527975136-template--22470383337696__main-18"
class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
> <div class="bss-qb-collection-table"></div><div class="bss-b2b-qb-table"></div>
<div class="hidden md:list-layout:block">

<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">Atlas Medical</div>
<p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--22470383337696__main-9651527975136">

<a href="/fr/products/dexidin-4-detergent-gel-450ml-pump-1-bottle-918218?_pos=8&_sid=6c63432be&_ss=r"
class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Dexidin 4 Detergent Skin Cleanser 450mL",
"listName": "",
"sku": "9651527975136",
"currencyCode": "CAD",
"price": 2399,
"vendor": "Atlas Medical"
}
}"
>
Dexidin 4 Detergent Skin Cleanser 450mL
</a>

</p>

<div
class="flex flex-wrap gap-[3px] mb-3 empty:mb-0 rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
x-data="{setPosition(el) {
parentEl = el.closest('.card-info').getBoundingClientRect();
el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
elRect = el.getBoundingClientRect();
let spacingLeft = elRect.left - parentEl.left;
if (spacingLeft < 0) {
el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
}
let spacingRight = parentEl.right - elRect.right;
if (spacingRight < 0) {
el.style.setProperty('--left-tooltip', spacingRight + 'px');
}
}}"
x-init="$el.innerHTML = $el.innerHTML.trim();"
>

</div>

<div
class="x-review-product yotpo flex w-full items-center rating-review justify-center ltr mb-4 md:list-layout:justify-start"
><div class="yotpo bottomLine" data-product-id="9651527975136"> </div></div>

<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">

<div class=" price leading-none " bss-b2b-product-id="9651527975136" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">2399</div><p class="price ">
<span>$23.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Prix unitaire</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> par </span>
<span>
</span>
</span>
</small>

</div>

</div>

<div class="next-price empty:hidden"></div>
</div>

<div id="x-availability-notice-template--22470383337696__main" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('9651527975136', [481234616544, 464934732000, 417505575136, 487133249760, 473594233056, 465605886176, 465606869216])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": true,

"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)": true

},
pickupLocation: ["EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)",
"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)"
]
}'
class="mb-3"
x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
>
<style data-shopify>
.text-available, .text-unavailable {
font-size: 0.669375rem;
font-family: var(--font-body-family);
}

@media (min-width: 768px) {
.text-available, .text-unavailable {
font-size: 0.74375rem;
}
}

.text-available {
color: #34ad65;
}

.dark .text-available {
color: #34ad65;
}

.text-unavailable {
color: #c91517;
}

.dark .text-unavailable {
color: #c91517;
}
</style>
<div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'Disponible pour retrait à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
<div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'En rupture de stock à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
</div></div>
<div class="quick-view-container quick-view-enabled-only absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0">
<div x-data="xProductCart"
class="quick-view-atc-only quick-view-image-atc w-full hide-icon lg:px-4"
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option965152797513618" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="51345146937568">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-9651527975136-18"
class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>
<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"

data-id="template--22470383337696__main-9651527975136-18"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Dexidin 4 Detergent Skin Cleanser 450mL",
"listName": "",
"sku": "9651527975136",
"currencyCode": "CAD",
"price": 2399,
"vendor": "Atlas Medical"
}
}"
>
<span>Add to cart</span>

<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button><input type="hidden" name="product-id" value="9651527975136" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div>
</div>
</div>
</div>

</div>

<div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
Alpine.store('xUpdateVariantQuanity').updateQuantity('template--22470383337696__main', '/fr/products/dexidin-4-detergent-gel-450ml-pump-1-bottle-918218?_pos=8&_sid=6c63432be&_ss=r');
});"></div>
<div
id="current-variant-template--22470383337696__main-9651527975136-18"
class="current-variant hidden"
>
51345146937568
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<p data-oe-version="1.2">Dexidin 4 Detergent Solution is designed to help maintain <strong>clean and hygienic surfaces</strong> in healthcare and laboratory environments. Its effective formula removes dirt and grime, while the <strong>pump bottle</strong> allows for easy and controlled dispensing.</p><p><strong>Key Features:</strong></p><ul>
<li>
450 mL bottle with pump
</li>
<li>
Helps clean and maintain sanitary surfaces
</li>
<li>
Easy-to-use dispensing
</li>
<li>
Suitable for healthcare and lab settings</li>
<li>
<strong>SKU</strong>- 918218</li>
</ul>
</div>
</div>

<div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>

<div x-data="xProductCart"
class="quick-view-card-atc card-info bottom_atc md:list-layout:hidden hide-icon"
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option965152797513618" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="51345146937568">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-9651527975136-18"
class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button><input type="hidden" name="product-id" value="9651527975136" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div>

<div class="quick-view-enabled-only hidden md:list-layout:flex gap-3 mt-5 md:mt-7"><div x-data="xProductCart" class="quick-view-atc-only">

<form method="post" action="/fr/cart/add" id="product-form-choose-option965152797513618" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="51345146937568">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-9651527975136-18"
class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-20 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button><button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"

data-id="template--22470383337696__main-9651527975136-18"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Dexidin 4 Detergent Skin Cleanser 450mL",
"listName": "",
"sku": "9651527975136",
"currencyCode": "CAD",
"price": 2399,
"vendor": "Atlas Medical"
}
}"
>
<span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading">
<i class="cs-icon icon-cs-cart"></i></span>
<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button><input type="hidden" name="product-id" value="9651527975136" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div><button
data-quick-view-action="open-product"
data-quick-view-url="/fr/products/dexidin-4-detergent-gel-450ml-pump-1-bottle-918218"
data-quick-view-option-id="template--22470383337696__main-9651527975136-18"
aria-label="Bouton de visualisation rapide"
x-customer-event-data="{
"product": {
"title": "Dexidin 4 Detergent Skin Cleanser 450mL",
"listName": "",
"sku": "9651527975136",
"currencyCode": "CAD",
"price": 2399,
"vendor": "Atlas Medical"
}
}"
class="quick-view-enabled-only button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3"
>
<span class="flex justify-center items-center">
<span class="button-text" data-quick-view-label>Vue rapide</span>
</span>
</button>
</div>

</div>
</div>

<script src="//emerdepot.com/cdn/shop/t/81/assets/preview-color-swatches.js?v=155925112040687201791788108428" defer></script></div>

<div class="grid-item">

<div

x-data="xProductCard('template--22470383337696__main-19', '/fr/products/medline-povidone-iodine-swabstick-mdsca093901', '9064228323552')"

class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]"
x-slide-index="-1"
>
<div
class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
>
<style data-shopify>

</style>

<style data-shopify>

</style>
<a

x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"

href="/fr/products/medline-povidone-iodine-swabstick-mdsca093901?_pos=9&_sid=6c63432be&_ss=r"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 48113218224352,
"product_id": 9064228323552,
"available": true,
"title": "Medline Professional Precision Cleaning Swabstick | Single Unit | MDSCA093901",
"compare_at_price": 0,
"price": 1499,
"price_with_currency": "$14.99 CAD",
"sale_amount": "$-14.99",
"collections": "||481234616544||464934732000||417505575136||487133249760||473594233056||414843666656||465605886176||465610997984||",
"inventory_management": "shopify",
"qty": 99,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 313.11,
"diff_day_publish": 313.11

},{
"variant_id": 48113218257120,
"product_id": 9064228323552,
"available": true,
"title": "Medline Professional Precision Cleaning Swabstick | Single Unit | MDSCA093901",
"compare_at_price": 0,
"price": 13299,
"price_with_currency": "$132.99 CAD",
"sale_amount": "$-132.99",
"collections": "||481234616544||464934732000||417505575136||487133249760||473594233056||414843666656||465605886176||465610997984||",
"inventory_management": "shopify",
"qty": 100,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 313.11,
"diff_day_publish": 313.11

}]"

aria-label="Medline Professional Precision Cleaning Swabstick | Single Unit | MDSCA093901"
id="9064228323552-template--22470383337696__main"
class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block

no-collage rounded-[10px] pb-[100%]">
<div x-data="xDoubleTouch('/fr/products/medline-povidone-iodine-swabstick-mdsca093901?_pos=9&_sid=6c63432be&_ss=r')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0

animate_transition_card__image">
<div
id="x-slideshow-card-product-template--22470383337696__main-19--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Medline Professional Precision Cleaning Swabstick | Single Unit | MDSCA093901",
"listName": "",
"sku": "9064228323552",
"currencyCode": "CAD",
"price": 1499,
"vendor": "Medline"
}
}"
><div
class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
@touchstart="onTouchStart($event)"
@touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
@touchmove="onTouchMove($event)"
></div>
<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
>

<picture>
<img
srcset="//emerdepot.com/cdn/shop/files/ce64ea81d3973c2ccdfd2616bbb69f16.webp?v=1767397996&width=188 188w,
//emerdepot.com/cdn/shop/files/ce64ea81d3973c2ccdfd2616bbb69f16.webp?v=1767397996&width=225 225w"
src="//emerdepot.com/cdn/shop/files/ce64ea81d3973c2ccdfd2616bbb69f16.webp?v=1767397996&width=225"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="Box of 50 Medline povidone-iodine swabsticks, antiseptic wound cleanser, 10% iodine."
:class="showSecond ? 'first-img' : ''"
class="w-full preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
loading="lazy"
width="3094"
height="3869"
onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div><div class="w-full h-full top-0 left-0 absolute lg:block">

<picture>
<img loading="lazy"
srcset="//emerdepot.com/cdn/shop/files/ce64ea81d3973c2ccdfd2616bbb69f16_f513e25f-ad73-45b5-afcd-3215f5996623.webp?v=1767398000&width=188 188w,
//emerdepot.com/cdn/shop/files/ce64ea81d3973c2ccdfd2616bbb69f16_f513e25f-ad73-45b5-afcd-3215f5996623.webp?v=1767398000&width=225 225w"
src="//emerdepot.com/cdn/shop/files/ce64ea81d3973c2ccdfd2616bbb69f16_f513e25f-ad73-45b5-afcd-3215f5996623.webp?v=1767398000&width=225"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="Box of Medline Povidone-Iodine Swabsticks 10% antiseptic wound cleanser, 50 single-use swabs."
:class="showSecond ? 'second-img' : ''"
class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
loading="lazy"
width="3094"
height="3869"
onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div></div>
</div>
</a><div class="discount-badge discount-badge--hidden"
id="discount-badge-template--22470383337696__main-19">
<span class="discount-badge__pct">0% OFF</span>

<span class="discount-badge__variant">1 Box (50 Pieces)</span>

</div>

<script>
(function(){
var sid='template--22470383337696__main-19';
var isMulti=true;

document.addEventListener('eurus:product-card-variant-select:updated:'+sid,function(e){
var badge=document.getElementById('discount-badge-'+sid);
var v=e.detail&&e.detail.currentVariant;

if(!badge||!v)return;

if(v.compare_at_price&&v.compare_at_price>v.price){
var pct=Math.round((v.compare_at_price-v.price)*100/v.compare_at_price);

badge.querySelector('.discount-badge__pct').textContent=pct+'% OFF';

var sp=badge.querySelector('.discount-badge__variant');

if(isMulti&&v.title&&v.title!=='Default Title'){
if(!sp){
sp=document.createElement('span');
sp.className='discount-badge__variant';
badge.appendChild(sp);
}

sp.textContent=v.title;
}else if(sp){
sp.remove();
}

badge.classList.remove('discount-badge--hidden');
}else{
badge.classList.add('discount-badge--hidden');
}
});
})();
</script>

<div class="md:list-layout:hidden">
<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">Medline</div>
<p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--22470383337696__main-9064228323552">

<a href="/fr/products/medline-povidone-iodine-swabstick-mdsca093901?_pos=9&_sid=6c63432be&_ss=r"
class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Medline Professional Precision Cleaning Swabstick | Single Unit | MDSCA093901",
"listName": "",
"sku": "9064228323552",
"currencyCode": "CAD",
"price": 1499,
"vendor": "Medline"
}
}"
>
Medline Professional Precision Cleaning Swabstick | Single Unit | MDSCA093901
</a>

</p>

<div
class="flex flex-wrap gap-[3px] mb-3 empty:mb-0 rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
x-data="{setPosition(el) {
parentEl = el.closest('.card-info').getBoundingClientRect();
el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
elRect = el.getBoundingClientRect();
let spacingLeft = elRect.left - parentEl.left;
if (spacingLeft < 0) {
el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
}
let spacingRight = parentEl.right - elRect.right;
if (spacingRight < 0) {
el.style.setProperty('--left-tooltip', spacingRight + 'px');
}
}}"
x-init="$el.innerHTML = $el.innerHTML.trim();"
>

</div>

<div
class="x-review-product yotpo flex w-full items-center rating-review justify-center ltr mb-4 md:list-layout:justify-start"
><div class="yotpo bottomLine" data-product-id="9064228323552"> </div></div>

<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">

<div class=" price leading-none bss-from" bss-b2b-product-id="9064228323552" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">1499</div><p class="price ">
<span>À partir de $14.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Prix unitaire</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> par </span>
<span>
</span>
</span>
</small>

</div>

</div>

<div class="next-price empty:hidden"></div>
</div>

<div id="x-availability-notice-template--22470383337696__main" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('9064228323552', [481234616544, 464934732000, 417505575136, 487133249760, 473594233056, 414843666656, 465605886176, 465610997984])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": true,

"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)": true

},
pickupLocation: ["EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)",
"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)"
]
}'
class="mb-3"
x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
>
<style data-shopify>
.text-available, .text-unavailable {
font-size: 0.669375rem;
font-family: var(--font-body-family);
}

@media (min-width: 768px) {
.text-available, .text-unavailable {
font-size: 0.74375rem;
}
}

.text-available {
color: #34ad65;
}

.dark .text-available {
color: #34ad65;
}

.text-unavailable {
color: #c91517;
}

.dark .text-unavailable {
color: #c91517;
}
</style>
<div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'Disponible pour retrait à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
<div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'En rupture de stock à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
</div></div>
<div class="quick-view-container quick-view-enabled-only absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0">
<div x-data="xProductCart"
class="quick-view-atc-only quick-view-image-atc w-full hide-icon lg:px-4"
>

<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/medline-povidone-iodine-swabstick-mdsca093901"
data-quick-view-option-id="template--22470383337696__main-9064228323552-19"
data-quick-view-index="19"
data-id="template--22470383337696__main-9064228323552-19"
class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Choisissez les options"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Choisissez les options</span>

</span>
</span>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>
<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/medline-povidone-iodine-swabstick-mdsca093901"
data-quick-view-option-id="template--22470383337696__main-9064228323552-19"
data-quick-view-index="19"
class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
data-id="template--22470383337696__main-9064228323552-19"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Medline Professional Precision Cleaning Swabstick | Single Unit | MDSCA093901",
"listName": "",
"sku": "9064228323552",
"currencyCode": "CAD",
"price": 1499,
"vendor": "Medline"
}
}"
>
<span>Add to cart</span>

<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button>

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

</div><div
id="choose-options-template--22470383337696__main-9064228323552-19"
class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
x-show="showOptions"
x-transition:enter="transition-all ease-in-out duration-300"
x-transition:enter-start="opacity-0 transform translate-y-full"
x-transition:enter-end="opacity-100 transform translate-y-0"
x-transition:leave="transition-all ease-in-out duration-300"
x-transition:leave-start="opacity-100 transform translate-y-0"
x-transition:leave-end="opacity-0 transform translate-y-full"
x-cloak
>
<div
class="choose-options relative w-full min-h-full h-full"
>
</div>
<div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
<div
class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</div>
</div>
<div
id="x-product-template-9064228323552-template--22470383337696__main-19"
class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
> <div class="bss-qb-collection-table"></div><div class="bss-b2b-qb-table"></div>
<div class="hidden md:list-layout:block">

<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">Medline</div>
<p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--22470383337696__main-9064228323552">

<a href="/fr/products/medline-povidone-iodine-swabstick-mdsca093901?_pos=9&_sid=6c63432be&_ss=r"
class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Medline Professional Precision Cleaning Swabstick | Single Unit | MDSCA093901",
"listName": "",
"sku": "9064228323552",
"currencyCode": "CAD",
"price": 1499,
"vendor": "Medline"
}
}"
>
Medline Professional Precision Cleaning Swabstick | Single Unit | MDSCA093901
</a>

</p>

<div
class="flex flex-wrap gap-[3px] mb-3 empty:mb-0 rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
x-data="{setPosition(el) {
parentEl = el.closest('.card-info').getBoundingClientRect();
el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
elRect = el.getBoundingClientRect();
let spacingLeft = elRect.left - parentEl.left;
if (spacingLeft < 0) {
el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
}
let spacingRight = parentEl.right - elRect.right;
if (spacingRight < 0) {
el.style.setProperty('--left-tooltip', spacingRight + 'px');
}
}}"
x-init="$el.innerHTML = $el.innerHTML.trim();"
>

</div>

<div
class="x-review-product yotpo flex w-full items-center rating-review justify-center ltr mb-4 md:list-layout:justify-start"
><div class="yotpo bottomLine" data-product-id="9064228323552"> </div></div>

<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">

<div class=" price leading-none bss-from" bss-b2b-product-id="9064228323552" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">1499</div><p class="price ">
<span>À partir de $14.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Prix unitaire</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> par </span>
<span>
</span>
</span>
</small>

</div>

</div>

<div class="next-price empty:hidden"></div>
</div>

<div id="x-availability-notice-template--22470383337696__main" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('9064228323552', [481234616544, 464934732000, 417505575136, 487133249760, 473594233056, 414843666656, 465605886176, 465610997984])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": true,

"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)": true

},
pickupLocation: ["EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)",
"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)"
]
}'
class="mb-3"
x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
>
<style data-shopify>
.text-available, .text-unavailable {
font-size: 0.669375rem;
font-family: var(--font-body-family);
}

@media (min-width: 768px) {
.text-available, .text-unavailable {
font-size: 0.74375rem;
}
}

.text-available {
color: #34ad65;
}

.dark .text-available {
color: #34ad65;
}

.text-unavailable {
color: #c91517;
}

.dark .text-unavailable {
color: #c91517;
}
</style>
<div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'Disponible pour retrait à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
<div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'En rupture de stock à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
</div></div>
<div class="quick-view-container quick-view-enabled-only absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0">
<div x-data="xProductCart"
class="quick-view-atc-only quick-view-image-atc w-full hide-icon lg:px-4"
>

<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/medline-povidone-iodine-swabstick-mdsca093901"
data-quick-view-option-id="template--22470383337696__main-9064228323552-19"
data-quick-view-index="19"
data-id="template--22470383337696__main-9064228323552-19"
class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Choisissez les options"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Choisissez les options</span>

</span>
</span>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>
<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/medline-povidone-iodine-swabstick-mdsca093901"
data-quick-view-option-id="template--22470383337696__main-9064228323552-19"
data-quick-view-index="19"
class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
data-id="template--22470383337696__main-9064228323552-19"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Medline Professional Precision Cleaning Swabstick | Single Unit | MDSCA093901",
"listName": "",
"sku": "9064228323552",
"currencyCode": "CAD",
"price": 1499,
"vendor": "Medline"
}
}"
>
<span>Add to cart</span>

<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button>

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

</div>

<div
class="x-variants-data"
x-data="xVariantSelect($el,'template--22470383337696__main-19', false, 'Indisponible', '/fr/products/medline-povidone-iodine-swabstick-mdsca093901', '9064228323552', false, true, false, 'template--22470383337696__main', '', '', '//emerdepot.com/cdn/shop/files/ce64ea81d3973c2ccdfd2616bbb69f16.webp?v=1767397996', 19)"
x-intersect.once.margin.200px="initVariant($el)"
>
<script type="application/json">
[{"id":48113218224352,"title":"1 Box (50 Pieces)","option1":"1 Box (50 Pieces)","option2":null,"option3":null,"sku":"MDSCA093901","requires_shipping":true,"taxable":true,"featured_image":{"id":50560179896544,"product_id":9064228323552,"position":3,"created_at":"2025-11-19T16:54:25-05:00","updated_at":"2026-01-02T18:53:24-05:00","alt":"Medline Povidone-Iodine Swabsticks box, 10% antiseptic wound cleanser, 50 single-use swabs","width":3094,"height":3869,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/ce64ea81d3973c2ccdfd2616bbb69f16_13195040-9d67-467a-b453-b6b44c208d26.webp?v=1767398004","variant_ids":[48113218224352]},"available":true,"name":"Medline Professional Precision Cleaning Swabstick | Single Unit | MDSCA093901 - 1 Box (50 Pieces)","public_title":"1 Box (50 Pieces)","options":["1 Box (50 Pieces)"],"price":1499,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"30193489153853","featured_media":{"alt":"Medline Povidone-Iodine Swabsticks box, 10% antiseptic wound cleanser, 50 single-use swabs","id":39948484706528,"position":3,"preview_image":{"aspect_ratio":0.8,"height":3869,"width":3094,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/ce64ea81d3973c2ccdfd2616bbb69f16_13195040-9d67-467a-b453-b6b44c208d26.webp?v=1767398004"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48113218257120,"title":"1 Case (10 Boxes)","option1":"1 Case (10 Boxes)","option2":null,"option3":null,"sku":"MDSCA093901-C","requires_shipping":true,"taxable":true,"featured_image":{"id":50560181469408,"product_id":9064228323552,"position":4,"created_at":"2025-11-19T16:54:28-05:00","updated_at":"2026-01-02T18:53:28-05:00","alt":"Box of Povidone-Iodine Swabsticks 10% antiseptic wound cleanser, 50 single-use swabs.","width":3094,"height":3869,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/ce64ea81d3973c2ccdfd2616bbb69f16_7896474e-258f-4e5e-bed6-0677edaf1014.webp?v=1767398008","variant_ids":[48113218257120]},"available":true,"name":"Medline Professional Precision Cleaning Swabstick | Single Unit | MDSCA093901 - 1 Case (10 Boxes)","public_title":"1 Case (10 Boxes)","options":["1 Case (10 Boxes)"],"price":13299,"weight":2268,"compare_at_price":null,"inventory_management":"shopify","barcode":"40193489153850","featured_media":{"alt":"Box of Povidone-Iodine Swabsticks 10% antiseptic wound cleanser, 50 single-use swabs.","id":39948486279392,"position":4,"preview_image":{"aspect_ratio":0.8,"height":3869,"width":3094,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/ce64ea81d3973c2ccdfd2616bbb69f16_7896474e-258f-4e5e-bed6-0677edaf1014.webp?v=1767398008"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]
</script>
<div
id="current-variant-template--22470383337696__main-9064228323552-19"
class="current-variant hidden"
>
48113218224352
</div>
<div
id="variant-update-template--22470383337696__main-19"
class="variant-update-template--22470383337696__main-19 list-layout:md:text-left rtl:list-layout:md:text-right options-container"
>

</div>
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<ul>
<li>
<p data-path-to-node="7">The <b data-path-to-node="7" data-index-in-node="4">Medline Professional Swabstick</b> is a high-performance, single-use applicator designed for precision hygiene and targeted surface maintenance. Each swabstick comes pre-saturated with a specialized cleaning solution, making it an essential tool for maintaining high standards in technical, industrial, or professional environments.</p>
<p class="h2" data-path-to-node="8">Key Performance Features</h2>
<ul data-path-to-node="9">
<li>
<p data-path-to-node="9,0,0"><b data-path-to-node="9,0,0" data-index-in-node="0">Precision Applicator:</b> The stick-style design allows for targeted application in hard-to-reach areas or on sensitive equipment surfaces.</p>
</li>
<li>
<p data-path-to-node="9,1,0"><b data-path-to-node="9,1,0" data-index-in-node="0">Ready-to-Use:</b> Each unit is pre-saturated for immediate use, eliminating the need for additional cleaning agents.</p>
</li>
<li>
<p data-path-to-node="9,2,0"><b data-path-to-node="9,2,0" data-index-in-node="0">Individually Sealed:</b> Housed in a durable, single-use pouch to ensure the integrity and moisture of the solution until the moment of application.</p>
</li>
<li>
<p data-path-to-node="9,3,0"><b data-path-to-node="9,3,0" data-index-in-node="0">Professional Grade:</b> Engineered for consistent performance in environments where cleanliness and precision are critical.</p>
</li>
</ul>
<p class="h2" data-path-to-node="10">Technical Specifications</h2>
<ul data-path-to-node="11">
<li>
<p data-path-to-node="11,0,0"><b data-path-to-node="11,0,0" data-index-in-node="0">Format:</b> Single-unit applicator stick</p>
</li>
<li>
<p data-path-to-node="11,1,0"><b data-path-to-node="11,1,0" data-index-in-node="0">Packaging:</b> Individually wrapped</p>
</li>
<li>
<p data-path-to-node="11,2,0"><b data-path-to-node="11,2,0" data-index-in-node="0">Application:</b> Industrial surface maintenance, technical equipment cleaning, and general hygiene protocols.</p>
</li>
<li>
<p data-path-to-node="11,3,0"><b data-path-to-node="11,3,0" data-index-in-node="0">SKU:</b> MDSCA093901</p>
</li>
</ul>
</li>
</ul>
</div>
</div>

<div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>

<div x-data="xProductCart"
class="quick-view-card-atc card-info bottom_atc md:list-layout:hidden hide-icon"
>

<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/medline-povidone-iodine-swabstick-mdsca093901"
data-quick-view-option-id="template--22470383337696__main-9064228323552-19"
data-quick-view-index="19"
data-id="template--22470383337696__main-9064228323552-19"
class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"
aria-label="Choisissez les options"
>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Choisissez les options</span>

</span>
</span>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>

</div>

<div class="quick-view-enabled-only hidden md:list-layout:flex gap-3 mt-5 md:mt-7"><div x-data="xProductCart" class="quick-view-atc-only">

<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/medline-povidone-iodine-swabstick-mdsca093901"
data-quick-view-option-id="template--22470383337696__main-9064228323552-19"
data-quick-view-index="19"
data-id="template--22470383337696__main-9064228323552-19"
class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"
aria-label="Choisissez les options"
>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Choisissez les options</span>

</span>
</span>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>

</div><button
data-quick-view-action="open-product"
data-quick-view-url="/fr/products/medline-povidone-iodine-swabstick-mdsca093901"
data-quick-view-option-id="template--22470383337696__main-9064228323552-19"
aria-label="Bouton de visualisation rapide"
x-customer-event-data="{
"product": {
"title": "Medline Professional Precision Cleaning Swabstick | Single Unit | MDSCA093901",
"listName": "",
"sku": "9064228323552",
"currencyCode": "CAD",
"price": 1499,
"vendor": "Medline"
}
}"
class="quick-view-enabled-only button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3"
>
<span class="flex justify-center items-center">
<span class="button-text" data-quick-view-label>Vue rapide</span>
</span>
</button>
</div>

</div>
</div>

<script src="//emerdepot.com/cdn/shop/t/81/assets/preview-color-swatches.js?v=155925112040687201791788108428" defer></script></div>

<div class="grid-item">

<div

x-data="xProductCard('template--22470383337696__main-110', '/fr/products/omega-stanhexidine-aqueous-chlorhexidine', '8031894601952')"

class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]"
x-slide-index="-1"
>
<div
class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
>
<style data-shopify>

</style>

<style data-shopify>

</style>
<a

x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"

href="/fr/products/omega-stanhexidine-aqueous-chlorhexidine?_pos=10&_sid=6c63432be&_ss=r"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 47234906095840,
"product_id": 8031894601952,
"available": true,
"title": "Solution antiseptique Omega Stanhexidine - Gluconate de chlorhexidine 2 % et alcool isopropylique 4 % - 450 ml",
"compare_at_price": 0,
"price": 1299,
"price_with_currency": "$12.99 CAD",
"sale_amount": "$-12.99",
"collections": "||481234616544||464934732000||417505575136||487133249760||473594233056||465605886176||465606869216||",
"inventory_management": "shopify",
"qty": 43,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1254.12,
"diff_day_publish": 1254.09

}]"

aria-label="Solution antiseptique Omega Stanhexidine - Gluconate de chlorhexidine 2 % et alcool isopropylique 4 % - 450 ml"
id="8031894601952-template--22470383337696__main"
class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block

no-collage rounded-[10px] pb-[100%]">
<div x-data="xDoubleTouch('/fr/products/omega-stanhexidine-aqueous-chlorhexidine?_pos=10&_sid=6c63432be&_ss=r')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0

animate_transition_card__image">
<div
id="x-slideshow-card-product-template--22470383337696__main-110--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Solution antiseptique Omega Stanhexidine - Gluconate de chlorhexidine 2 % et alcool isopropylique 4 % - 450 ml",
"listName": "",
"sku": "8031894601952",
"currencyCode": "CAD",
"price": 1299,
"vendor": "Omega Laboratories Ltd."
}
}"
><div
class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
@touchstart="onTouchStart($event)"
@touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
@touchmove="onTouchMove($event)"
></div>
<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
>

<picture>
<img
srcset="//emerdepot.com/cdn/shop/files/300c54fd01d9dd5f9193efa54d44bca7_8635eddc-f8ae-4f92-8ae6-14461979fec8.png?v=1789058653&width=188 188w,
//emerdepot.com/cdn/shop/files/300c54fd01d9dd5f9193efa54d44bca7_8635eddc-f8ae-4f92-8ae6-14461979fec8.png?v=1789058653&width=225 225w"
src="//emerdepot.com/cdn/shop/files/300c54fd01d9dd5f9193efa54d44bca7_8635eddc-f8ae-4f92-8ae6-14461979fec8.png?v=1789058653&width=225"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="Omega Stanhexidine Antiseptic Solution - Chlorhexidine Gluconate 2% & Isopropyl Alcohol 4% - 450mL"
:class="showSecond ? 'first-img' : ''"
class="w-full preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
loading="lazy"
width="532"
height="532"
onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div><div class="w-full h-full top-0 left-0 absolute lg:block">

<picture>
<img loading="lazy"
srcset="//emerdepot.com/cdn/shop/files/300c54fd01d9dd5f9193efa54d44bca7_96062917-e184-4767-a145-71b252928c51.png?v=1761684664&width=188 188w,
//emerdepot.com/cdn/shop/files/300c54fd01d9dd5f9193efa54d44bca7_96062917-e184-4767-a145-71b252928c51.png?v=1761684664&width=225 225w"
src="//emerdepot.com/cdn/shop/files/300c54fd01d9dd5f9193efa54d44bca7_96062917-e184-4767-a145-71b252928c51.png?v=1761684664&width=225"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="Two bottles of Stanhexidine 2% chlorhexidine gluconate antibacterial skin solution, 450 mL."
:class="showSecond ? 'second-img' : ''"
class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
loading="lazy"
width="532"
height="532"
onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div></div>
</div>
</a><div class="discount-badge discount-badge--hidden"
id="discount-badge-template--22470383337696__main-110">
<span class="discount-badge__pct">0% OFF</span>

</div>

<script>
(function(){
var sid='template--22470383337696__main-110';
var isMulti=false;

document.addEventListener('eurus:product-card-variant-select:updated:'+sid,function(e){
var badge=document.getElementById('discount-badge-'+sid);
var v=e.detail&&e.detail.currentVariant;

if(!badge||!v)return;

if(v.compare_at_price&&v.compare_at_price>v.price){
var pct=Math.round((v.compare_at_price-v.price)*100/v.compare_at_price);

badge.querySelector('.discount-badge__pct').textContent=pct+'% OFF';

var sp=badge.querySelector('.discount-badge__variant');

if(isMulti&&v.title&&v.title!=='Default Title'){
if(!sp){
sp=document.createElement('span');
sp.className='discount-badge__variant';
badge.appendChild(sp);
}

sp.textContent=v.title;
}else if(sp){
sp.remove();
}

badge.classList.remove('discount-badge--hidden');
}else{
badge.classList.add('discount-badge--hidden');
}
});
})();
</script>

<div class="md:list-layout:hidden">
<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">Omega Laboratories Ltd.</div>
<p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--22470383337696__main-8031894601952">

<a href="/fr/products/omega-stanhexidine-aqueous-chlorhexidine?_pos=10&_sid=6c63432be&_ss=r"
class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Solution antiseptique Omega Stanhexidine - Gluconate de chlorhexidine 2 % et alcool isopropylique 4 % - 450 ml",
"listName": "",
"sku": "8031894601952",
"currencyCode": "CAD",
"price": 1299,
"vendor": "Omega Laboratories Ltd."
}
}"
>
Solution antiseptique Omega Stanhexidine - Gluconate de chlorhexidine 2 % et alcool isopropylique 4 % - 450 ml
</a>

</p>

<div
class="flex flex-wrap gap-[3px] mb-3 empty:mb-0 rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
x-data="{setPosition(el) {
parentEl = el.closest('.card-info').getBoundingClientRect();
el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
elRect = el.getBoundingClientRect();
let spacingLeft = elRect.left - parentEl.left;
if (spacingLeft < 0) {
el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
}
let spacingRight = parentEl.right - elRect.right;
if (spacingRight < 0) {
el.style.setProperty('--left-tooltip', spacingRight + 'px');
}
}}"
x-init="$el.innerHTML = $el.innerHTML.trim();"
>

</div>

<div
class="x-review-product yotpo flex w-full items-center rating-review justify-center ltr mb-4 md:list-layout:justify-start"
><div class="yotpo bottomLine" data-product-id="8031894601952"> </div></div>

<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">

<div class=" price leading-none " bss-b2b-product-id="8031894601952" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">1299</div><p class="price ">
<span>$12.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Prix unitaire</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> par </span>
<span>
</span>
</span>
</small>

</div>

</div>

<div class="next-price empty:hidden"></div>
</div>

<div id="x-availability-notice-template--22470383337696__main" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('8031894601952', [481234616544, 464934732000, 417505575136, 487133249760, 473594233056, 465605886176, 465606869216])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": true,

"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)": true

},
pickupLocation: ["EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)",
"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)"
]
}'
class="mb-3"
x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
>
<style data-shopify>
.text-available, .text-unavailable {
font-size: 0.669375rem;
font-family: var(--font-body-family);
}

@media (min-width: 768px) {
.text-available, .text-unavailable {
font-size: 0.74375rem;
}
}

.text-available {
color: #34ad65;
}

.dark .text-available {
color: #34ad65;
}

.text-unavailable {
color: #c91517;
}

.dark .text-unavailable {
color: #c91517;
}
</style>
<div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'Disponible pour retrait à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
<div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'En rupture de stock à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
</div></div>
<div class="quick-view-container quick-view-enabled-only absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0">
<div x-data="xProductCart"
class="quick-view-atc-only quick-view-image-atc w-full hide-icon lg:px-4"
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8031894601952110" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="47234906095840">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-8031894601952-110"
class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>
<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"

data-id="template--22470383337696__main-8031894601952-110"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Solution antiseptique Omega Stanhexidine - Gluconate de chlorhexidine 2 % et alcool isopropylique 4 % - 450 ml",
"listName": "",
"sku": "8031894601952",
"currencyCode": "CAD",
"price": 1299,
"vendor": "Omega Laboratories Ltd."
}
}"
>
<span>Add to cart</span>

<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button><input type="hidden" name="product-id" value="8031894601952" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-8031894601952-template--22470383337696__main-110"
class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
> <div class="bss-qb-collection-table"></div><div class="bss-b2b-qb-table"></div>
<div class="hidden md:list-layout:block">

<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">Omega Laboratories Ltd.</div>
<p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--22470383337696__main-8031894601952">

<a href="/fr/products/omega-stanhexidine-aqueous-chlorhexidine?_pos=10&_sid=6c63432be&_ss=r"
class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Solution antiseptique Omega Stanhexidine - Gluconate de chlorhexidine 2 % et alcool isopropylique 4 % - 450 ml",
"listName": "",
"sku": "8031894601952",
"currencyCode": "CAD",
"price": 1299,
"vendor": "Omega Laboratories Ltd."
}
}"
>
Solution antiseptique Omega Stanhexidine - Gluconate de chlorhexidine 2 % et alcool isopropylique 4 % - 450 ml
</a>

</p>

<div
class="flex flex-wrap gap-[3px] mb-3 empty:mb-0 rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
x-data="{setPosition(el) {
parentEl = el.closest('.card-info').getBoundingClientRect();
el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
elRect = el.getBoundingClientRect();
let spacingLeft = elRect.left - parentEl.left;
if (spacingLeft < 0) {
el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
}
let spacingRight = parentEl.right - elRect.right;
if (spacingRight < 0) {
el.style.setProperty('--left-tooltip', spacingRight + 'px');
}
}}"
x-init="$el.innerHTML = $el.innerHTML.trim();"
>

</div>

<div
class="x-review-product yotpo flex w-full items-center rating-review justify-center ltr mb-4 md:list-layout:justify-start"
><div class="yotpo bottomLine" data-product-id="8031894601952"> </div></div>

<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">

<div class=" price leading-none " bss-b2b-product-id="8031894601952" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">1299</div><p class="price ">
<span>$12.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Prix unitaire</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> par </span>
<span>
</span>
</span>
</small>

</div>

</div>

<div class="next-price empty:hidden"></div>
</div>

<div id="x-availability-notice-template--22470383337696__main" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('8031894601952', [481234616544, 464934732000, 417505575136, 487133249760, 473594233056, 465605886176, 465606869216])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": true,

"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)": true

},
pickupLocation: ["EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)",
"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)"
]
}'
class="mb-3"
x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
>
<style data-shopify>
.text-available, .text-unavailable {
font-size: 0.669375rem;
font-family: var(--font-body-family);
}

@media (min-width: 768px) {
.text-available, .text-unavailable {
font-size: 0.74375rem;
}
}

.text-available {
color: #34ad65;
}

.dark .text-available {
color: #34ad65;
}

.text-unavailable {
color: #c91517;
}

.dark .text-unavailable {
color: #c91517;
}
</style>
<div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'Disponible pour retrait à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
<div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'En rupture de stock à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
</div></div>
<div class="quick-view-container quick-view-enabled-only absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0">
<div x-data="xProductCart"
class="quick-view-atc-only quick-view-image-atc w-full hide-icon lg:px-4"
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8031894601952110" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="47234906095840">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-8031894601952-110"
class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>
<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"

data-id="template--22470383337696__main-8031894601952-110"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Solution antiseptique Omega Stanhexidine - Gluconate de chlorhexidine 2 % et alcool isopropylique 4 % - 450 ml",
"listName": "",
"sku": "8031894601952",
"currencyCode": "CAD",
"price": 1299,
"vendor": "Omega Laboratories Ltd."
}
}"
>
<span>Add to cart</span>

<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button><input type="hidden" name="product-id" value="8031894601952" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div>
</div>
</div>
</div>

</div>

<div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
Alpine.store('xUpdateVariantQuanity').updateQuantity('template--22470383337696__main', '/fr/products/omega-stanhexidine-aqueous-chlorhexidine?_pos=10&_sid=6c63432be&_ss=r');
});"></div>
<div
id="current-variant-template--22470383337696__main-8031894601952-110"
class="current-variant hidden"
>
47234906095840
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<p>Ce gluconate de chlorhexidine aqueux Omega L0000009 Stanhexidine 2 % avec alcool isopropylique 4 % 450 ml est un antiseptique antibactérien utilisé pour nettoyer la peau et les mains avant une intervention ou une injection. La chlorhexidine a le pouvoir de tuer ou d'empêcher la croissance des bactéries sur la peau, offrant ainsi un environnement sûr et stérile.</p>

<ul class="list-style-two">

<li>

<strong>Code :</strong> <span>L0000009</span>
</li>

<li>

<strong>Force :</strong> <span>2</span> % - 4 %</li>

<li>

<strong>Format :</strong> 450 <span>ml</span>
</li>

<li>

<strong>Unité de conditionnement :</strong> <span>20</span> bouteilles</li>

<li>

<strong>DIN:</strong> <span>Â</span> 02246950</li>

<li>

<strong>Bouchons sans latex :</strong> <span>Bouchons</span> sans latex</li>

<li>

<strong>Unité de vente du code-barres GTIN :</strong> <span>801500100098</span>
</li>

<li>

<strong>Code-barres GTIN Unité d'utilisation :</strong> <span>801500100098</span>
</li>

<li>

<strong>Sans conservateur :</strong> <span>Non</span>
</li>

<li> Antiseptique</li>

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

<div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>

<div x-data="xProductCart"
class="quick-view-card-atc card-info bottom_atc md:list-layout:hidden hide-icon"
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8031894601952110" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="47234906095840">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-8031894601952-110"
class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button><input type="hidden" name="product-id" value="8031894601952" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div>

<div class="quick-view-enabled-only hidden md:list-layout:flex gap-3 mt-5 md:mt-7"><div x-data="xProductCart" class="quick-view-atc-only">

<form method="post" action="/fr/cart/add" id="product-form-choose-option8031894601952110" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="47234906095840">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-8031894601952-110"
class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-20 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button><button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"

data-id="template--22470383337696__main-8031894601952-110"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Solution antiseptique Omega Stanhexidine - Gluconate de chlorhexidine 2 % et alcool isopropylique 4 % - 450 ml",
"listName": "",
"sku": "8031894601952",
"currencyCode": "CAD",
"price": 1299,
"vendor": "Omega Laboratories Ltd."
}
}"
>
<span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading">
<i class="cs-icon icon-cs-cart"></i></span>
<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button><input type="hidden" name="product-id" value="8031894601952" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div><button
data-quick-view-action="open-product"
data-quick-view-url="/fr/products/omega-stanhexidine-aqueous-chlorhexidine"
data-quick-view-option-id="template--22470383337696__main-8031894601952-110"
aria-label="Bouton de visualisation rapide"
x-customer-event-data="{
"product": {
"title": "Solution antiseptique Omega Stanhexidine - Gluconate de chlorhexidine 2 % et alcool isopropylique 4 % - 450 ml",
"listName": "",
"sku": "8031894601952",
"currencyCode": "CAD",
"price": 1299,
"vendor": "Omega Laboratories Ltd."
}
}"
class="quick-view-enabled-only button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3"
>
<span class="flex justify-center items-center">
<span class="button-text" data-quick-view-label>Vue rapide</span>
</span>
</button>
</div>

</div>
</div>

<script src="//emerdepot.com/cdn/shop/t/81/assets/preview-color-swatches.js?v=155925112040687201791788108428" defer></script></div>

<div class="grid-item">

<div

x-data="xProductCard('template--22470383337696__main-111', '/fr/products/prolystica-ultra-concentrate-instrument-lubricant-steris-5l', '7629456900320')"

class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]"
x-slide-index="-1"
>
<div
class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
>
<style data-shopify>

</style>

<style data-shopify>

</style>
<a

x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"

href="/fr/products/prolystica-ultra-concentrate-instrument-lubricant-steris-5l?_pos=11&_sid=6c63432be&_ss=r"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 42687937413344,
"product_id": 7629456900320,
"available": true,
"title": "Lubrifiant pour instruments ultra concentré Prolystica Steris (5 L) | 1C05T4WR",
"compare_at_price": 0,
"price": 36900,
"price_with_currency": "$369.00 CAD",
"sale_amount": "$-369.00",
"collections": "||481234616544||417505575136||487133249760||264299348162||473594233056||465572856032||",
"inventory_management": "shopify",
"qty": 200,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1620.76,
"diff_day_publish": 1620.76

},{
"variant_id": 47238779764960,
"product_id": 7629456900320,
"available": true,
"title": "Lubrifiant pour instruments ultra concentré Prolystica Steris (5 L) | 1C05T4WR",
"compare_at_price": 0,
"price": 59999,
"price_with_currency": "$599.99 CAD",
"sale_amount": "$-599.99",
"collections": "||481234616544||417505575136||487133249760||264299348162||473594233056||465572856032||",
"inventory_management": "shopify",
"qty": 200,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1620.76,
"diff_day_publish": 1620.76

}]"

aria-label="Lubrifiant pour instruments ultra concentré Prolystica Steris (5 L) | 1C05T4WR"
id="7629456900320-template--22470383337696__main"
class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block

no-collage rounded-[10px] pb-[100%]">
<div x-data="xDoubleTouch('/fr/products/prolystica-ultra-concentrate-instrument-lubricant-steris-5l?_pos=11&_sid=6c63432be&_ss=r')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0

animate_transition_card__image">
<div
id="x-slideshow-card-product-template--22470383337696__main-111--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Lubrifiant pour instruments ultra concentré Prolystica Steris (5 L) | 1C05T4WR",
"listName": "",
"sku": "7629456900320",
"currencyCode": "CAD",
"price": 36900,
"vendor": "Steris"
}
}"
><div
class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
@touchstart="onTouchStart($event)"
@touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
@touchmove="onTouchMove($event)"
></div>
<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
>

<picture>
<img
srcset="//emerdepot.com/cdn/shop/files/239a68072f524e5208e5f3bbc1910937.jpg?v=1761680491&width=188 188w,
//emerdepot.com/cdn/shop/files/239a68072f524e5208e5f3bbc1910937.jpg?v=1761680491&width=225 225w"
src="//emerdepot.com/cdn/shop/files/239a68072f524e5208e5f3bbc1910937.jpg?v=1761680491&width=225"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="Prolystica Ultra Concentrate lubricant 5L jug for medical or home care equipment cleaning"
:class="showSecond ? 'first-img' : ''"
class="w-full preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
loading="lazy"
width="1798"
height="1798"
onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div><div class="w-full h-full top-0 left-0 absolute lg:block">

<picture>
<img loading="lazy"
srcset="//emerdepot.com/cdn/shop/files/239a68072f524e5208e5f3bbc1910937_e157269d-35cf-4594-ac83-59c8d7aeaf20.jpg?v=1761680493&width=188 188w,
//emerdepot.com/cdn/shop/files/239a68072f524e5208e5f3bbc1910937_e157269d-35cf-4594-ac83-59c8d7aeaf20.jpg?v=1761680493&width=225 225w"
src="//emerdepot.com/cdn/shop/files/239a68072f524e5208e5f3bbc1910937_e157269d-35cf-4594-ac83-59c8d7aeaf20.jpg?v=1761680493&width=225"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="PROLYSTICA ultra concentrate lubricant 5L medical supply container with handle and blue label"
:class="showSecond ? 'second-img' : ''"
class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
loading="lazy"
width="1798"
height="1798"
onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div></div>
</div>
</a><div class="discount-badge discount-badge--hidden"
id="discount-badge-template--22470383337696__main-111">
<span class="discount-badge__pct">0% OFF</span>

<span class="discount-badge__variant">1 bouteille</span>

</div>

<script>
(function(){
var sid='template--22470383337696__main-111';
var isMulti=true;

document.addEventListener('eurus:product-card-variant-select:updated:'+sid,function(e){
var badge=document.getElementById('discount-badge-'+sid);
var v=e.detail&&e.detail.currentVariant;

if(!badge||!v)return;

if(v.compare_at_price&&v.compare_at_price>v.price){
var pct=Math.round((v.compare_at_price-v.price)*100/v.compare_at_price);

badge.querySelector('.discount-badge__pct').textContent=pct+'% OFF';

var sp=badge.querySelector('.discount-badge__variant');

if(isMulti&&v.title&&v.title!=='Default Title'){
if(!sp){
sp=document.createElement('span');
sp.className='discount-badge__variant';
badge.appendChild(sp);
}

sp.textContent=v.title;
}else if(sp){
sp.remove();
}

badge.classList.remove('discount-badge--hidden');
}else{
badge.classList.add('discount-badge--hidden');
}
});
})();
</script>

<div class="md:list-layout:hidden">
<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">Steris</div>
<p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--22470383337696__main-7629456900320">

<a href="/fr/products/prolystica-ultra-concentrate-instrument-lubricant-steris-5l?_pos=11&_sid=6c63432be&_ss=r"
class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Lubrifiant pour instruments ultra concentré Prolystica Steris (5 L) | 1C05T4WR",
"listName": "",
"sku": "7629456900320",
"currencyCode": "CAD",
"price": 36900,
"vendor": "Steris"
}
}"
>
Lubrifiant pour instruments ultra concentré Prolystica Steris (5 L) | 1C05T4WR
</a>

</p>

<div
class="flex flex-wrap gap-[3px] mb-3 empty:mb-0 rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
x-data="{setPosition(el) {
parentEl = el.closest('.card-info').getBoundingClientRect();
el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
elRect = el.getBoundingClientRect();
let spacingLeft = elRect.left - parentEl.left;
if (spacingLeft < 0) {
el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
}
let spacingRight = parentEl.right - elRect.right;
if (spacingRight < 0) {
el.style.setProperty('--left-tooltip', spacingRight + 'px');
}
}}"
x-init="$el.innerHTML = $el.innerHTML.trim();"
>

</div>

<div
class="x-review-product yotpo flex w-full items-center rating-review justify-center ltr mb-4 md:list-layout:justify-start"
><div class="yotpo bottomLine" data-product-id="7629456900320"> </div></div>

<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">

<div class=" price leading-none bss-from" bss-b2b-product-id="7629456900320" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">36900</div><p class="price ">
<span>À partir de $369.00 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Prix unitaire</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> par </span>
<span>
</span>
</span>
</small>

</div>

</div>

<div class="next-price empty:hidden"></div>
</div>

<div id="x-availability-notice-template--22470383337696__main" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('7629456900320', [481234616544, 417505575136, 487133249760, 264299348162, 473594233056, 465572856032])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": true,

"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)": true

},
pickupLocation: ["EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)",
"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)"
]
}'
class="mb-3"
x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
>
<style data-shopify>
.text-available, .text-unavailable {
font-size: 0.669375rem;
font-family: var(--font-body-family);
}

@media (min-width: 768px) {
.text-available, .text-unavailable {
font-size: 0.74375rem;
}
}

.text-available {
color: #34ad65;
}

.dark .text-available {
color: #34ad65;
}

.text-unavailable {
color: #c91517;
}

.dark .text-unavailable {
color: #c91517;
}
</style>
<div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'Disponible pour retrait à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
<div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'En rupture de stock à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
</div></div>
<div class="quick-view-container quick-view-enabled-only absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0">
<div x-data="xProductCart"
class="quick-view-atc-only quick-view-image-atc w-full hide-icon lg:px-4"
>

<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/prolystica-ultra-concentrate-instrument-lubricant-steris-5l"
data-quick-view-option-id="template--22470383337696__main-7629456900320-111"
data-quick-view-index="111"
data-id="template--22470383337696__main-7629456900320-111"
class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Choisissez les options"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Choisissez les options</span>

</span>
</span>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>
<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/prolystica-ultra-concentrate-instrument-lubricant-steris-5l"
data-quick-view-option-id="template--22470383337696__main-7629456900320-111"
data-quick-view-index="111"
class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
data-id="template--22470383337696__main-7629456900320-111"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Lubrifiant pour instruments ultra concentré Prolystica Steris (5 L) | 1C05T4WR",
"listName": "",
"sku": "7629456900320",
"currencyCode": "CAD",
"price": 36900,
"vendor": "Steris"
}
}"
>
<span>Add to cart</span>

<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button>

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

</div><div
id="choose-options-template--22470383337696__main-7629456900320-111"
class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
x-show="showOptions"
x-transition:enter="transition-all ease-in-out duration-300"
x-transition:enter-start="opacity-0 transform translate-y-full"
x-transition:enter-end="opacity-100 transform translate-y-0"
x-transition:leave="transition-all ease-in-out duration-300"
x-transition:leave-start="opacity-100 transform translate-y-0"
x-transition:leave-end="opacity-0 transform translate-y-full"
x-cloak
>
<div
class="choose-options relative w-full min-h-full h-full"
>
</div>
<div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
<div
class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</div>
</div>
<div
id="x-product-template-7629456900320-template--22470383337696__main-111"
class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
> <div class="bss-qb-collection-table"></div><div class="bss-b2b-qb-table"></div>
<div class="hidden md:list-layout:block">

<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">Steris</div>
<p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--22470383337696__main-7629456900320">

<a href="/fr/products/prolystica-ultra-concentrate-instrument-lubricant-steris-5l?_pos=11&_sid=6c63432be&_ss=r"
class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Lubrifiant pour instruments ultra concentré Prolystica Steris (5 L) | 1C05T4WR",
"listName": "",
"sku": "7629456900320",
"currencyCode": "CAD",
"price": 36900,
"vendor": "Steris"
}
}"
>
Lubrifiant pour instruments ultra concentré Prolystica Steris (5 L) | 1C05T4WR
</a>

</p>

<div
class="flex flex-wrap gap-[3px] mb-3 empty:mb-0 rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
x-data="{setPosition(el) {
parentEl = el.closest('.card-info').getBoundingClientRect();
el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
elRect = el.getBoundingClientRect();
let spacingLeft = elRect.left - parentEl.left;
if (spacingLeft < 0) {
el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
}
let spacingRight = parentEl.right - elRect.right;
if (spacingRight < 0) {
el.style.setProperty('--left-tooltip', spacingRight + 'px');
}
}}"
x-init="$el.innerHTML = $el.innerHTML.trim();"
>

</div>

<div
class="x-review-product yotpo flex w-full items-center rating-review justify-center ltr mb-4 md:list-layout:justify-start"
><div class="yotpo bottomLine" data-product-id="7629456900320"> </div></div>

<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">

<div class=" price leading-none bss-from" bss-b2b-product-id="7629456900320" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">36900</div><p class="price ">
<span>À partir de $369.00 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Prix unitaire</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> par </span>
<span>
</span>
</span>
</small>

</div>

</div>

<div class="next-price empty:hidden"></div>
</div>

<div id="x-availability-notice-template--22470383337696__main" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('7629456900320', [481234616544, 417505575136, 487133249760, 264299348162, 473594233056, 465572856032])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": true,

"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)": true

},
pickupLocation: ["EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)",
"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)"
]
}'
class="mb-3"
x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
>
<style data-shopify>
.text-available, .text-unavailable {
font-size: 0.669375rem;
font-family: var(--font-body-family);
}

@media (min-width: 768px) {
.text-available, .text-unavailable {
font-size: 0.74375rem;
}
}

.text-available {
color: #34ad65;
}

.dark .text-available {
color: #34ad65;
}

.text-unavailable {
color: #c91517;
}

.dark .text-unavailable {
color: #c91517;
}
</style>
<div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'Disponible pour retrait à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
<div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'En rupture de stock à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
</div></div>
<div class="quick-view-container quick-view-enabled-only absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0">
<div x-data="xProductCart"
class="quick-view-atc-only quick-view-image-atc w-full hide-icon lg:px-4"
>

<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/prolystica-ultra-concentrate-instrument-lubricant-steris-5l"
data-quick-view-option-id="template--22470383337696__main-7629456900320-111"
data-quick-view-index="111"
data-id="template--22470383337696__main-7629456900320-111"
class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Choisissez les options"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Choisissez les options</span>

</span>
</span>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>
<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/prolystica-ultra-concentrate-instrument-lubricant-steris-5l"
data-quick-view-option-id="template--22470383337696__main-7629456900320-111"
data-quick-view-index="111"
class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
data-id="template--22470383337696__main-7629456900320-111"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Lubrifiant pour instruments ultra concentré Prolystica Steris (5 L) | 1C05T4WR",
"listName": "",
"sku": "7629456900320",
"currencyCode": "CAD",
"price": 36900,
"vendor": "Steris"
}
}"
>
<span>Add to cart</span>

<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button>

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

</div>

<div
class="x-variants-data"
x-data="xVariantSelect($el,'template--22470383337696__main-111', false, 'Indisponible', '/fr/products/prolystica-ultra-concentrate-instrument-lubricant-steris-5l', '7629456900320', false, true, false, 'template--22470383337696__main', '', '', '//emerdepot.com/cdn/shop/files/239a68072f524e5208e5f3bbc1910937.jpg?v=1761680491', 111)"
x-intersect.once.margin.200px="initVariant($el)"
>
<script type="application/json">
[{"id":42687937413344,"title":"1 bouteille","option1":"1 bouteille","option2":null,"option3":null,"sku":"1C05T4WR","requires_shipping":true,"taxable":true,"featured_image":{"id":46755264266464,"product_id":7629456900320,"position":3,"created_at":"2025-04-30T18:47:53-04:00","updated_at":"2025-10-28T15:41:36-04:00","alt":"Prolystica Ultra Concentrate Lubricant 5L jug non-silicone medical cleaning supply","width":1798,"height":1798,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/239a68072f524e5208e5f3bbc1910937_b0b43385-1ae1-4686-8d44-cc5130edeeb3.jpg?v=1761680496","variant_ids":[42687937413344]},"available":true,"name":"Lubrifiant pour instruments ultra concentré Prolystica Steris (5 L) | 1C05T4WR - 1 bouteille","public_title":"1 bouteille","options":["1 bouteille"],"price":36900,"weight":22680,"compare_at_price":null,"inventory_management":"shopify","barcode":"00724995089887","featured_media":{"alt":"Prolystica Ultra Concentrate Lubricant 5L jug non-silicone medical cleaning supply","id":37164763152608,"position":3,"preview_image":{"aspect_ratio":1.0,"height":1798,"width":1798,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/239a68072f524e5208e5f3bbc1910937_b0b43385-1ae1-4686-8d44-cc5130edeeb3.jpg?v=1761680496"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47238779764960,"title":"1 caisse (2 bouteilles)","option1":"1 caisse (2 bouteilles)","option2":null,"option3":null,"sku":"1C05T4WR-C","requires_shipping":true,"taxable":true,"featured_image":{"id":46755264659680,"product_id":7629456900320,"position":4,"created_at":"2025-04-30T18:47:55-04:00","updated_at":"2025-10-28T15:41:38-04:00","alt":"PROLYSTICA Ultra Concentrate medical lubricant container, non-silicone, 5 liters","width":1798,"height":1798,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/239a68072f524e5208e5f3bbc1910937_b034643d-8198-47bc-a98e-2a35c9afd706.jpg?v=1761680498","variant_ids":[47238779764960]},"available":true,"name":"Lubrifiant pour instruments ultra concentré Prolystica Steris (5 L) | 1C05T4WR - 1 caisse (2 bouteilles)","public_title":"1 caisse (2 bouteilles)","options":["1 caisse (2 bouteilles)"],"price":59999,"weight":45359,"compare_at_price":null,"inventory_management":"shopify","barcode":"9791175487840","featured_media":{"alt":"PROLYSTICA Ultra Concentrate medical lubricant container, non-silicone, 5 liters","id":37164763250912,"position":4,"preview_image":{"aspect_ratio":1.0,"height":1798,"width":1798,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/239a68072f524e5208e5f3bbc1910937_b034643d-8198-47bc-a98e-2a35c9afd706.jpg?v=1761680498"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]
</script>
<div
id="current-variant-template--22470383337696__main-7629456900320-111"
class="current-variant hidden"
>
42687937413344
</div>
<div
id="variant-update-template--22470383337696__main-111"
class="variant-update-template--22470383337696__main-111 list-layout:md:text-left rtl:list-layout:md:text-right options-container"
>

</div>
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<ul>

<li> Le concentré 10X offre plus d'utilisations par contenant ; moins de stock</li>

<li> La formule sans silicone n'interfère pas avec la stérilisation à la vapeur ou à l'oxyde d'éthylène</li>

<li> L'excellente capacité de lubrification contribue à prolonger la durée de vie des instruments et à assurer le bon fonctionnement des instruments chirurgicaux</li>

</ul>
<p>

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

<div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>

<div x-data="xProductCart"
class="quick-view-card-atc card-info bottom_atc md:list-layout:hidden hide-icon"
>

<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/prolystica-ultra-concentrate-instrument-lubricant-steris-5l"
data-quick-view-option-id="template--22470383337696__main-7629456900320-111"
data-quick-view-index="111"
data-id="template--22470383337696__main-7629456900320-111"
class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"
aria-label="Choisissez les options"
>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Choisissez les options</span>

</span>
</span>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>

</div>

<div class="quick-view-enabled-only hidden md:list-layout:flex gap-3 mt-5 md:mt-7"><div x-data="xProductCart" class="quick-view-atc-only">

<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/prolystica-ultra-concentrate-instrument-lubricant-steris-5l"
data-quick-view-option-id="template--22470383337696__main-7629456900320-111"
data-quick-view-index="111"
data-id="template--22470383337696__main-7629456900320-111"
class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"
aria-label="Choisissez les options"
>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Choisissez les options</span>

</span>
</span>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>

</div><button
data-quick-view-action="open-product"
data-quick-view-url="/fr/products/prolystica-ultra-concentrate-instrument-lubricant-steris-5l"
data-quick-view-option-id="template--22470383337696__main-7629456900320-111"
aria-label="Bouton de visualisation rapide"
x-customer-event-data="{
"product": {
"title": "Lubrifiant pour instruments ultra concentré Prolystica Steris (5 L) | 1C05T4WR",
"listName": "",
"sku": "7629456900320",
"currencyCode": "CAD",
"price": 36900,
"vendor": "Steris"
}
}"
class="quick-view-enabled-only button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3"
>
<span class="flex justify-center items-center">
<span class="button-text" data-quick-view-label>Vue rapide</span>
</span>
</button>
</div>

</div>
</div>

<script src="//emerdepot.com/cdn/shop/t/81/assets/preview-color-swatches.js?v=155925112040687201791788108428" defer></script></div>

<div class="grid-item">

<div

x-data="xProductCard('template--22470383337696__main-112', '/fr/products/animal-premise-disinfectant-cleaner-deodorizer', '7979535565024')"

class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]"
x-slide-index="-1"
>
<div
class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
>
<style data-shopify>

</style>

<style data-shopify>

</style>
<a

x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"

href="/fr/products/animal-premise-disinfectant-cleaner-deodorizer?_pos=12&_sid=6c63432be&_ss=r"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 48122001522912,
"product_id": 7979535565024,
"available": true,
"title": "Nettoyant désinfectant et désodorisant pour locaux animaliers Prevail (1 litre)",
"compare_at_price": 0,
"price": 1799,
"price_with_currency": "$17.99 CAD",
"sale_amount": "$-17.99",
"collections": "||481234616544||417505575136||487133249760||264299348162||473594233056||465573118176||",
"inventory_management": "shopify",
"qty": 108,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1338.89,
"diff_day_publish": 1338.88

}]"

aria-label="Nettoyant désinfectant et désodorisant pour locaux animaliers Prevail (1 litre)"
id="7979535565024-template--22470383337696__main"
class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block

no-collage rounded-[10px] pb-[100%]">
<div x-data="xDoubleTouch('/fr/products/animal-premise-disinfectant-cleaner-deodorizer?_pos=12&_sid=6c63432be&_ss=r')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0

animate_transition_card__image">
<div
id="x-slideshow-card-product-template--22470383337696__main-112--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Nettoyant désinfectant et désodorisant pour locaux animaliers Prevail (1 litre)",
"listName": "",
"sku": "7979535565024",
"currencyCode": "CAD",
"price": 1799,
"vendor": "Prevail"
}
}"
><div
class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
@touchstart="onTouchStart($event)"
@touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
@touchmove="onTouchMove($event)"
></div>
<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
>

<picture>
<img
srcset="//emerdepot.com/cdn/shop/files/d61c95dfc2920131b804decfa3b1a0bf.png?v=1767395719&width=188 188w,
//emerdepot.com/cdn/shop/files/d61c95dfc2920131b804decfa3b1a0bf.png?v=1767395719&width=225 225w"
src="//emerdepot.com/cdn/shop/files/d61c95dfc2920131b804decfa3b1a0bf.png?v=1767395719&width=225"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="Prevail animal premises disinfectant cleaner 1L bottle on light green background"
:class="showSecond ? 'first-img' : ''"
class="w-full preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
loading="lazy"
width="532"
height="532"
onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div><div class="w-full h-full top-0 left-0 absolute lg:block">

<picture>
<img loading="lazy"
srcset="//emerdepot.com/cdn/shop/files/d61c95dfc2920131b804decfa3b1a0bf_876eada2-56da-42a0-97fb-99c55ca81ece.png?v=1767395720&width=188 188w,
//emerdepot.com/cdn/shop/files/d61c95dfc2920131b804decfa3b1a0bf_876eada2-56da-42a0-97fb-99c55ca81ece.png?v=1767395720&width=225 225w"
src="//emerdepot.com/cdn/shop/files/d61c95dfc2920131b804decfa3b1a0bf_876eada2-56da-42a0-97fb-99c55ca81ece.png?v=1767395720&width=225"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="Prevail animal premises disinfectant 1L bottle for cleaning and deodorizing medical facilities"
:class="showSecond ? 'second-img' : ''"
class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
loading="lazy"
width="532"
height="532"
onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div></div>
</div>
</a><div class="discount-badge discount-badge--hidden"
id="discount-badge-template--22470383337696__main-112">
<span class="discount-badge__pct">0% OFF</span>

</div>

<script>
(function(){
var sid='template--22470383337696__main-112';
var isMulti=false;

document.addEventListener('eurus:product-card-variant-select:updated:'+sid,function(e){
var badge=document.getElementById('discount-badge-'+sid);
var v=e.detail&&e.detail.currentVariant;

if(!badge||!v)return;

if(v.compare_at_price&&v.compare_at_price>v.price){
var pct=Math.round((v.compare_at_price-v.price)*100/v.compare_at_price);

badge.querySelector('.discount-badge__pct').textContent=pct+'% OFF';

var sp=badge.querySelector('.discount-badge__variant');

if(isMulti&&v.title&&v.title!=='Default Title'){
if(!sp){
sp=document.createElement('span');
sp.className='discount-badge__variant';
badge.appendChild(sp);
}

sp.textContent=v.title;
}else if(sp){
sp.remove();
}

badge.classList.remove('discount-badge--hidden');
}else{
badge.classList.add('discount-badge--hidden');
}
});
})();
</script>

<div class="md:list-layout:hidden">
<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">Prevail</div>
<p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--22470383337696__main-7979535565024">

<a href="/fr/products/animal-premise-disinfectant-cleaner-deodorizer?_pos=12&_sid=6c63432be&_ss=r"
class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Nettoyant désinfectant et désodorisant pour locaux animaliers Prevail (1 litre)",
"listName": "",
"sku": "7979535565024",
"currencyCode": "CAD",
"price": 1799,
"vendor": "Prevail"
}
}"
>
Nettoyant désinfectant et désodorisant pour locaux animaliers Prevail (1 litre)
</a>

</p>

<div
class="flex flex-wrap gap-[3px] mb-3 empty:mb-0 rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
x-data="{setPosition(el) {
parentEl = el.closest('.card-info').getBoundingClientRect();
el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
elRect = el.getBoundingClientRect();
let spacingLeft = elRect.left - parentEl.left;
if (spacingLeft < 0) {
el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
}
let spacingRight = parentEl.right - elRect.right;
if (spacingRight < 0) {
el.style.setProperty('--left-tooltip', spacingRight + 'px');
}
}}"
x-init="$el.innerHTML = $el.innerHTML.trim();"
>

</div>

<div
class="x-review-product yotpo flex w-full items-center rating-review justify-center ltr mb-4 md:list-layout:justify-start"
><div class="yotpo bottomLine" data-product-id="7979535565024"> </div></div>

<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">

<div class=" price leading-none " bss-b2b-product-id="7979535565024" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">1799</div><p class="price ">
<span>$17.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Prix unitaire</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> par </span>
<span>
</span>
</span>
</small>

</div>

</div>

<div class="next-price empty:hidden"></div>
</div>

<div id="x-availability-notice-template--22470383337696__main" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('7979535565024', [481234616544, 417505575136, 487133249760, 264299348162, 473594233056, 465573118176])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": true,

"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)": true

},
pickupLocation: ["EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)",
"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)"
]
}'
class="mb-3"
x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
>
<style data-shopify>
.text-available, .text-unavailable {
font-size: 0.669375rem;
font-family: var(--font-body-family);
}

@media (min-width: 768px) {
.text-available, .text-unavailable {
font-size: 0.74375rem;
}
}

.text-available {
color: #34ad65;
}

.dark .text-available {
color: #34ad65;
}

.text-unavailable {
color: #c91517;
}

.dark .text-unavailable {
color: #c91517;
}
</style>
<div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'Disponible pour retrait à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
<div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'En rupture de stock à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
</div></div>
<div class="quick-view-container quick-view-enabled-only absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0">
<div x-data="xProductCart"
class="quick-view-atc-only quick-view-image-atc w-full hide-icon lg:px-4"
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option7979535565024112" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="48122001522912">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-7979535565024-112"
class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>
<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"

data-id="template--22470383337696__main-7979535565024-112"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Nettoyant désinfectant et désodorisant pour locaux animaliers Prevail (1 litre)",
"listName": "",
"sku": "7979535565024",
"currencyCode": "CAD",
"price": 1799,
"vendor": "Prevail"
}
}"
>
<span>Add to cart</span>

<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button><input type="hidden" name="product-id" value="7979535565024" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-7979535565024-template--22470383337696__main-112"
class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
> <div class="bss-qb-collection-table"></div><div class="bss-b2b-qb-table"></div>
<div class="hidden md:list-layout:block">

<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">Prevail</div>
<p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--22470383337696__main-7979535565024">

<a href="/fr/products/animal-premise-disinfectant-cleaner-deodorizer?_pos=12&_sid=6c63432be&_ss=r"
class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Nettoyant désinfectant et désodorisant pour locaux animaliers Prevail (1 litre)",
"listName": "",
"sku": "7979535565024",
"currencyCode": "CAD",
"price": 1799,
"vendor": "Prevail"
}
}"
>
Nettoyant désinfectant et désodorisant pour locaux animaliers Prevail (1 litre)
</a>

</p>

<div
class="flex flex-wrap gap-[3px] mb-3 empty:mb-0 rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
x-data="{setPosition(el) {
parentEl = el.closest('.card-info').getBoundingClientRect();
el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
elRect = el.getBoundingClientRect();
let spacingLeft = elRect.left - parentEl.left;
if (spacingLeft < 0) {
el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
}
let spacingRight = parentEl.right - elRect.right;
if (spacingRight < 0) {
el.style.setProperty('--left-tooltip', spacingRight + 'px');
}
}}"
x-init="$el.innerHTML = $el.innerHTML.trim();"
>

</div>

<div
class="x-review-product yotpo flex w-full items-center rating-review justify-center ltr mb-4 md:list-layout:justify-start"
><div class="yotpo bottomLine" data-product-id="7979535565024"> </div></div>

<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">

<div class=" price leading-none " bss-b2b-product-id="7979535565024" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">1799</div><p class="price ">
<span>$17.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Prix unitaire</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> par </span>
<span>
</span>
</span>
</small>

</div>

</div>

<div class="next-price empty:hidden"></div>
</div>

<div id="x-availability-notice-template--22470383337696__main" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('7979535565024', [481234616544, 417505575136, 487133249760, 264299348162, 473594233056, 465573118176])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": true,

"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)": true

},
pickupLocation: ["EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)",
"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)"
]
}'
class="mb-3"
x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
>
<style data-shopify>
.text-available, .text-unavailable {
font-size: 0.669375rem;
font-family: var(--font-body-family);
}

@media (min-width: 768px) {
.text-available, .text-unavailable {
font-size: 0.74375rem;
}
}

.text-available {
color: #34ad65;
}

.dark .text-available {
color: #34ad65;
}

.text-unavailable {
color: #c91517;
}

.dark .text-unavailable {
color: #c91517;
}
</style>
<div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'Disponible pour retrait à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
<div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'En rupture de stock à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
</div></div>
<div class="quick-view-container quick-view-enabled-only absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0">
<div x-data="xProductCart"
class="quick-view-atc-only quick-view-image-atc w-full hide-icon lg:px-4"
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option7979535565024112" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="48122001522912">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-7979535565024-112"
class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>
<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"

data-id="template--22470383337696__main-7979535565024-112"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Nettoyant désinfectant et désodorisant pour locaux animaliers Prevail (1 litre)",
"listName": "",
"sku": "7979535565024",
"currencyCode": "CAD",
"price": 1799,
"vendor": "Prevail"
}
}"
>
<span>Add to cart</span>

<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button><input type="hidden" name="product-id" value="7979535565024" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div>
</div>
</div>
</div>

</div>

<div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
Alpine.store('xUpdateVariantQuanity').updateQuantity('template--22470383337696__main', '/fr/products/animal-premise-disinfectant-cleaner-deodorizer?_pos=12&_sid=6c63432be&_ss=r');
});"></div>
<div
id="current-variant-template--22470383337696__main-7979535565024-112"
class="current-variant hidden"
>
48122001522912
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<p data-mce-fragment="1">Le peroxyde d'hydrogène accéléré <sup data-mce-fragment="1">Â®</sup> <span data-mce-fragment="1">Â</span> (AHP <sup data-mce-fragment="1">Â®</sup> ) a été conçu pour être délibérément différent™ et est formulé pour être utilisé sur la peau, les surfaces et les appareils, protégeant la santé des <span data-mce-fragment="1">Â</span> <strong data-mce-fragment="1">ANIMAUX, des</strong> <span data-mce-fragment="1">Â</span> HUMAINS et de la <span data-mce-fragment="1">Â</span> <strong data-mce-fragment="1">PLANÈTE.</strong><strong data-mce-fragment="1"><br></strong></p>

<ul>

<li>

<strong>Plus rapide</strong> : vitesse de désinfection supérieure, prouvée pour offrir des performances de destruction supérieures avec des temps de contact jusqu'à 10 fois plus rapides contre un large spectre d'organismes.</li>

<li>

<strong>Nettoyant</strong> : <span data-mce-fragment="1">Les nettoyants désinfectants en une étape avec de puissants tensioactifs (détergents) simplifient l'assainissement des installations pour animaux, économisant ainsi du temps et de l'argent.</span>

</li>

<li><span data-mce-fragment="1"><strong>Responsable</strong> : Les solutions en cours d’utilisation ont été conçues pour être essentiellement non toxiques et non irritantes, plus respectueuses des animaux, des employés et des clients.</span></li>

<li> <span data-mce-fragment="1"><strong>Durable</strong> : Le peroxyde d’hydrogène se décompose en eau et en oxygène, réduisant ainsi l’impact environnemental et améliorant l’environnement des animaux et de ceux qui en prennent soin.</span>
</li>

<li> <span data-mce-fragment="1"><strong>Compatible</strong> : Conçu pour être compatible avec une large gamme de matériaux, protégeant vos investissements en réduisant la corrosion et l'usure.</span>
</li>

</ul>

<p><span data-mce-fragment="1"><sup>AHP®</sup> est une alternative désinfectante « Délibérément Différent » aux produits chimiques traditionnels, qui peuvent être agressifs pour les animaux, les utilisateurs et l'environnement, et s'avérer largement inefficaces contre de nombreux agents pathogènes clés du marché de la santé animale. <sup>AHP®</sup> est unique par sa capacité à protéger les humains et les animaux des infections tout en garantissant une sécurité accrue pour les utilisateurs, les patients et les biens. C'est ce qui fait d' <sup>AHP®</sup> « Délibérément Différent » le choix idéal pour les cabinets vétérinaires, les refuges et les producteurs.</span></p>

<p> UN</p>
</div>
</div>

<div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>

<div x-data="xProductCart"
class="quick-view-card-atc card-info bottom_atc md:list-layout:hidden hide-icon"
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option7979535565024112" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="48122001522912">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-7979535565024-112"
class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button><input type="hidden" name="product-id" value="7979535565024" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div>

<div class="quick-view-enabled-only hidden md:list-layout:flex gap-3 mt-5 md:mt-7"><div x-data="xProductCart" class="quick-view-atc-only">

<form method="post" action="/fr/cart/add" id="product-form-choose-option7979535565024112" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="48122001522912">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-7979535565024-112"
class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-20 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button><button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"

data-id="template--22470383337696__main-7979535565024-112"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Nettoyant désinfectant et désodorisant pour locaux animaliers Prevail (1 litre)",
"listName": "",
"sku": "7979535565024",
"currencyCode": "CAD",
"price": 1799,
"vendor": "Prevail"
}
}"
>
<span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading">
<i class="cs-icon icon-cs-cart"></i></span>
<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button><input type="hidden" name="product-id" value="7979535565024" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div><button
data-quick-view-action="open-product"
data-quick-view-url="/fr/products/animal-premise-disinfectant-cleaner-deodorizer"
data-quick-view-option-id="template--22470383337696__main-7979535565024-112"
aria-label="Bouton de visualisation rapide"
x-customer-event-data="{
"product": {
"title": "Nettoyant désinfectant et désodorisant pour locaux animaliers Prevail (1 litre)",
"listName": "",
"sku": "7979535565024",
"currencyCode": "CAD",
"price": 1799,
"vendor": "Prevail"
}
}"
class="quick-view-enabled-only button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3"
>
<span class="flex justify-center items-center">
<span class="button-text" data-quick-view-label>Vue rapide</span>
</span>
</button>
</div>

</div>
</div>

<script src="//emerdepot.com/cdn/shop/t/81/assets/preview-color-swatches.js?v=155925112040687201791788108428" defer></script></div>

<div class="grid-item">

<div

x-data="xProductCard('template--22470383337696__main-113', '/fr/products/anasept-antimicrobial-skin-wound-cleanser', '8031887360224')"

class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]"
x-slide-index="-1"
>
<div
class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
>
<style data-shopify>

</style>

<style data-shopify>

</style>
<a

x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"

href="/fr/products/anasept-antimicrobial-skin-wound-cleanser?_pos=13&_sid=6c63432be&_ss=r"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 43970461663456,
"product_id": 8031887360224,
"available": true,
"title": "Nettoyant antimicrobien pour la peau et les plaies Anasept",
"compare_at_price": 0,
"price": 3299,
"price_with_currency": "$32.99 CAD",
"sale_amount": "$-32.99",
"collections": "||481234616544||464934732000||417505575136||487133249760||473594233056||465605886176||403056689376||465606869216||",
"inventory_management": "shopify",
"qty": 104,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1254.12,
"diff_day_publish": 1254.12

}]"

aria-label="Nettoyant antimicrobien pour la peau et les plaies Anasept"
id="8031887360224-template--22470383337696__main"
class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block

no-collage rounded-[10px] pb-[100%]">
<div x-data="xDoubleTouch('/fr/products/anasept-antimicrobial-skin-wound-cleanser?_pos=13&_sid=6c63432be&_ss=r')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0

animate_transition_card__image">
<div
id="x-slideshow-card-product-template--22470383337696__main-113--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Nettoyant antimicrobien pour la peau et les plaies Anasept",
"listName": "",
"sku": "8031887360224",
"currencyCode": "CAD",
"price": 3299,
"vendor": "Anasep"
}
}"
><div
class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
@touchstart="onTouchStart($event)"
@touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
@touchmove="onTouchMove($event)"
></div>
<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
>

<picture>
<img
srcset="//emerdepot.com/cdn/shop/files/anasept-antimicrobial-skin-and-wound-cleanser.jpg?v=1761684662&width=188 188w,
//emerdepot.com/cdn/shop/files/anasept-antimicrobial-skin-and-wound-cleanser.jpg?v=1761684662&width=225 225w"
src="//emerdepot.com/cdn/shop/files/anasept-antimicrobial-skin-and-wound-cleanser.jpg?v=1761684662&width=225"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="Anasept antimicrobial skin and wound cleanser spray bottle on white background"
:class="showSecond ? 'first-img' : ''"
class="w-full preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
loading="lazy"
width="532"
height="532"
onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div><div class="w-full h-full top-0 left-0 absolute lg:block">

<picture>
<img loading="lazy"
srcset="//emerdepot.com/cdn/shop/files/6de9bf261675b2d1023167280c820ab4.jpg?v=1770824816&width=188 188w,
//emerdepot.com/cdn/shop/files/6de9bf261675b2d1023167280c820ab4.jpg?v=1770824816&width=225 225w"
src="//emerdepot.com/cdn/shop/files/6de9bf261675b2d1023167280c820ab4.jpg?v=1770824816&width=225"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="Anasept disinfectant spray bottle with trigger nozzle, medical cleaning solution"
:class="showSecond ? 'second-img' : ''"
class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
loading="lazy"
width="532"
height="532"
onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div></div>
</div>
</a><div class="discount-badge discount-badge--hidden"
id="discount-badge-template--22470383337696__main-113">
<span class="discount-badge__pct">0% OFF</span>

</div>

<script>
(function(){
var sid='template--22470383337696__main-113';
var isMulti=false;

document.addEventListener('eurus:product-card-variant-select:updated:'+sid,function(e){
var badge=document.getElementById('discount-badge-'+sid);
var v=e.detail&&e.detail.currentVariant;

if(!badge||!v)return;

if(v.compare_at_price&&v.compare_at_price>v.price){
var pct=Math.round((v.compare_at_price-v.price)*100/v.compare_at_price);

badge.querySelector('.discount-badge__pct').textContent=pct+'% OFF';

var sp=badge.querySelector('.discount-badge__variant');

if(isMulti&&v.title&&v.title!=='Default Title'){
if(!sp){
sp=document.createElement('span');
sp.className='discount-badge__variant';
badge.appendChild(sp);
}

sp.textContent=v.title;
}else if(sp){
sp.remove();
}

badge.classList.remove('discount-badge--hidden');
}else{
badge.classList.add('discount-badge--hidden');
}
});
})();
</script>

<div class="md:list-layout:hidden">
<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">Anasep</div>
<p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--22470383337696__main-8031887360224">

<a href="/fr/products/anasept-antimicrobial-skin-wound-cleanser?_pos=13&_sid=6c63432be&_ss=r"
class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Nettoyant antimicrobien pour la peau et les plaies Anasept",
"listName": "",
"sku": "8031887360224",
"currencyCode": "CAD",
"price": 3299,
"vendor": "Anasep"
}
}"
>
Nettoyant antimicrobien pour la peau et les plaies Anasept
</a>

</p>

<div
class="flex flex-wrap gap-[3px] mb-3 empty:mb-0 rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
x-data="{setPosition(el) {
parentEl = el.closest('.card-info').getBoundingClientRect();
el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
elRect = el.getBoundingClientRect();
let spacingLeft = elRect.left - parentEl.left;
if (spacingLeft < 0) {
el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
}
let spacingRight = parentEl.right - elRect.right;
if (spacingRight < 0) {
el.style.setProperty('--left-tooltip', spacingRight + 'px');
}
}}"
x-init="$el.innerHTML = $el.innerHTML.trim();"
>

</div>

<div
class="x-review-product yotpo flex w-full items-center rating-review justify-center ltr mb-4 md:list-layout:justify-start"
><div class="yotpo bottomLine" data-product-id="8031887360224"> </div></div>

<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">

<div class=" price leading-none " bss-b2b-product-id="8031887360224" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">3299</div><p class="price ">
<span>$32.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Prix unitaire</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> par </span>
<span>
</span>
</span>
</small>

</div>

</div>

<div class="next-price empty:hidden"></div>
</div>

<div id="x-availability-notice-template--22470383337696__main" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('8031887360224', [481234616544, 464934732000, 417505575136, 487133249760, 473594233056, 465605886176, 403056689376, 465606869216])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": true,

"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)": true

},
pickupLocation: ["EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)",
"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)"
]
}'
class="mb-3"
x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
>
<style data-shopify>
.text-available, .text-unavailable {
font-size: 0.669375rem;
font-family: var(--font-body-family);
}

@media (min-width: 768px) {
.text-available, .text-unavailable {
font-size: 0.74375rem;
}
}

.text-available {
color: #34ad65;
}

.dark .text-available {
color: #34ad65;
}

.text-unavailable {
color: #c91517;
}

.dark .text-unavailable {
color: #c91517;
}
</style>
<div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'Disponible pour retrait à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
<div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'En rupture de stock à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
</div></div>
<div class="quick-view-container quick-view-enabled-only absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0">
<div x-data="xProductCart"
class="quick-view-atc-only quick-view-image-atc w-full hide-icon lg:px-4"
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8031887360224113" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="43970461663456">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-8031887360224-113"
class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>
<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"

data-id="template--22470383337696__main-8031887360224-113"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Nettoyant antimicrobien pour la peau et les plaies Anasept",
"listName": "",
"sku": "8031887360224",
"currencyCode": "CAD",
"price": 3299,
"vendor": "Anasep"
}
}"
>
<span>Add to cart</span>

<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button><input type="hidden" name="product-id" value="8031887360224" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-8031887360224-template--22470383337696__main-113"
class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
> <div class="bss-qb-collection-table"></div><div class="bss-b2b-qb-table"></div>
<div class="hidden md:list-layout:block">

<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">Anasep</div>
<p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--22470383337696__main-8031887360224">

<a href="/fr/products/anasept-antimicrobial-skin-wound-cleanser?_pos=13&_sid=6c63432be&_ss=r"
class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Nettoyant antimicrobien pour la peau et les plaies Anasept",
"listName": "",
"sku": "8031887360224",
"currencyCode": "CAD",
"price": 3299,
"vendor": "Anasep"
}
}"
>
Nettoyant antimicrobien pour la peau et les plaies Anasept
</a>

</p>

<div
class="flex flex-wrap gap-[3px] mb-3 empty:mb-0 rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
x-data="{setPosition(el) {
parentEl = el.closest('.card-info').getBoundingClientRect();
el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
elRect = el.getBoundingClientRect();
let spacingLeft = elRect.left - parentEl.left;
if (spacingLeft < 0) {
el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
}
let spacingRight = parentEl.right - elRect.right;
if (spacingRight < 0) {
el.style.setProperty('--left-tooltip', spacingRight + 'px');
}
}}"
x-init="$el.innerHTML = $el.innerHTML.trim();"
>

</div>

<div
class="x-review-product yotpo flex w-full items-center rating-review justify-center ltr mb-4 md:list-layout:justify-start"
><div class="yotpo bottomLine" data-product-id="8031887360224"> </div></div>

<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">

<div class=" price leading-none " bss-b2b-product-id="8031887360224" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">3299</div><p class="price ">
<span>$32.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Prix unitaire</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> par </span>
<span>
</span>
</span>
</small>

</div>

</div>

<div class="next-price empty:hidden"></div>
</div>

<div id="x-availability-notice-template--22470383337696__main" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('8031887360224', [481234616544, 464934732000, 417505575136, 487133249760, 473594233056, 465605886176, 403056689376, 465606869216])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": true,

"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)": true

},
pickupLocation: ["EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)",
"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)"
]
}'
class="mb-3"
x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
>
<style data-shopify>
.text-available, .text-unavailable {
font-size: 0.669375rem;
font-family: var(--font-body-family);
}

@media (min-width: 768px) {
.text-available, .text-unavailable {
font-size: 0.74375rem;
}
}

.text-available {
color: #34ad65;
}

.dark .text-available {
color: #34ad65;
}

.text-unavailable {
color: #c91517;
}

.dark .text-unavailable {
color: #c91517;
}
</style>
<div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'Disponible pour retrait à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
<div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'En rupture de stock à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
</div></div>
<div class="quick-view-container quick-view-enabled-only absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0">
<div x-data="xProductCart"
class="quick-view-atc-only quick-view-image-atc w-full hide-icon lg:px-4"
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8031887360224113" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="43970461663456">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-8031887360224-113"
class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>
<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"

data-id="template--22470383337696__main-8031887360224-113"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Nettoyant antimicrobien pour la peau et les plaies Anasept",
"listName": "",
"sku": "8031887360224",
"currencyCode": "CAD",
"price": 3299,
"vendor": "Anasep"
}
}"
>
<span>Add to cart</span>

<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button><input type="hidden" name="product-id" value="8031887360224" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div>
</div>
</div>
</div>

</div>

<div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
Alpine.store('xUpdateVariantQuanity').updateQuantity('template--22470383337696__main', '/fr/products/anasept-antimicrobial-skin-wound-cleanser?_pos=13&_sid=6c63432be&_ss=r');
});"></div>
<div
id="current-variant-template--22470383337696__main-8031887360224-113"
class="current-variant hidden"
>
43970461663456
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<p> Le nettoyant antimicrobien Anasept® pour la peau et les plaies est un liquide isotonique transparent qui élimine mécaniquement et efficacement les débris, les saletés et les corps étrangers de la plaie ou du site d'application. Son agent antimicrobien à large spectre, l'hypochlorite de sodium, à 0,057 %, contribue à inhiber la croissance bactérienne, notamment les souches résistantes aux antibiotiques et les champignons.</p>

<p class="h4"> En vente libre :</h4>

<p> Le nettoyant antimicrobien Anasept® pour la peau et les plaies est une solution nettoyante idéale pour les irritations cutanées mineures, les abrasions et les lacérations. Il élimine efficacement les impuretés, les débris et les corps étrangers de la peau et est disponible sans ordonnance.</p>

<p class="h4"> Usage professionnel :</h4>

<p>Le nettoyant antimicrobien Anasept® pour la peau et les plaies est une solution efficace pour les professionnels de santé, offrant un nettoyage supérieur des plaies et des corps étrangers. Testé cliniquement, il élimine 99,99 % des micro-organismes responsables des infections et réduit les risques de blessures.</p>

<p> <strong>Avertissements :</strong><br> <span data-mce-fragment="1">Pour usage externe uniquement. Cesser l'utilisation en cas de rougeur ou d'irritation. Ne pas appliquer dans les yeux. Ne pas congeler.</span><br></p>
</div>
</div>

<div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>

<div x-data="xProductCart"
class="quick-view-card-atc card-info bottom_atc md:list-layout:hidden hide-icon"
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8031887360224113" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="43970461663456">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-8031887360224-113"
class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button><input type="hidden" name="product-id" value="8031887360224" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div>

<div class="quick-view-enabled-only hidden md:list-layout:flex gap-3 mt-5 md:mt-7"><div x-data="xProductCart" class="quick-view-atc-only">

<form method="post" action="/fr/cart/add" id="product-form-choose-option8031887360224113" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="43970461663456">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-8031887360224-113"
class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-20 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button><button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"

data-id="template--22470383337696__main-8031887360224-113"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Nettoyant antimicrobien pour la peau et les plaies Anasept",
"listName": "",
"sku": "8031887360224",
"currencyCode": "CAD",
"price": 3299,
"vendor": "Anasep"
}
}"
>
<span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading">
<i class="cs-icon icon-cs-cart"></i></span>
<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button><input type="hidden" name="product-id" value="8031887360224" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div><button
data-quick-view-action="open-product"
data-quick-view-url="/fr/products/anasept-antimicrobial-skin-wound-cleanser"
data-quick-view-option-id="template--22470383337696__main-8031887360224-113"
aria-label="Bouton de visualisation rapide"
x-customer-event-data="{
"product": {
"title": "Nettoyant antimicrobien pour la peau et les plaies Anasept",
"listName": "",
"sku": "8031887360224",
"currencyCode": "CAD",
"price": 3299,
"vendor": "Anasep"
}
}"
class="quick-view-enabled-only button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3"
>
<span class="flex justify-center items-center">
<span class="button-text" data-quick-view-label>Vue rapide</span>
</span>
</button>
</div>

</div>
</div>

<script src="//emerdepot.com/cdn/shop/t/81/assets/preview-color-swatches.js?v=155925112040687201791788108428" defer></script></div>

<div class="grid-item">

<div

x-data="xProductCard('template--22470383337696__main-114', '/fr/products/3m-cavilon-no-rinse-skin-perinealcleanser-scented-3380-236-ml', '7928838684896')"

class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]"
x-slide-index="-1"
>
<div
class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
>
<style data-shopify>

</style>

<style data-shopify>

</style>
<a

x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"

href="/fr/products/3m-cavilon-no-rinse-skin-perinealcleanser-scented-3380-236-ml?_pos=14&_sid=6c63432be&_ss=r"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 43654547374304,
"product_id": 7928838684896,
"available": true,
"title": "Nettoyant pour la peau sans rinçage 3M Cavilon (parfumé) (236 ml) ",
"compare_at_price": 0,
"price": 2350,
"price_with_currency": "$23.50 CAD",
"sale_amount": "$-23.50",
"collections": "||414842781920||481234616544||417505575136||417958658272||487133249760||472517443808||473594233056||465917870304||414559568096||465919803616||",
"inventory_management": "shopify",
"qty": 200,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1407.95,
"diff_day_publish": 328.99

},{
"variant_id": 43654547407072,
"product_id": 7928838684896,
"available": true,
"title": "Nettoyant pour la peau sans rinçage 3M Cavilon (parfumé) (236 ml) ",
"compare_at_price": 0,
"price": 19900,
"price_with_currency": "$199.00 CAD",
"sale_amount": "$-199.00",
"collections": "||414842781920||481234616544||417505575136||417958658272||487133249760||472517443808||473594233056||465917870304||414559568096||465919803616||",
"inventory_management": "shopify",
"qty": 102,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1407.95,
"diff_day_publish": 328.99

}]"

aria-label="Nettoyant pour la peau sans rinçage 3M Cavilon (parfumé) (236 ml) "
id="7928838684896-template--22470383337696__main"
class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block

no-collage rounded-[10px] pb-[100%]">
<div x-data="xDoubleTouch('/fr/products/3m-cavilon-no-rinse-skin-perinealcleanser-scented-3380-236-ml?_pos=14&_sid=6c63432be&_ss=r')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0

animate_transition_card__image">
<div
id="x-slideshow-card-product-template--22470383337696__main-114--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Nettoyant pour la peau sans rinçage 3M Cavilon (parfumé) (236 ml) ",
"listName": "",
"sku": "7928838684896",
"currencyCode": "CAD",
"price": 2350,
"vendor": "3M"
}
}"
><div
class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
@touchstart="onTouchStart($event)"
@touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
@touchmove="onTouchMove($event)"
></div>
<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
>

<picture>
<img
srcset="//emerdepot.com/cdn/shop/files/1ae6d9dec7f3782f19c68e70a135dc8b.png?v=1761683104&width=188 188w,
//emerdepot.com/cdn/shop/files/1ae6d9dec7f3782f19c68e70a135dc8b.png?v=1761683104&width=225 225w"
src="//emerdepot.com/cdn/shop/files/1ae6d9dec7f3782f19c68e70a135dc8b.png?v=1761683104&width=225"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="3M Cavilon no-rinse skin cleanser spray bottle for home or medical care hygiene"
:class="showSecond ? 'first-img' : ''"
class="w-full preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
loading="lazy"
width="532"
height="532"
onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div><div class="w-full h-full top-0 left-0 absolute lg:block">

<picture>
<img loading="lazy"
srcset="//emerdepot.com/cdn/shop/files/1ae6d9dec7f3782f19c68e70a135dc8b_c3ecb619-bef9-4fef-ad00-219825877ec9.png?v=1761683104&width=188 188w,
//emerdepot.com/cdn/shop/files/1ae6d9dec7f3782f19c68e70a135dc8b_c3ecb619-bef9-4fef-ad00-219825877ec9.png?v=1761683104&width=225 225w"
src="//emerdepot.com/cdn/shop/files/1ae6d9dec7f3782f19c68e70a135dc8b_c3ecb619-bef9-4fef-ad00-219825877ec9.png?v=1761683104&width=225"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="3M Cavilon no-rinse skin cleanser spray bottle, medical skin care product"
:class="showSecond ? 'second-img' : ''"
class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
loading="lazy"
width="532"
height="532"
onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div></div>
</div>
</a><div class="discount-badge discount-badge--hidden"
id="discount-badge-template--22470383337696__main-114">
<span class="discount-badge__pct">0% OFF</span>

<span class="discount-badge__variant">1 bouteille</span>

</div>

<script>
(function(){
var sid='template--22470383337696__main-114';
var isMulti=true;

document.addEventListener('eurus:product-card-variant-select:updated:'+sid,function(e){
var badge=document.getElementById('discount-badge-'+sid);
var v=e.detail&&e.detail.currentVariant;

if(!badge||!v)return;

if(v.compare_at_price&&v.compare_at_price>v.price){
var pct=Math.round((v.compare_at_price-v.price)*100/v.compare_at_price);

badge.querySelector('.discount-badge__pct').textContent=pct+'% OFF';

var sp=badge.querySelector('.discount-badge__variant');

if(isMulti&&v.title&&v.title!=='Default Title'){
if(!sp){
sp=document.createElement('span');
sp.className='discount-badge__variant';
badge.appendChild(sp);
}

sp.textContent=v.title;
}else if(sp){
sp.remove();
}

badge.classList.remove('discount-badge--hidden');
}else{
badge.classList.add('discount-badge--hidden');
}
});
})();
</script>

<div class="md:list-layout:hidden">
<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">3M</div>
<p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--22470383337696__main-7928838684896">

<a href="/fr/products/3m-cavilon-no-rinse-skin-perinealcleanser-scented-3380-236-ml?_pos=14&_sid=6c63432be&_ss=r"
class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Nettoyant pour la peau sans rinçage 3M Cavilon (parfumé) (236 ml) ",
"listName": "",
"sku": "7928838684896",
"currencyCode": "CAD",
"price": 2350,
"vendor": "3M"
}
}"
>
Nettoyant pour la peau sans rinçage 3M Cavilon (parfumé) (236 ml)
</a>

</p>

<div
class="flex flex-wrap gap-[3px] mb-3 empty:mb-0 rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
x-data="{setPosition(el) {
parentEl = el.closest('.card-info').getBoundingClientRect();
el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
elRect = el.getBoundingClientRect();
let spacingLeft = elRect.left - parentEl.left;
if (spacingLeft < 0) {
el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
}
let spacingRight = parentEl.right - elRect.right;
if (spacingRight < 0) {
el.style.setProperty('--left-tooltip', spacingRight + 'px');
}
}}"
x-init="$el.innerHTML = $el.innerHTML.trim();"
>

</div>

<div
class="x-review-product yotpo flex w-full items-center rating-review justify-center ltr mb-4 md:list-layout:justify-start"
><div class="yotpo bottomLine" data-product-id="7928838684896"> </div></div>

<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">

<div class=" price leading-none bss-from" bss-b2b-product-id="7928838684896" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">2350</div><p class="price ">
<span>À partir de $23.50 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Prix unitaire</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> par </span>
<span>
</span>
</span>
</small>

</div>

</div>

<div class="next-price empty:hidden"></div>
</div>

<div id="x-availability-notice-template--22470383337696__main" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('7928838684896', [414842781920, 481234616544, 417505575136, 417958658272, 487133249760, 472517443808, 473594233056, 465917870304, 414559568096, 465919803616])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": true,

"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)": true

},
pickupLocation: ["EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)",
"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)"
]
}'
class="mb-3"
x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
>
<style data-shopify>
.text-available, .text-unavailable {
font-size: 0.669375rem;
font-family: var(--font-body-family);
}

@media (min-width: 768px) {
.text-available, .text-unavailable {
font-size: 0.74375rem;
}
}

.text-available {
color: #34ad65;
}

.dark .text-available {
color: #34ad65;
}

.text-unavailable {
color: #c91517;
}

.dark .text-unavailable {
color: #c91517;
}
</style>
<div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'Disponible pour retrait à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
<div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'En rupture de stock à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
</div></div>
<div class="quick-view-container quick-view-enabled-only absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0">
<div x-data="xProductCart"
class="quick-view-atc-only quick-view-image-atc w-full hide-icon lg:px-4"
>

<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/3m-cavilon-no-rinse-skin-perinealcleanser-scented-3380-236-ml"
data-quick-view-option-id="template--22470383337696__main-7928838684896-114"
data-quick-view-index="114"
data-id="template--22470383337696__main-7928838684896-114"
class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Choisissez les options"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Choisissez les options</span>

</span>
</span>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>
<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/3m-cavilon-no-rinse-skin-perinealcleanser-scented-3380-236-ml"
data-quick-view-option-id="template--22470383337696__main-7928838684896-114"
data-quick-view-index="114"
class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
data-id="template--22470383337696__main-7928838684896-114"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Nettoyant pour la peau sans rinçage 3M Cavilon (parfumé) (236 ml) ",
"listName": "",
"sku": "7928838684896",
"currencyCode": "CAD",
"price": 2350,
"vendor": "3M"
}
}"
>
<span>Add to cart</span>

<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button>

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

</div><div
id="choose-options-template--22470383337696__main-7928838684896-114"
class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
x-show="showOptions"
x-transition:enter="transition-all ease-in-out duration-300"
x-transition:enter-start="opacity-0 transform translate-y-full"
x-transition:enter-end="opacity-100 transform translate-y-0"
x-transition:leave="transition-all ease-in-out duration-300"
x-transition:leave-start="opacity-100 transform translate-y-0"
x-transition:leave-end="opacity-0 transform translate-y-full"
x-cloak
>
<div
class="choose-options relative w-full min-h-full h-full"
>
</div>
<div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
<div
class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</div>
</div>
<div
id="x-product-template-7928838684896-template--22470383337696__main-114"
class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
> <div class="bss-qb-collection-table"></div><div class="bss-b2b-qb-table"></div>
<div class="hidden md:list-layout:block">

<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">3M</div>
<p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--22470383337696__main-7928838684896">

<a href="/fr/products/3m-cavilon-no-rinse-skin-perinealcleanser-scented-3380-236-ml?_pos=14&_sid=6c63432be&_ss=r"
class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Nettoyant pour la peau sans rinçage 3M Cavilon (parfumé) (236 ml) ",
"listName": "",
"sku": "7928838684896",
"currencyCode": "CAD",
"price": 2350,
"vendor": "3M"
}
}"
>
Nettoyant pour la peau sans rinçage 3M Cavilon (parfumé) (236 ml)
</a>

</p>

<div
class="flex flex-wrap gap-[3px] mb-3 empty:mb-0 rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
x-data="{setPosition(el) {
parentEl = el.closest('.card-info').getBoundingClientRect();
el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
elRect = el.getBoundingClientRect();
let spacingLeft = elRect.left - parentEl.left;
if (spacingLeft < 0) {
el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
}
let spacingRight = parentEl.right - elRect.right;
if (spacingRight < 0) {
el.style.setProperty('--left-tooltip', spacingRight + 'px');
}
}}"
x-init="$el.innerHTML = $el.innerHTML.trim();"
>

</div>

<div
class="x-review-product yotpo flex w-full items-center rating-review justify-center ltr mb-4 md:list-layout:justify-start"
><div class="yotpo bottomLine" data-product-id="7928838684896"> </div></div>

<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">

<div class=" price leading-none bss-from" bss-b2b-product-id="7928838684896" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">2350</div><p class="price ">
<span>À partir de $23.50 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Prix unitaire</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> par </span>
<span>
</span>
</span>
</small>

</div>

</div>

<div class="next-price empty:hidden"></div>
</div>

<div id="x-availability-notice-template--22470383337696__main" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('7928838684896', [414842781920, 481234616544, 417505575136, 417958658272, 487133249760, 472517443808, 473594233056, 465917870304, 414559568096, 465919803616])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": true,

"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)": true

},
pickupLocation: ["EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)",
"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)"
]
}'
class="mb-3"
x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
>
<style data-shopify>
.text-available, .text-unavailable {
font-size: 0.669375rem;
font-family: var(--font-body-family);
}

@media (min-width: 768px) {
.text-available, .text-unavailable {
font-size: 0.74375rem;
}
}

.text-available {
color: #34ad65;
}

.dark .text-available {
color: #34ad65;
}

.text-unavailable {
color: #c91517;
}

.dark .text-unavailable {
color: #c91517;
}
</style>
<div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'Disponible pour retrait à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
<div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'En rupture de stock à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
</div></div>
<div class="quick-view-container quick-view-enabled-only absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0">
<div x-data="xProductCart"
class="quick-view-atc-only quick-view-image-atc w-full hide-icon lg:px-4"
>

<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/3m-cavilon-no-rinse-skin-perinealcleanser-scented-3380-236-ml"
data-quick-view-option-id="template--22470383337696__main-7928838684896-114"
data-quick-view-index="114"
data-id="template--22470383337696__main-7928838684896-114"
class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Choisissez les options"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Choisissez les options</span>

</span>
</span>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>
<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/3m-cavilon-no-rinse-skin-perinealcleanser-scented-3380-236-ml"
data-quick-view-option-id="template--22470383337696__main-7928838684896-114"
data-quick-view-index="114"
class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
data-id="template--22470383337696__main-7928838684896-114"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Nettoyant pour la peau sans rinçage 3M Cavilon (parfumé) (236 ml) ",
"listName": "",
"sku": "7928838684896",
"currencyCode": "CAD",
"price": 2350,
"vendor": "3M"
}
}"
>
<span>Add to cart</span>

<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button>

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

</div>

<div
class="x-variants-data"
x-data="xVariantSelect($el,'template--22470383337696__main-114', false, 'Indisponible', '/fr/products/3m-cavilon-no-rinse-skin-perinealcleanser-scented-3380-236-ml', '7928838684896', false, true, false, 'template--22470383337696__main', '', '', '//emerdepot.com/cdn/shop/files/1ae6d9dec7f3782f19c68e70a135dc8b.png?v=1761683104', 114)"
x-intersect.once.margin.200px="initVariant($el)"
>
<script type="application/json">
[{"id":43654547374304,"title":"1 bouteille","option1":"1 bouteille","option2":null,"option3":null,"sku":"3380","requires_shipping":true,"taxable":true,"featured_image":{"id":50000006283488,"product_id":7928838684896,"position":3,"created_at":"2025-10-25T13:55:51-04:00","updated_at":"2025-10-28T16:25:05-04:00","alt":"3M Cavilon no-rinse skin cleanser spray bottle for home care hygiene supplies","width":532,"height":532,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/1ae6d9dec7f3782f19c68e70a135dc8b_e5eff393-6f4c-4e24-b17e-684d0542f63e.png?v=1761683105","variant_ids":[43654547374304]},"available":true,"name":"Nettoyant pour la peau sans rinçage 3M Cavilon (parfumé) (236 ml) - 1 bouteille","public_title":"1 bouteille","options":["1 bouteille"],"price":2350,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"9791123365527","featured_media":{"alt":"3M Cavilon no-rinse skin cleanser spray bottle for home care hygiene supplies","id":39400069431520,"position":3,"preview_image":{"aspect_ratio":1.0,"height":532,"width":532,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/1ae6d9dec7f3782f19c68e70a135dc8b_e5eff393-6f4c-4e24-b17e-684d0542f63e.png?v=1761683105"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":43654547407072,"title":"1 caisse (12 bouteilles)","option1":"1 caisse (12 bouteilles)","option2":null,"option3":null,"sku":"3380-C","requires_shipping":true,"taxable":true,"featured_image":{"id":50000006349024,"product_id":7928838684896,"position":4,"created_at":"2025-10-25T13:55:53-04:00","updated_at":"2025-10-28T16:25:06-04:00","alt":"3M Cavilon no-rinse skin cleanser spray bottle for home care and medical use","width":532,"height":532,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/1ae6d9dec7f3782f19c68e70a135dc8b_49cd5906-f922-4d05-8d0a-9bf8ecdaac99.png?v=1761683106","variant_ids":[43654547407072]},"available":true,"name":"Nettoyant pour la peau sans rinçage 3M Cavilon (parfumé) (236 ml) - 1 caisse (12 bouteilles)","public_title":"1 caisse (12 bouteilles)","options":["1 caisse (12 bouteilles)"],"price":19900,"weight":1361,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":"3M Cavilon no-rinse skin cleanser spray bottle for home care and medical use","id":39400069497056,"position":4,"preview_image":{"aspect_ratio":1.0,"height":532,"width":532,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/1ae6d9dec7f3782f19c68e70a135dc8b_49cd5906-f922-4d05-8d0a-9bf8ecdaac99.png?v=1761683106"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]
</script>
<div
id="current-variant-template--22470383337696__main-7928838684896-114"
class="current-variant hidden"
>
43654547374304
</div>
<div
id="variant-update-template--22470383337696__main-114"
class="variant-update-template--22470383337696__main-114 list-layout:md:text-left rtl:list-layout:md:text-right options-container"
>

</div>
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<ul class="a-unordered-list a-vertical a-spacing-mini">

<li> <span class="a-list-item">Nettoyant doux sans rinçage pour vos zones les plus sensibles</span>
</li>

<li> <span class="a-list-item">Apaise les irritations dues à l'incontinence</span>
</li>

<li> <span class="a-list-item">Hypoallergénique et au pH équilibré</span>
</li>

<li> <span class="a-list-item">Peut être utilisé sur une peau intacte ou irritée</span>
</li>

<li>

<div class="a-section content">

<p> Nettoyant cutané sans rinçage pour éliminer l'urine et les selles</p>

</div>

</li>

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

<div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>

<div x-data="xProductCart"
class="quick-view-card-atc card-info bottom_atc md:list-layout:hidden hide-icon"
>

<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/3m-cavilon-no-rinse-skin-perinealcleanser-scented-3380-236-ml"
data-quick-view-option-id="template--22470383337696__main-7928838684896-114"
data-quick-view-index="114"
data-id="template--22470383337696__main-7928838684896-114"
class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"
aria-label="Choisissez les options"
>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Choisissez les options</span>

</span>
</span>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>

</div>

<div class="quick-view-enabled-only hidden md:list-layout:flex gap-3 mt-5 md:mt-7"><div x-data="xProductCart" class="quick-view-atc-only">

<button
type="submit"
name="add"

data-quick-view-action="choose-options"
data-quick-view-url="/fr/products/3m-cavilon-no-rinse-skin-perinealcleanser-scented-3380-236-ml"
data-quick-view-option-id="template--22470383337696__main-7928838684896-114"
data-quick-view-index="114"
data-id="template--22470383337696__main-7928838684896-114"
class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"
aria-label="Choisissez les options"
>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Choisissez les options</span>

</span>
</span>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>

</div><button
data-quick-view-action="open-product"
data-quick-view-url="/fr/products/3m-cavilon-no-rinse-skin-perinealcleanser-scented-3380-236-ml"
data-quick-view-option-id="template--22470383337696__main-7928838684896-114"
aria-label="Bouton de visualisation rapide"
x-customer-event-data="{
"product": {
"title": "Nettoyant pour la peau sans rinçage 3M Cavilon (parfumé) (236 ml) ",
"listName": "",
"sku": "7928838684896",
"currencyCode": "CAD",
"price": 2350,
"vendor": "3M"
}
}"
class="quick-view-enabled-only button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3"
>
<span class="flex justify-center items-center">
<span class="button-text" data-quick-view-label>Vue rapide</span>
</span>
</button>
</div>

</div>
</div>

<script src="//emerdepot.com/cdn/shop/t/81/assets/preview-color-swatches.js?v=155925112040687201791788108428" defer></script></div>

<div class="grid-item">

<div

x-data="xProductCard('template--22470383337696__main-115', '/fr/products/sproam%C2%AE-all-body-spray-foam-cleanser-175ml', '8186256523488')"

class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]"
x-slide-index="-1"
>
<div
class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
>
<style data-shopify>

</style>

<style data-shopify>

</style>
<a

x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"

href="/fr/products/sproam%C2%AE-all-body-spray-foam-cleanser-175ml?_pos=15&_sid=6c63432be&_ss=r"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 44425134014688,
"product_id": 8186256523488,
"available": true,
"title": "Nettoyant moussant/spray pour tout le corps Sproam® 175 ml 0897",
"compare_at_price": 2800,
"price": 1499,
"price_with_currency": "$14.99 CAD",
"sale_amount": "$13.01",
"collections": "||408451580128||481234616544||417505575136||479371755744||487133249760||473594233056||462002356448||",
"inventory_management": "shopify",
"qty": 500,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1025.01,
"diff_day_publish": 1025.01

}]"

aria-label="Nettoyant moussant/spray pour tout le corps Sproam® 175 ml 0897"
id="8186256523488-template--22470383337696__main"
class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block

no-collage rounded-[10px] pb-[100%]">
<div x-data="xDoubleTouch('/fr/products/sproam%C2%AE-all-body-spray-foam-cleanser-175ml?_pos=15&_sid=6c63432be&_ss=r')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0

animate_transition_card__image">
<div
id="x-slideshow-card-product-template--22470383337696__main-115--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Nettoyant moussant/spray pour tout le corps Sproam® 175 ml 0897",
"listName": "",
"sku": "8186256523488",
"currencyCode": "CAD",
"price": 1499,
"vendor": "Coloplast"
}
}"
><div
class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
@touchstart="onTouchStart($event)"
@touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
@touchmove="onTouchMove($event)"
></div>
<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
>

<picture>
<img
srcset="//emerdepot.com/cdn/shop/files/310-0897.jpg?v=1761686546&width=188 188w,
//emerdepot.com/cdn/shop/files/310-0897.jpg?v=1761686546&width=225 225w"
src="//emerdepot.com/cdn/shop/files/310-0897.jpg?v=1761686546&width=225"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="Coloplast Sproam body wash and shampoo spray bottle, 177mL, for home medical care"
:class="showSecond ? 'first-img' : ''"
class="w-full preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
loading="lazy"
width="225"
height="500"
onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div><div class="w-full h-full top-0 left-0 absolute lg:block">

<picture>
<img loading="lazy"
srcset="//emerdepot.com/cdn/shop/files/34ae295975bc6a8e1a4dbb67360b2479.jpg?v=1774710503&width=188 188w,
//emerdepot.com/cdn/shop/files/34ae295975bc6a8e1a4dbb67360b2479.jpg?v=1774710503&width=225 225w"
src="//emerdepot.com/cdn/shop/files/34ae295975bc6a8e1a4dbb67360b2479.jpg?v=1774710503&width=225"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="Sproam All Body Spray Foam Cleanser 175mL 0897"
:class="showSecond ? 'second-img' : ''"
class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
loading="lazy"
width="225"
height="500"
onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div></div>
</div>
</a><div class="discount-badge"
id="discount-badge-template--22470383337696__main-115">
<span class="discount-badge__pct">46% OFF</span>

</div>

<script>
(function(){
var sid='template--22470383337696__main-115';
var isMulti=false;

document.addEventListener('eurus:product-card-variant-select:updated:'+sid,function(e){
var badge=document.getElementById('discount-badge-'+sid);
var v=e.detail&&e.detail.currentVariant;

if(!badge||!v)return;

if(v.compare_at_price&&v.compare_at_price>v.price){
var pct=Math.round((v.compare_at_price-v.price)*100/v.compare_at_price);

badge.querySelector('.discount-badge__pct').textContent=pct+'% OFF';

var sp=badge.querySelector('.discount-badge__variant');

if(isMulti&&v.title&&v.title!=='Default Title'){
if(!sp){
sp=document.createElement('span');
sp.className='discount-badge__variant';
badge.appendChild(sp);
}

sp.textContent=v.title;
}else if(sp){
sp.remove();
}

badge.classList.remove('discount-badge--hidden');
}else{
badge.classList.add('discount-badge--hidden');
}
});
})();
</script>

<div class="md:list-layout:hidden">
<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">Coloplast</div>
<p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--22470383337696__main-8186256523488">

<a href="/fr/products/sproam%C2%AE-all-body-spray-foam-cleanser-175ml?_pos=15&_sid=6c63432be&_ss=r"
class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Nettoyant moussant/spray pour tout le corps Sproam® 175 ml 0897",
"listName": "",
"sku": "8186256523488",
"currencyCode": "CAD",
"price": 1499,
"vendor": "Coloplast"
}
}"
>
Nettoyant moussant/spray pour tout le corps Sproam® 175 ml 0897
</a>

</p>

<div
class="flex flex-wrap gap-[3px] mb-3 empty:mb-0 rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
x-data="{setPosition(el) {
parentEl = el.closest('.card-info').getBoundingClientRect();
el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
elRect = el.getBoundingClientRect();
let spacingLeft = elRect.left - parentEl.left;
if (spacingLeft < 0) {
el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
}
let spacingRight = parentEl.right - elRect.right;
if (spacingRight < 0) {
el.style.setProperty('--left-tooltip', spacingRight + 'px');
}
}}"
x-init="$el.innerHTML = $el.innerHTML.trim();"
>

</div>

<div
class="x-review-product yotpo flex w-full items-center rating-review justify-center ltr mb-4 md:list-layout:justify-start"
><div class="yotpo bottomLine" data-product-id="8186256523488"> </div></div>

<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">

<div class=" price leading-none " bss-b2b-product-id="8186256523488" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">1499</div>
<div class="">
<small class="cap rtl:inline-block">
<s class="rtl:leading-tight">$28.00 CAD</s>
</small><span class="price-sale ml-1 rtl:mr-1 rtl:ml-0">$14.99 CAD</span>
</div><small class="text-[70%] hidden">
<span class="hidden">Prix unitaire</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> par </span>
<span>
</span>
</span>
</small>

</div>

</div>

<div class="next-price empty:hidden"></div>
</div>

<div id="x-availability-notice-template--22470383337696__main" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('8186256523488', [408451580128, 481234616544, 417505575136, 479371755744, 487133249760, 473594233056, 462002356448])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": true,

"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)": true

},
pickupLocation: ["EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)",
"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)"
]
}'
class="mb-3"
x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
>
<style data-shopify>
.text-available, .text-unavailable {
font-size: 0.669375rem;
font-family: var(--font-body-family);
}

@media (min-width: 768px) {
.text-available, .text-unavailable {
font-size: 0.74375rem;
}
}

.text-available {
color: #34ad65;
}

.dark .text-available {
color: #34ad65;
}

.text-unavailable {
color: #c91517;
}

.dark .text-unavailable {
color: #c91517;
}
</style>
<div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'Disponible pour retrait à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
<div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'En rupture de stock à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
</div></div>
<div class="quick-view-container quick-view-enabled-only absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0">
<div x-data="xProductCart"
class="quick-view-atc-only quick-view-image-atc w-full hide-icon lg:px-4"
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8186256523488115" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="44425134014688">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-8186256523488-115"
class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>
<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"

data-id="template--22470383337696__main-8186256523488-115"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Nettoyant moussant/spray pour tout le corps Sproam® 175 ml 0897",
"listName": "",
"sku": "8186256523488",
"currencyCode": "CAD",
"price": 1499,
"vendor": "Coloplast"
}
}"
>
<span>Add to cart</span>

<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button><input type="hidden" name="product-id" value="8186256523488" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-8186256523488-template--22470383337696__main-115"
class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
> <div class="bss-qb-collection-table"></div><div class="bss-b2b-qb-table"></div>
<div class="hidden md:list-layout:block">

<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">Coloplast</div>
<p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--22470383337696__main-8186256523488">

<a href="/fr/products/sproam%C2%AE-all-body-spray-foam-cleanser-175ml?_pos=15&_sid=6c63432be&_ss=r"
class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Nettoyant moussant/spray pour tout le corps Sproam® 175 ml 0897",
"listName": "",
"sku": "8186256523488",
"currencyCode": "CAD",
"price": 1499,
"vendor": "Coloplast"
}
}"
>
Nettoyant moussant/spray pour tout le corps Sproam® 175 ml 0897
</a>

</p>

<div
class="flex flex-wrap gap-[3px] mb-3 empty:mb-0 rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
x-data="{setPosition(el) {
parentEl = el.closest('.card-info').getBoundingClientRect();
el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
elRect = el.getBoundingClientRect();
let spacingLeft = elRect.left - parentEl.left;
if (spacingLeft < 0) {
el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
}
let spacingRight = parentEl.right - elRect.right;
if (spacingRight < 0) {
el.style.setProperty('--left-tooltip', spacingRight + 'px');
}
}}"
x-init="$el.innerHTML = $el.innerHTML.trim();"
>

</div>

<div
class="x-review-product yotpo flex w-full items-center rating-review justify-center ltr mb-4 md:list-layout:justify-start"
><div class="yotpo bottomLine" data-product-id="8186256523488"> </div></div>

<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">

<div class=" price leading-none " bss-b2b-product-id="8186256523488" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">1499</div>
<div class="">
<small class="cap rtl:inline-block">
<s class="rtl:leading-tight">$28.00 CAD</s>
</small><span class="price-sale ml-1 rtl:mr-1 rtl:ml-0">$14.99 CAD</span>
</div><small class="text-[70%] hidden">
<span class="hidden">Prix unitaire</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> par </span>
<span>
</span>
</span>
</small>

</div>

</div>

<div class="next-price empty:hidden"></div>
</div>

<div id="x-availability-notice-template--22470383337696__main" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('8186256523488', [408451580128, 481234616544, 417505575136, 479371755744, 487133249760, 473594233056, 462002356448])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": true,

"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)": true

},
pickupLocation: ["EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)",
"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)"
]
}'
class="mb-3"
x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
>
<style data-shopify>
.text-available, .text-unavailable {
font-size: 0.669375rem;
font-family: var(--font-body-family);
}

@media (min-width: 768px) {
.text-available, .text-unavailable {
font-size: 0.74375rem;
}
}

.text-available {
color: #34ad65;
}

.dark .text-available {
color: #34ad65;
}

.text-unavailable {
color: #c91517;
}

.dark .text-unavailable {
color: #c91517;
}
</style>
<div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'Disponible pour retrait à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
<div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'En rupture de stock à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
</div></div>
<div class="quick-view-container quick-view-enabled-only absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0">
<div x-data="xProductCart"
class="quick-view-atc-only quick-view-image-atc w-full hide-icon lg:px-4"
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8186256523488115" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="44425134014688">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-8186256523488-115"
class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>
<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"

data-id="template--22470383337696__main-8186256523488-115"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Nettoyant moussant/spray pour tout le corps Sproam® 175 ml 0897",
"listName": "",
"sku": "8186256523488",
"currencyCode": "CAD",
"price": 1499,
"vendor": "Coloplast"
}
}"
>
<span>Add to cart</span>

<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button><input type="hidden" name="product-id" value="8186256523488" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div>
</div>
</div>
</div>

</div>

<div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
Alpine.store('xUpdateVariantQuanity').updateQuantity('template--22470383337696__main', '/fr/products/sproam%C2%AE-all-body-spray-foam-cleanser-175ml?_pos=15&_sid=6c63432be&_ss=r');
});"></div>
<div
id="current-variant-template--22470383337696__main-8186256523488-115"
class="current-variant hidden"
>
44425134014688
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<ul data-mce-fragment="1">

<li data-mce-fragment="1"> Nettoyage complet de la tête aux pieds, shampoing, bain et soins de la peau incontinente.</li>

<li data-mce-fragment="1"> Peut être utilisé en spray ou en mousse, pour une polyvalence maximale.</li>

<li data-mce-fragment="1"> Action moussante dense non aérosol</li>

<li data-mce-fragment="1"> Sans colorant ni parfum</li>

<li data-mce-fragment="1"> PH équilibré</li>

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

<div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>

<div x-data="xProductCart"
class="quick-view-card-atc card-info bottom_atc md:list-layout:hidden hide-icon"
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8186256523488115" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="44425134014688">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-8186256523488-115"
class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button><input type="hidden" name="product-id" value="8186256523488" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div>

<div class="quick-view-enabled-only hidden md:list-layout:flex gap-3 mt-5 md:mt-7"><div x-data="xProductCart" class="quick-view-atc-only">

<form method="post" action="/fr/cart/add" id="product-form-choose-option8186256523488115" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="44425134014688">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-8186256523488-115"
class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-20 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button><button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"

data-id="template--22470383337696__main-8186256523488-115"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Nettoyant moussant/spray pour tout le corps Sproam® 175 ml 0897",
"listName": "",
"sku": "8186256523488",
"currencyCode": "CAD",
"price": 1499,
"vendor": "Coloplast"
}
}"
>
<span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading">
<i class="cs-icon icon-cs-cart"></i></span>
<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button><input type="hidden" name="product-id" value="8186256523488" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div><button
data-quick-view-action="open-product"
data-quick-view-url="/fr/products/sproam%C2%AE-all-body-spray-foam-cleanser-175ml"
data-quick-view-option-id="template--22470383337696__main-8186256523488-115"
aria-label="Bouton de visualisation rapide"
x-customer-event-data="{
"product": {
"title": "Nettoyant moussant/spray pour tout le corps Sproam® 175 ml 0897",
"listName": "",
"sku": "8186256523488",
"currencyCode": "CAD",
"price": 1499,
"vendor": "Coloplast"
}
}"
class="quick-view-enabled-only button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3"
>
<span class="flex justify-center items-center">
<span class="button-text" data-quick-view-label>Vue rapide</span>
</span>
</button>
</div>

</div>
</div>

<script src="//emerdepot.com/cdn/shop/t/81/assets/preview-color-swatches.js?v=155925112040687201791788108428" defer></script></div>

<div class="grid-item">

<div

x-data="xProductCard('template--22470383337696__main-116', '/fr/products/sproam%C2%AE-all-body-spray-foam-cleanser-0901', '8186265108704')"

class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]"
x-slide-index="-1"
>
<div
class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
>
<style data-shopify>

</style>

<style data-shopify>

</style>
<a

x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"

href="/fr/products/sproam%C2%AE-all-body-spray-foam-cleanser-0901?_pos=16&_sid=6c63432be&_ss=r"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 44425197715680,
"product_id": 8186265108704,
"available": true,
"title": "Nettoyant moussant/spray pour tout le corps Sproam® 350 ml 0901",
"compare_at_price": 3899,
"price": 1999,
"price_with_currency": "$19.99 CAD",
"sale_amount": "$19.00",
"collections": "||408451580128||481234616544||417505575136||479371755744||487133249760||473594233056||462002356448||",
"inventory_management": "shopify",
"qty": 502,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1025.0,
"diff_day_publish": 1025.0

}]"

aria-label="Nettoyant moussant/spray pour tout le corps Sproam® 350 ml 0901"
id="8186265108704-template--22470383337696__main"
class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block

no-collage rounded-[10px] pb-[100%]">
<div x-data="xDoubleTouch('/fr/products/sproam%C2%AE-all-body-spray-foam-cleanser-0901?_pos=16&_sid=6c63432be&_ss=r')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0

animate_transition_card__image">
<div
id="x-slideshow-card-product-template--22470383337696__main-116--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Nettoyant moussant/spray pour tout le corps Sproam® 350 ml 0901",
"listName": "",
"sku": "8186265108704",
"currencyCode": "CAD",
"price": 1999,
"vendor": "Coloplast"
}
}"
><div
class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
@touchstart="onTouchStart($event)"
@touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
@touchmove="onTouchMove($event)"
></div>
<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
>

<picture>
<img
srcset="//emerdepot.com/cdn/shop/files/72e30011fb8c51551140f04e5b59e489_540a0cd4-5b20-4f5b-a656-e19333e45ac7.webp?v=1774711544&width=188 188w,
//emerdepot.com/cdn/shop/files/72e30011fb8c51551140f04e5b59e489_540a0cd4-5b20-4f5b-a656-e19333e45ac7.webp?v=1774711544&width=225 225w"
src="//emerdepot.com/cdn/shop/files/72e30011fb8c51551140f04e5b59e489_540a0cd4-5b20-4f5b-a656-e19333e45ac7.webp?v=1774711544&width=225"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="0901"
:class="showSecond ? 'first-img' : ''"
class="w-full preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
loading="lazy"
width="3094"
height="3869"
onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div><div class="w-full h-full top-0 left-0 absolute lg:block">

<picture>
<img loading="lazy"
srcset="//emerdepot.com/cdn/shop/files/72e30011fb8c51551140f04e5b59e489.webp?v=1774711544&width=188 188w,
//emerdepot.com/cdn/shop/files/72e30011fb8c51551140f04e5b59e489.webp?v=1774711544&width=225 225w"
src="//emerdepot.com/cdn/shop/files/72e30011fb8c51551140f04e5b59e489.webp?v=1774711544&width=225"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="Sproam All Body Spray Foam Cleanser 350mL 1 Bottle | 0901"
:class="showSecond ? 'second-img' : ''"
class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
loading="lazy"
width="3094"
height="3869"
onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div></div>
</div>
</a><div class="discount-badge"
id="discount-badge-template--22470383337696__main-116">
<span class="discount-badge__pct">48% OFF</span>

</div>

<script>
(function(){
var sid='template--22470383337696__main-116';
var isMulti=false;

document.addEventListener('eurus:product-card-variant-select:updated:'+sid,function(e){
var badge=document.getElementById('discount-badge-'+sid);
var v=e.detail&&e.detail.currentVariant;

if(!badge||!v)return;

if(v.compare_at_price&&v.compare_at_price>v.price){
var pct=Math.round((v.compare_at_price-v.price)*100/v.compare_at_price);

badge.querySelector('.discount-badge__pct').textContent=pct+'% OFF';

var sp=badge.querySelector('.discount-badge__variant');

if(isMulti&&v.title&&v.title!=='Default Title'){
if(!sp){
sp=document.createElement('span');
sp.className='discount-badge__variant';
badge.appendChild(sp);
}

sp.textContent=v.title;
}else if(sp){
sp.remove();
}

badge.classList.remove('discount-badge--hidden');
}else{
badge.classList.add('discount-badge--hidden');
}
});
})();
</script>

<div class="md:list-layout:hidden">
<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">Coloplast</div>
<p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--22470383337696__main-8186265108704">

<a href="/fr/products/sproam%C2%AE-all-body-spray-foam-cleanser-0901?_pos=16&_sid=6c63432be&_ss=r"
class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Nettoyant moussant/spray pour tout le corps Sproam® 350 ml 0901",
"listName": "",
"sku": "8186265108704",
"currencyCode": "CAD",
"price": 1999,
"vendor": "Coloplast"
}
}"
>
Nettoyant moussant/spray pour tout le corps Sproam® 350 ml 0901
</a>

</p>

<div
class="flex flex-wrap gap-[3px] mb-3 empty:mb-0 rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
x-data="{setPosition(el) {
parentEl = el.closest('.card-info').getBoundingClientRect();
el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
elRect = el.getBoundingClientRect();
let spacingLeft = elRect.left - parentEl.left;
if (spacingLeft < 0) {
el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
}
let spacingRight = parentEl.right - elRect.right;
if (spacingRight < 0) {
el.style.setProperty('--left-tooltip', spacingRight + 'px');
}
}}"
x-init="$el.innerHTML = $el.innerHTML.trim();"
>

</div>

<div
class="x-review-product yotpo flex w-full items-center rating-review justify-center ltr mb-4 md:list-layout:justify-start"
><div class="yotpo bottomLine" data-product-id="8186265108704"> </div></div>

<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">

<div class=" price leading-none " bss-b2b-product-id="8186265108704" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">1999</div>
<div class="">
<small class="cap rtl:inline-block">
<s class="rtl:leading-tight">$38.99 CAD</s>
</small><span class="price-sale ml-1 rtl:mr-1 rtl:ml-0">$19.99 CAD</span>
</div><small class="text-[70%] hidden">
<span class="hidden">Prix unitaire</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> par </span>
<span>
</span>
</span>
</small>

</div>

</div>

<div class="next-price empty:hidden"></div>
</div>

<div id="x-availability-notice-template--22470383337696__main" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('8186265108704', [408451580128, 481234616544, 417505575136, 479371755744, 487133249760, 473594233056, 462002356448])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": true,

"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)": true

},
pickupLocation: ["EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)",
"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)"
]
}'
class="mb-3"
x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
>
<style data-shopify>
.text-available, .text-unavailable {
font-size: 0.669375rem;
font-family: var(--font-body-family);
}

@media (min-width: 768px) {
.text-available, .text-unavailable {
font-size: 0.74375rem;
}
}

.text-available {
color: #34ad65;
}

.dark .text-available {
color: #34ad65;
}

.text-unavailable {
color: #c91517;
}

.dark .text-unavailable {
color: #c91517;
}
</style>
<div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'Disponible pour retrait à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
<div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'En rupture de stock à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
</div></div>
<div class="quick-view-container quick-view-enabled-only absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0">
<div x-data="xProductCart"
class="quick-view-atc-only quick-view-image-atc w-full hide-icon lg:px-4"
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8186265108704116" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="44425197715680">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-8186265108704-116"
class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>
<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"

data-id="template--22470383337696__main-8186265108704-116"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Nettoyant moussant/spray pour tout le corps Sproam® 350 ml 0901",
"listName": "",
"sku": "8186265108704",
"currencyCode": "CAD",
"price": 1999,
"vendor": "Coloplast"
}
}"
>
<span>Add to cart</span>

<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button><input type="hidden" name="product-id" value="8186265108704" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-8186265108704-template--22470383337696__main-116"
class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
> <div class="bss-qb-collection-table"></div><div class="bss-b2b-qb-table"></div>
<div class="hidden md:list-layout:block">

<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">Coloplast</div>
<p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--22470383337696__main-8186265108704">

<a href="/fr/products/sproam%C2%AE-all-body-spray-foam-cleanser-0901?_pos=16&_sid=6c63432be&_ss=r"
class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Nettoyant moussant/spray pour tout le corps Sproam® 350 ml 0901",
"listName": "",
"sku": "8186265108704",
"currencyCode": "CAD",
"price": 1999,
"vendor": "Coloplast"
}
}"
>
Nettoyant moussant/spray pour tout le corps Sproam® 350 ml 0901
</a>

</p>

<div
class="flex flex-wrap gap-[3px] mb-3 empty:mb-0 rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
x-data="{setPosition(el) {
parentEl = el.closest('.card-info').getBoundingClientRect();
el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
elRect = el.getBoundingClientRect();
let spacingLeft = elRect.left - parentEl.left;
if (spacingLeft < 0) {
el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
}
let spacingRight = parentEl.right - elRect.right;
if (spacingRight < 0) {
el.style.setProperty('--left-tooltip', spacingRight + 'px');
}
}}"
x-init="$el.innerHTML = $el.innerHTML.trim();"
>

</div>

<div
class="x-review-product yotpo flex w-full items-center rating-review justify-center ltr mb-4 md:list-layout:justify-start"
><div class="yotpo bottomLine" data-product-id="8186265108704"> </div></div>

<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">

<div class=" price leading-none " bss-b2b-product-id="8186265108704" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">1999</div>
<div class="">
<small class="cap rtl:inline-block">
<s class="rtl:leading-tight">$38.99 CAD</s>
</small><span class="price-sale ml-1 rtl:mr-1 rtl:ml-0">$19.99 CAD</span>
</div><small class="text-[70%] hidden">
<span class="hidden">Prix unitaire</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> par </span>
<span>
</span>
</span>
</small>

</div>

</div>

<div class="next-price empty:hidden"></div>
</div>

<div id="x-availability-notice-template--22470383337696__main" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('8186265108704', [408451580128, 481234616544, 417505575136, 479371755744, 487133249760, 473594233056, 462002356448])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": true,

"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)": true

},
pickupLocation: ["EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)",
"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)"
]
}'
class="mb-3"
x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
>
<style data-shopify>
.text-available, .text-unavailable {
font-size: 0.669375rem;
font-family: var(--font-body-family);
}

@media (min-width: 768px) {
.text-available, .text-unavailable {
font-size: 0.74375rem;
}
}

.text-available {
color: #34ad65;
}

.dark .text-available {
color: #34ad65;
}

.text-unavailable {
color: #c91517;
}

.dark .text-unavailable {
color: #c91517;
}
</style>
<div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'Disponible pour retrait à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
<div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
<span class="flex h-4 w-4 relative">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
<rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
</svg>

</span><span x-text="'En rupture de stock à ' + $store.xStoreSelector?.getStoreText()"> </span>
</div>
</div></div>
<div class="quick-view-container quick-view-enabled-only absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0">
<div x-data="xProductCart"
class="quick-view-atc-only quick-view-image-atc w-full hide-icon lg:px-4"
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8186265108704116" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="44425197715680">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-8186265108704-116"
class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button>
<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"

data-id="template--22470383337696__main-8186265108704-116"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Nettoyant moussant/spray pour tout le corps Sproam® 350 ml 0901",
"listName": "",
"sku": "8186265108704",
"currencyCode": "CAD",
"price": 1999,
"vendor": "Coloplast"
}
}"
>
<span>Add to cart</span>

<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button><input type="hidden" name="product-id" value="8186265108704" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div>
</div>
</div>
</div>

</div>

<div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
Alpine.store('xUpdateVariantQuanity').updateQuantity('template--22470383337696__main', '/fr/products/sproam%C2%AE-all-body-spray-foam-cleanser-0901?_pos=16&_sid=6c63432be&_ss=r');
});"></div>
<div
id="current-variant-template--22470383337696__main-8186265108704-116"
class="current-variant hidden"
>
44425197715680
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<ul data-mce-fragment="1">

<li data-mce-fragment="1"> Nettoyage complet de la tête aux pieds, shampoing, bain et soins de la peau incontinente.</li>

<li data-mce-fragment="1"> Peut être utilisé en spray ou en mousse, pour une polyvalence maximale.</li>

<li data-mce-fragment="1"> Action moussante dense non aérosol</li>

<li data-mce-fragment="1"> Sans colorant ni parfum</li>

<li data-mce-fragment="1"> PH équilibré</li>

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

<div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>

<div x-data="xProductCart"
class="quick-view-card-atc card-info bottom_atc md:list-layout:hidden hide-icon"
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8186265108704116" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="44425197715680">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-8186265108704-116"
class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button><input type="hidden" name="product-id" value="8186265108704" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div>

<div class="quick-view-enabled-only hidden md:list-layout:flex gap-3 mt-5 md:mt-7"><div x-data="xProductCart" class="quick-view-atc-only">

<form method="post" action="/fr/cart/add" id="product-form-choose-option8186265108704116" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="44425197715680">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22470383337696__main-8186265108704-116"
class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-20 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"

:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
<span class="flex items-center justify-center">

<span class="button-text is-focus-button:opacity-0">Ajouter au panier</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Épuisé
</div>
<div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</div>
</button><button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"

data-id="template--22470383337696__main-8186265108704-116"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Nettoyant moussant/spray pour tout le corps Sproam® 350 ml 0901",
"listName": "",
"sku": "8186265108704",
"currencyCode": "CAD",
"price": 1999,
"vendor": "Coloplast"
}
}"
>
<span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading">
<i class="cs-icon icon-cs-cart"></i></span>
<span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="currentcolor" stroke="none">
<path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
</g>
</svg>

</span>
</button><input type="hidden" name="product-id" value="8186265108704" /><input type="hidden" name="section-id" value="template--22470383337696__main" /></form>
</div><button
data-quick-view-action="open-product"
data-quick-view-url="/fr/products/sproam%C2%AE-all-body-spray-foam-cleanser-0901"
data-quick-view-option-id="template--22470383337696__main-8186265108704-116"
aria-label="Bouton de visualisation rapide"
x-customer-event-data="{
"product": {
"title": "Nettoyant moussant/spray pour tout le corps Sproam® 350 ml 0901",
"listName": "",
"sku": "8186265108704",
"currencyCode": "CAD",
"price": 1999,
"vendor": "Coloplast"
}
}"
class="quick-view-enabled-only button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3"
>
<span class="flex justify-center items-center">
<span class="button-text" data-quick-view-label>Vue rapide</span>
</span>
</button>
</div>

</div>
</div>

<script src="//emerdepot.com/cdn/shop/t/81/assets/preview-color-swatches.js?v=155925112040687201791788108428" defer></script></div>

</div></div>

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

</section>
</main>


<section id="shopify-section-sections--22470370296032__custom_liquid_LDn8Bc" class="shopify-section shopify-section-group-footer-group-puff section section-custom-liquid x-section">

<style data-shopify>
.custom-liquid ul {
list-style: disc;
}
</style>

<div class="relative mx-auto pt-[28px] md:pt-[28px] pb-[28px] md:pb-[28px]">
<div class="custom-liquid x-pgw page-width">

</div>
</div>
</section><section id="shopify-section-sections--22470370296032__newsletter_XwwNyW" class="shopify-section shopify-section-group-footer-group-puff section section-newsletter x-section"><style data-shopify>#shopify-section-sections--22470370296032__newsletter_XwwNyW{
background: #163786;
}
.dark #shopify-section-sections--22470370296032__newsletter_XwwNyW{

background: transparent;

}

#shopify-section-sections--22470370296032__newsletter_XwwNyW, #shopify-section-sections--22470370296032__newsletter_XwwNyW *:before {

color: #ffffff;
--colors-text: 255, 255, 255;

--colors-heading: 255, 255, 255;

--colors-button: 255, 255, 255;

--colors-button-text: 22, 55, 134;

--colors-line-and-border: 194,220,240;

}
.dark #shopify-section-sections--22470370296032__newsletter_XwwNyW, .dark #shopify-section-sections--22470370296032__newsletter_XwwNyW *:before {

color: #898989;
--colors-text: 137, 137, 137;

--colors-heading: 255, 255, 255;

--colors-button: 107, 112, 80;

--colors-button-text: 255, 255, 255;

--colors-button-hover: rgb(255, 255, 255);

--colors-button-text-hover: 36, 36, 36;

--colors-line-and-border: 194,220,240;

}@media (min-width: 768px) {}</style>

<div class="newsletter pt-[20px] md:pt-[36px] pb-[36px] md:pb-[36px]">
<div class="promotion h-full relative w-full md:promotion:pb-0 md:h-auto">
<div class="w-full flex absolute overflow-hidden top-0 left-0 bottom-0 z-0">
<span class="h-full w-full absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay transition-opacity opacity-0 hidden md:hidden"></span>

</div>
<div class="w-full z-10 flex items-center h-full overflow-hidden md:relative md:top-auto md:translate-y-0">
<div class="newsletter__wrapper page-width lg:flex lg:items-center lg:flex-wrap lg:justify-between lg:pr-5 lg:pl-5 md:w-full mx-auto pl-5 pr-5 text-center"><div class="lg:w-1/2 lg:text-left rtl:lg:text-right"><style data-shopify>.heading-heading_MzJGjd {
font-size: 0.81rem;
}
@media screen and (min-width: 768px) {
.heading-heading_MzJGjd {
font-size: 1.35rem;
}
}</style><div >

<style data-shopify>
.heading-heading_MzJGjd {

--color-highlight: #ffffff;

}
.dark .heading-heading_MzJGjd {

--color-highlight: #C8B89F;

}
</style>

<h2
class='heading-heading_MzJGjd x-block-header p-break-words h2 block leading-tight anm-fade-element' x-intersect.once="$el.classList.add('is-visible')">

One Stop shop for Medical Supplies Canadian Owned & Operated 🇨🇦

</h2>

</div></div><div x-intersect.once="$el.classList.add('is-visible')" class="x-block-email-form anm-fade-element mx-auto lg:w-1/2 lg:max-w-[570px] lg:mr-0 ml-auto lg:pl-5 rtl:lg:ml-0 rtl:lg:mr-auto rtl:lg:pr-5" >

<form method="post" action="/fr/contact#NewsletterForm--sections--22470370296032__newsletter_XwwNyW" id="NewsletterForm--sections--22470370296032__newsletter_XwwNyW" accept-charset="UTF-8" class="newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="contact[tags]" value="newsletter">
<div class="mt-4 lg:mt-0" >
<div class="flex pt-1.5 pb-1.5 pl-1.5 pr-1.5 border border-solid rounded-[var(--border-radius)] mb-1">
<div class="relative flex-1">
<input
id="NewsletterForm--sections--22470370296032__newsletter_XwwNyW"
type="email"
name="contact[email]"
class="w-full input pl-5 pr-5 lg:pr-8 lg:pl-8 pt-5 pb-1 md:pt-3.5 md:pb-2 focus:outline-none focus:border-0 bg-transparent placeholder:opacity-0"
value=""
aria-required="true"
autocorrect="off"
autocapitalize="off"
autocomplete="email"

placeholder="E-mail"
required
>
<label
for="NewsletterForm--sections--22470370296032__newsletter_XwwNyW"
class="absolute duration-200 top-1/2 left-5 lg:left-8 -translate-y-1/2 input_focus:text-xs input_focus:top-2 input_not_empty:top-2 input_not_empty:text-xs"
>
E-mail
</label>
</div>
<button
type="submit"
class="button button-solid ml-0.5 pl-5 pr-5 lg:pl-9 lg:pr-9 pt-2 pb-2 leading-normal cursor-pointer empty:hidden"
name="commit"
aria-label="S'abonner"
>

<span class="button-text is-focus-button:opacity-0">Subscribe</span>

</button>
</div></div></form>
</div></div>
</div>
</div>
</div>

<style> #shopify-section-sections--22470370296032__newsletter_XwwNyW input.w-full.input {color: #fff;} </style></section><div id="shopify-section-sections--22470370296032__footer" class="shopify-section shopify-section-group-footer-group-puff section-footer">
<div id="section-footer" class="section-footer relative background-footer sticky-footer selection:bg-[rgba(var(--colors-text-footer),0.2)] pt-[0px] md:pt-[0px] pb-[28px] md:pb-[28px]"><div class="flex-wrap md:mb-5 md:border-b md:border-b-solid md:pt-12 md:pb-7"><div class="pt-6 md:pt-0 md:flex justify-center md:m-auto md:pr-0 rtl:md:pr-5 rtl:md:pl-0 x-pgw page-width flex-wrap"><div class="footer-col--1 md:pr-5 md:first:pl-0 md:mb-7 md:pl-0 w-full md:w-1/4 ltr" ><div x-data="{ open: false }" class="py-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 cursor-pointer md:cursor-default duration-200 transition">
<p class="h6 text-[115%]">Quick Links</p>
<span class="md:hidden absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
<path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</div><ul class="mt-6 hidden md:block"><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/quick-order-list" class="hover-text-link nav-link relative block lg:inline-block">
Liste de commandes rapides
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="https://emerdepot.com/account/login" class="hover-text-link nav-link relative block lg:inline-block">
Se connecter
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/collections" class="hover-text-link nav-link relative block lg:inline-block">
Produits
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/about-us" class="hover-text-link nav-link relative block lg:inline-block">
À propos de nous
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/contact-us" class="hover-text-link nav-link relative block lg:inline-block">
Nous contacter
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/avada-sitemap" class="hover-text-link nav-link relative block lg:inline-block">
Plan du site
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/business-enrollment-form" class="hover-text-link nav-link relative block lg:inline-block">
Ouvrir un compte professionnel
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/wholesale-medical-supplies-equipment-in-canada" class="hover-text-link nav-link relative block lg:inline-block">
Achetez des fournitures médicales en gros
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/blogs/news" class="hover-text-link nav-link relative block lg:inline-block">
Blog
</a>
</li></ul><ul class="md:hidden" x-show="open" x-collapse x-cloak><li class="mb-1 mt-6 first:pt-0 pt-2">
<a href="/fr/pages/quick-order-list" class="hover-text-link nav-link relative block lg:inline-block">
Liste de commandes rapides
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="https://emerdepot.com/account/login" class="hover-text-link nav-link relative block lg:inline-block">
Se connecter
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/collections" class="hover-text-link nav-link relative block lg:inline-block">
Produits
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/about-us" class="hover-text-link nav-link relative block lg:inline-block">
À propos de nous
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/contact-us" class="hover-text-link nav-link relative block lg:inline-block">
Nous contacter
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/avada-sitemap" class="hover-text-link nav-link relative block lg:inline-block">
Plan du site
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/business-enrollment-form" class="hover-text-link nav-link relative block lg:inline-block">
Ouvrir un compte professionnel
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/wholesale-medical-supplies-equipment-in-canada" class="hover-text-link nav-link relative block lg:inline-block">
Achetez des fournitures médicales en gros
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/blogs/news" class="hover-text-link nav-link relative block lg:inline-block">
Blog
</a>
</li></ul></div></div><div class="footer-col--2 md:pr-5 md:first:pl-0 md:mb-7 md:pl-10 w-full md:w-1/4 ltr" ><div x-data="{ open: false }" class="py-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 cursor-pointer md:cursor-default duration-200 transition">
<p class="h6 text-[115%]">Important Links</p>
<span class="md:hidden absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
<path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</div><ul class="mt-6 hidden md:block"><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/shipping-cancellation-policy" class="hover-text-link nav-link relative block lg:inline-block">
Politique d'expédition et d'annulation
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/refund-and-return-policy" class="hover-text-link nav-link relative block lg:inline-block">
Politique de remboursement et de retour
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/term-conditions" class="hover-text-link nav-link relative block lg:inline-block">
Conditions générales
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/price-match-policy" class="hover-text-link nav-link relative block lg:inline-block">
Politique d'alignement des prix
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/authorised-odsp-vendor" class="hover-text-link nav-link relative block lg:inline-block">
Fournisseur ODSP autorisé
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/ontario-assistive-devices-program-adp" class="hover-text-link nav-link relative block lg:inline-block">
Programme d'appareils et accessoires fonctionnels de l'Ontario (PAAF)
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/adp-adult-mobility-equipment-categories" class="hover-text-link nav-link relative block lg:inline-block">
Catégories d'équipements de mobilité pour adultes ADP
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="https://account.emerdepot.com/orders?locale=fr&region_country=CA&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJlbWVyZGVwb3QyLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc5MDQ0NDYxMCwibmJmIjoxNzg5ODM5ODEwfQ.e0gaRtnE_xQPe2ACoArtTsIPqHxAO6dZB5H3MY15JqY" class="hover-text-link nav-link relative block lg:inline-block">
Track Your Order
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="https://emerdepot.com/pages/loyality-referral" class="hover-text-link nav-link relative block lg:inline-block">
Loyalty Points/Rewards
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="https://emerdepot.com/pages/download-your-invoice-easily" class="hover-text-link nav-link relative block lg:inline-block">
Download Your Invoice Easily
</a>
</li></ul><ul class="md:hidden" x-show="open" x-collapse x-cloak><li class="mb-1 mt-6 first:pt-0 pt-2">
<a href="/fr/pages/shipping-cancellation-policy" class="hover-text-link nav-link relative block lg:inline-block">
Politique d'expédition et d'annulation
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/refund-and-return-policy" class="hover-text-link nav-link relative block lg:inline-block">
Politique de remboursement et de retour
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/term-conditions" class="hover-text-link nav-link relative block lg:inline-block">
Conditions générales
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/price-match-policy" class="hover-text-link nav-link relative block lg:inline-block">
Politique d'alignement des prix
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/authorised-odsp-vendor" class="hover-text-link nav-link relative block lg:inline-block">
Fournisseur ODSP autorisé
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/ontario-assistive-devices-program-adp" class="hover-text-link nav-link relative block lg:inline-block">
Programme d'appareils et accessoires fonctionnels de l'Ontario (PAAF)
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/fr/pages/adp-adult-mobility-equipment-categories" class="hover-text-link nav-link relative block lg:inline-block">
Catégories d'équipements de mobilité pour adultes ADP
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="https://account.emerdepot.com/orders?locale=fr&region_country=CA&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJlbWVyZGVwb3QyLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc5MDQ0NDYxMCwibmJmIjoxNzg5ODM5ODEwfQ.e0gaRtnE_xQPe2ACoArtTsIPqHxAO6dZB5H3MY15JqY" class="hover-text-link nav-link relative block lg:inline-block">
Track Your Order
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="https://emerdepot.com/pages/loyality-referral" class="hover-text-link nav-link relative block lg:inline-block">
Loyalty Points/Rewards
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="https://emerdepot.com/pages/download-your-invoice-easily" class="hover-text-link nav-link relative block lg:inline-block">
Download Your Invoice Easily
</a>
</li></ul></div></div><div class="footer-col--3 md:pr-5 md:first:pl-0 md:mb-7 md:pl-10 w-full md:w-1/4 ltr" ><div x-data="{ open: false }" class="py-4 border-b border-b-solid md:border-none"><div @click="open = ! open" class="relative pr-5 cursor-pointer md:cursor-default duration-200 transition">
<p class="h6 text-[115%]">Store Location</p>
<span class="md:hidden absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
<path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</div><div class="hidden md:block"><div class="rte mt-6"><p><strong>Retail Store</strong><br/>2957 Dufferin St, Toronto, ON M6B 3T1</p><p>Email: <a href="mailto:order@emerdepot.com">order@emerdepot.com</a></p><p>Phone: 1-888-401-3637<br/>Hours: Monday–Saturday 10am–6pm<br/><br/><strong>Warehouse</strong><br/>80 Galaxy Blvd Unit 17, Etobicoke, ON M9W 5X6<br/><br/>Phone: 1-888-401-3637<br/>Hours: Monday–Saturday 10am–6pm<br/></p></div></div>
<div class="md:hidden" x-show="open" x-collapse x-cloak><div class="rte mt-6"><p><strong>Retail Store</strong><br/>2957 Dufferin St, Toronto, ON M6B 3T1</p><p>Email: <a href="mailto:order@emerdepot.com">order@emerdepot.com</a></p><p>Phone: 1-888-401-3637<br/>Hours: Monday–Saturday 10am–6pm<br/><br/><strong>Warehouse</strong><br/>80 Galaxy Blvd Unit 17, Etobicoke, ON M9W 5X6<br/><br/>Phone: 1-888-401-3637<br/>Hours: Monday–Saturday 10am–6pm<br/></p></div></div>
</div></div><div class="footer-col--4 md:pr-5 md:first:pl-0 md:mb-7 md:pl-10 w-full md:w-1/4 ltr" ><div x-data="{ open: false }" class="py-4 border-b border-b-solid md:border-none"><div @click="open = ! open" class="relative pr-5 cursor-pointer md:cursor-default duration-200 transition">
<p class="h6 text-[115%]">Let's Connect</p>
<span class="md:hidden absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
<path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</div><div class="hidden md:block"><div class="rte mt-6"><p>Follow us on our Social Media Channels.</p></div><div class="mt-2">

<div id="selector-social" class=" flex flex-col items-center md:items-start mx-auto">

<ul class="social-list flex flex-wrap py-2.5 gap-2 justify-center md:justify-start" role="list">
<li>
<a href="https://www.facebook.com/share/19g3YGdWij/?mibextid=wwXIfr" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24">
<path fill="currentColor" d="M15.12,5.32H17V2.14A26.11,26.11,0,0,0,14.26,2C11.54,2,9.68,3.66,9.68,6.7V9.32H6.61v3.56H9.68V22h3.68V12.88h3.06l.46-3.56H13.36V7.05C13.36,6,13.64,5.32,15.12,5.32Z"/>
</svg>
</a>
</li><li>
<a href="https://www.instagram.com/emerdepot?igsh=MTk0cWpiZ21qMnl4eg==" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24" xml:space="preserve">
<path fill="currentColor" d="M12,9.8c-1.2,0-2.2,1-2.2,2.2s1,2.2,2.2,2.2s2.2-1,2.2-2.2c0,0,0,0,0,0C14.2,10.8,13.2,9.8,12,9.8z M20.8,7.6 c0-0.7-0.1-1.4-0.4-2c-0.4-1-1.1-1.7-2.1-2.1c-0.6-0.2-1.3-0.4-2-0.4c-1.1-0.1-1.5-0.1-4.4-0.1s-3.2,0-4.4,0.1c-0.7,0-1.4,0.1-2,0.4 c-1,0.4-1.7,1.1-2.1,2.1c-0.2,0.6-0.4,1.3-0.4,2C3.1,8.8,3.1,9.1,3.1,12s0,3.2,0.1,4.4c0,0.7,0.1,1.4,0.4,2c0.2,0.5,0.5,0.9,0.8,1.2 c0.4,0.4,0.8,0.6,1.3,0.8c0.6,0.2,1.3,0.4,2,0.4c1.1,0.1,1.5,0.1,4.4,0.1s3.2,0,4.4-0.1c0.7,0,1.4-0.1,2-0.4 c0.5-0.2,0.9-0.5,1.3-0.8c0.4-0.4,0.6-0.8,0.8-1.2c0.2-0.6,0.4-1.3,0.4-2c0.1-1.1,0.1-1.5,0.1-4.4S20.9,8.8,20.8,7.6z M18.6,14.7 c0,0.5-0.1,1.1-0.3,1.6c-0.3,0.9-1,1.5-1.9,1.9c-0.5,0.2-1.1,0.3-1.6,0.3c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.5,0-1.1-0.1-1.6-0.3 c-0.4-0.2-0.8-0.4-1.2-0.8c-0.3-0.3-0.6-0.7-0.7-1.1c-0.2-0.5-0.3-1.1-0.3-1.6c0-0.7,0-0.9,0-2.7s0-2,0-2.7c0-0.5,0.1-1.1,0.3-1.6 c0.2-0.4,0.4-0.8,0.8-1.2c0.3-0.3,0.7-0.6,1.1-0.7c0.5-0.2,1.1-0.3,1.6-0.3l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.5,0,1.1,0.1,1.6,0.3 c0.4,0.2,0.8,0.4,1.2,0.8c0.3,0.3,0.6,0.7,0.7,1.1c0.2,0.5,0.3,1.1,0.3,1.6c0,0.7,0,0.9,0,2.7S18.6,14,18.6,14.7L18.6,14.7z M17.1,8.1c-0.2-0.6-0.7-1-1.3-1.3c-0.4-0.1-0.8-0.2-1.2-0.2c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.4,0-0.8,0.1-1.2,0.2 c-0.6,0.2-1,0.6-1.3,1.2C6.7,8.5,6.7,8.9,6.7,9.3c0,0.7,0,0.9,0,2.7s0,2,0,2.7c0,0.4,0.1,0.8,0.2,1.2c0.2,0.6,0.7,1,1.3,1.3 c0.4,0.1,0.8,0.2,1.2,0.2l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.4,0,0.8-0.1,1.2-0.2c0.6-0.2,1-0.7,1.3-1.3c0.1-0.4,0.2-0.8,0.2-1.2 c0-0.7,0-0.9,0-2.7s0-2,0-2.7C17.4,8.9,17.3,8.5,17.1,8.1L17.1,8.1z M12,15.4c-1.9,0-3.4-1.5-3.4-3.4c0,0,0,0,0,0l0,0 c0-1.9,1.5-3.4,3.4-3.4s3.4,1.5,3.4,3.4C15.4,13.9,13.9,15.4,12,15.4C12,15.4,12,15.4,12,15.4z M15.6,9.3c-0.4,0-0.8-0.4-0.7-0.9 c0-0.4,0.3-0.7,0.7-0.7l0,0c0.4,0,0.8,0.4,0.7,0.9C16.2,8.9,15.9,9.2,15.6,9.3z"/>
</svg>
</a>
</li><li>
<a href="tel:+1(888) 401 3637" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg class="icon-animation" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 197.8 197.8" style="enable-background:new 0 0 197.8 197.8;" xml:space="preserve">
<g>
<g>
<path d="M178.8,29.3c3.7,3.7,6.9,8.2,9.4,13.4c2.5,5.2,4.2,11.8,4.9,19.8c0.7,8,0,16.3-2.2,24.8
c-2.2,8.6-6.7,18.4-13.4,29.6c-6.8,11.1-15.8,22.3-27,33.6c-28.7,28.7-56.1,43-82.3,43c-16.2,0-29.2-4.9-39-14.7l-16.9-16.9
C6.7,156.3,4,149.6,4,141.8c0-7.9,2.8-14.5,8.3-19.9l15.1-15.1c5.6-5.6,12.2-8.3,19.9-8.3c7.7,0,14.4,2.8,19.9,8.3l13.1,12.9
l39.5-39.2l-13.2-13.1c-5.6-5.7-8.3-12.4-8.3-20.1c0-7.7,2.8-14.4,8.3-20.1l15.1-14.9c5.4-5.4,12.1-8.2,20-8.2
c7.9,0,14.6,2.7,20,8.2L178.8,29.3z M25.5,148.5l10.3,10.2l28.5-28.3l-10.5-10.2c-1.8-1.8-4-2.7-6.5-2.7s-4.7,0.9-6.5,2.7
l-15.2,14.9c-1.8,1.8-2.7,4.1-2.7,6.7C22.8,144.4,23.7,146.7,25.5,148.5z M137.1,137.2c9.8-9.9,17.7-19.5,23.6-28.8
c5.9-9.3,9.8-17.3,11.6-24.1c1.8-6.8,2.5-13.1,2-19c-0.5-5.9-1.5-10.6-3.1-14.1c-1.6-3.5-3.5-6.3-5.8-8.5L137.1,71l2.7,2.7
c1.8,1.8,2.7,4.1,2.7,6.7c0,2.7-0.9,4.8-2.7,6.5L87,140c-1.8,1.8-4.1,2.7-6.7,2.7c-2.7,0-4.9-0.9-6.7-2.7l-2.7-3.1l-28.3,28.7
c6,6,14.6,9.1,25.6,9.1C89.2,174.6,112.2,162.1,137.1,137.2z M120,40.6c-1.8,1.8-2.7,4.1-2.7,6.7c0,2.7,0.9,4.9,2.7,6.7l10.2,10.2
l28.5-28.3l-10.3-10.2c-1.8-1.8-4-2.7-6.6-2.7c-2.6,0-4.8,0.9-6.6,2.7L120,40.6z"/>
</g>
</g>
</svg>

</a>
</li></ul>
</div>
</div></div>
<div class="md:hidden" x-show="open" x-collapse x-cloak><div class="rte mt-6"><p>Follow us on our Social Media Channels.</p></div><div class="mt-2">

<div id="selector-social" class=" flex flex-col items-center md:items-start mx-auto">

<ul class="social-list flex flex-wrap py-2.5 gap-2 justify-center md:justify-start" role="list">
<li>
<a href="https://www.facebook.com/share/19g3YGdWij/?mibextid=wwXIfr" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24">
<path fill="currentColor" d="M15.12,5.32H17V2.14A26.11,26.11,0,0,0,14.26,2C11.54,2,9.68,3.66,9.68,6.7V9.32H6.61v3.56H9.68V22h3.68V12.88h3.06l.46-3.56H13.36V7.05C13.36,6,13.64,5.32,15.12,5.32Z"/>
</svg>
</a>
</li><li>
<a href="https://www.instagram.com/emerdepot?igsh=MTk0cWpiZ21qMnl4eg==" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24" xml:space="preserve">
<path fill="currentColor" d="M12,9.8c-1.2,0-2.2,1-2.2,2.2s1,2.2,2.2,2.2s2.2-1,2.2-2.2c0,0,0,0,0,0C14.2,10.8,13.2,9.8,12,9.8z M20.8,7.6 c0-0.7-0.1-1.4-0.4-2c-0.4-1-1.1-1.7-2.1-2.1c-0.6-0.2-1.3-0.4-2-0.4c-1.1-0.1-1.5-0.1-4.4-0.1s-3.2,0-4.4,0.1c-0.7,0-1.4,0.1-2,0.4 c-1,0.4-1.7,1.1-2.1,2.1c-0.2,0.6-0.4,1.3-0.4,2C3.1,8.8,3.1,9.1,3.1,12s0,3.2,0.1,4.4c0,0.7,0.1,1.4,0.4,2c0.2,0.5,0.5,0.9,0.8,1.2 c0.4,0.4,0.8,0.6,1.3,0.8c0.6,0.2,1.3,0.4,2,0.4c1.1,0.1,1.5,0.1,4.4,0.1s3.2,0,4.4-0.1c0.7,0,1.4-0.1,2-0.4 c0.5-0.2,0.9-0.5,1.3-0.8c0.4-0.4,0.6-0.8,0.8-1.2c0.2-0.6,0.4-1.3,0.4-2c0.1-1.1,0.1-1.5,0.1-4.4S20.9,8.8,20.8,7.6z M18.6,14.7 c0,0.5-0.1,1.1-0.3,1.6c-0.3,0.9-1,1.5-1.9,1.9c-0.5,0.2-1.1,0.3-1.6,0.3c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.5,0-1.1-0.1-1.6-0.3 c-0.4-0.2-0.8-0.4-1.2-0.8c-0.3-0.3-0.6-0.7-0.7-1.1c-0.2-0.5-0.3-1.1-0.3-1.6c0-0.7,0-0.9,0-2.7s0-2,0-2.7c0-0.5,0.1-1.1,0.3-1.6 c0.2-0.4,0.4-0.8,0.8-1.2c0.3-0.3,0.7-0.6,1.1-0.7c0.5-0.2,1.1-0.3,1.6-0.3l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.5,0,1.1,0.1,1.6,0.3 c0.4,0.2,0.8,0.4,1.2,0.8c0.3,0.3,0.6,0.7,0.7,1.1c0.2,0.5,0.3,1.1,0.3,1.6c0,0.7,0,0.9,0,2.7S18.6,14,18.6,14.7L18.6,14.7z M17.1,8.1c-0.2-0.6-0.7-1-1.3-1.3c-0.4-0.1-0.8-0.2-1.2-0.2c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.4,0-0.8,0.1-1.2,0.2 c-0.6,0.2-1,0.6-1.3,1.2C6.7,8.5,6.7,8.9,6.7,9.3c0,0.7,0,0.9,0,2.7s0,2,0,2.7c0,0.4,0.1,0.8,0.2,1.2c0.2,0.6,0.7,1,1.3,1.3 c0.4,0.1,0.8,0.2,1.2,0.2l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.4,0,0.8-0.1,1.2-0.2c0.6-0.2,1-0.7,1.3-1.3c0.1-0.4,0.2-0.8,0.2-1.2 c0-0.7,0-0.9,0-2.7s0-2,0-2.7C17.4,8.9,17.3,8.5,17.1,8.1L17.1,8.1z M12,15.4c-1.9,0-3.4-1.5-3.4-3.4c0,0,0,0,0,0l0,0 c0-1.9,1.5-3.4,3.4-3.4s3.4,1.5,3.4,3.4C15.4,13.9,13.9,15.4,12,15.4C12,15.4,12,15.4,12,15.4z M15.6,9.3c-0.4,0-0.8-0.4-0.7-0.9 c0-0.4,0.3-0.7,0.7-0.7l0,0c0.4,0,0.8,0.4,0.7,0.9C16.2,8.9,15.9,9.2,15.6,9.3z"/>
</svg>
</a>
</li><li>
<a href="tel:+1(888) 401 3637" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg class="icon-animation" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 197.8 197.8" style="enable-background:new 0 0 197.8 197.8;" xml:space="preserve">
<g>
<g>
<path d="M178.8,29.3c3.7,3.7,6.9,8.2,9.4,13.4c2.5,5.2,4.2,11.8,4.9,19.8c0.7,8,0,16.3-2.2,24.8
c-2.2,8.6-6.7,18.4-13.4,29.6c-6.8,11.1-15.8,22.3-27,33.6c-28.7,28.7-56.1,43-82.3,43c-16.2,0-29.2-4.9-39-14.7l-16.9-16.9
C6.7,156.3,4,149.6,4,141.8c0-7.9,2.8-14.5,8.3-19.9l15.1-15.1c5.6-5.6,12.2-8.3,19.9-8.3c7.7,0,14.4,2.8,19.9,8.3l13.1,12.9
l39.5-39.2l-13.2-13.1c-5.6-5.7-8.3-12.4-8.3-20.1c0-7.7,2.8-14.4,8.3-20.1l15.1-14.9c5.4-5.4,12.1-8.2,20-8.2
c7.9,0,14.6,2.7,20,8.2L178.8,29.3z M25.5,148.5l10.3,10.2l28.5-28.3l-10.5-10.2c-1.8-1.8-4-2.7-6.5-2.7s-4.7,0.9-6.5,2.7
l-15.2,14.9c-1.8,1.8-2.7,4.1-2.7,6.7C22.8,144.4,23.7,146.7,25.5,148.5z M137.1,137.2c9.8-9.9,17.7-19.5,23.6-28.8
c5.9-9.3,9.8-17.3,11.6-24.1c1.8-6.8,2.5-13.1,2-19c-0.5-5.9-1.5-10.6-3.1-14.1c-1.6-3.5-3.5-6.3-5.8-8.5L137.1,71l2.7,2.7
c1.8,1.8,2.7,4.1,2.7,6.7c0,2.7-0.9,4.8-2.7,6.5L87,140c-1.8,1.8-4.1,2.7-6.7,2.7c-2.7,0-4.9-0.9-6.7-2.7l-2.7-3.1l-28.3,28.7
c6,6,14.6,9.1,25.6,9.1C89.2,174.6,112.2,162.1,137.1,137.2z M120,40.6c-1.8,1.8-2.7,4.1-2.7,6.7c0,2.7,0.9,4.9,2.7,6.7l10.2,10.2
l28.5-28.3l-10.3-10.2c-1.8-1.8-4-2.7-6.6-2.7c-2.6,0-4.8,0.9-6.6,2.7L120,40.6z"/>
</g>
</g>
</svg>

</a>
</li></ul>
</div>
</div></div>
</div></div></div></div><div class="additional-footer ltr mx-5"
>
<div class="flex flex-col"><div class="flex flex-col items-center lg:mt-2 order-last">
<div class="mt-4 md:mt-4 base-link text-center lg:mt-0 p-break-words"><p class="inline-block">© 2026, </p>
<a href="/fr" title="">EmerDepot Medical Supplies</a>.
</div>
</div>
<ul class="icon-payment flex justify-center gap-y-2 flex-wrap mt-5 md:mt-0" role="list"><li class="pl-1 pr-1">
<svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg>
</li><li class="pl-1 pr-1">
<svg viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg>
</li><li class="pl-1 pr-1">
<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>

</li><li class="pl-1 pr-1">
<svg width="38" height="24" role="img" aria-labelledby="pi-jcb" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg"><title id="pi-jcb">JCB</title><g fill="none" fill-rule="evenodd"><g fill-rule="nonzero"><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/></g><path d="M11.5 5H15v11.5a2.5 2.5 0 0 1-2.5 2.5H9V7.5A2.5 2.5 0 0 1 11.5 5z" fill="#006EBC"/><path d="M18.5 5H22v11.5a2.5 2.5 0 0 1-2.5 2.5H16V7.5A2.5 2.5 0 0 1 18.5 5z" fill="#F00036"/><path d="M25.5 5H29v11.5a2.5 2.5 0 0 1-2.5 2.5H23V7.5A2.5 2.5 0 0 1 25.5 5z" fill="#2AB419"/><path d="M10.755 14.5c-1.06 0-2.122-.304-2.656-.987l.78-.676c.068 1.133 3.545 1.24 3.545-.19V9.5h1.802v3.147c0 .728-.574 1.322-1.573 1.632-.466.144-1.365.221-1.898.221zm8.116 0c-.674 0-1.388-.107-1.965-.366-.948-.425-1.312-1.206-1.3-2.199.012-1.014.436-1.782 1.468-2.165 1.319-.49 3.343-.261 3.926.27v.972c-.572-.521-1.958-.898-2.919-.46-.494.226-.737.917-.744 1.448-.006.56.245 1.252.744 1.497.953.467 2.39.04 2.919-.441v1.01c-.358.255-1.253.434-2.129.434zm8.679-2.587c.37-.235.582-.567.582-1.005 0-.438-.116-.687-.348-.939-.206-.207-.58-.469-1.238-.469H23v5h3.546c.696 0 1.097-.23 1.315-.415.283-.25.426-.53.426-.96 0-.431-.155-.908-.737-1.212zm-1.906-.281h-1.428v-1.444h1.495c.956 0 .944 1.444-.067 1.444zm.288 2.157h-1.716v-1.513h1.716c.986 0 1.083 1.513 0 1.513z" fill="#FFF" fill-rule="nonzero"/></g></svg>
</li><li class="pl-1 pr-1">
<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg>

</li><li class="pl-1 pr-1">
<svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg>
</li><li class="pl-1 pr-1">
<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 16.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>

</li></ul>
</div>
</div>
</div>
</div>


<div id="eurus-popup" class="fixed duration-500 inset-0 z-[100] md:z-60 pointer-events-none md:block flex flex-col-reverse h-fit top-[unset] md:h-full md:top-0" x-cloak></div><div id="popup-minimal-left" class="fixed z-50 bottom-4 md:bottom-8 left-4 md:left-8 pr-4 md:pr-8 pointer-events-auto"></div>

<div class="scroll-to-top">
<style data-shopify>
.scroll_top {
bottom: 40px;
}
@media(min-width: 768px) {
.scroll_top {
bottom: 85px;
}
}
</style>
<div
x-data="xScrollTop"
@init-run.window="scrollFunction()"
@scroll.window="scrollFunction()"
class="hidden md:block"
>
<button
x-show="show" x-cloak
@click="scrollTop()"
class="scroll_top fixed z-50 pl-3 pr-3 pb-3 pt-3 w-11 h-11 md:w-14 md:h-14 md:pl-4 md:pt-4 md:pr-4 md:pb-4 border-0 rounded-full right-5 -rotate-90 button button-action"
x-transition:enter="transition-all ease-in-out duration-500"
x-transition:enter-start="opacity-0 transform translate-y-1/3"
x-transition:enter-end="opacity-100 translate-y-0"
x-transition:leave="transition-all ease-in-out duration-500"
x-transition:leave-end="opacity-0 transform translate-y-1/3"
aria-label="scroll top"
>

<svg class=" w-full h-full" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M597.34016 170.65984q18.00192 0 30.33088 12.32896l298.65984 298.65984q12.32896 12.32896 12.32896 30.33088t-12.32896 30.33088l-298.65984 298.65984q-12.32896 12.32896-30.33088 12.32896-18.3296 0-30.49472-12.16512t-12.16512-30.49472q0-18.00192 12.32896-30.33088l225.9968-225.66912-665.00608 0q-17.67424 0-30.16704-12.4928t-12.4928-30.16704 12.4928-30.16704 30.16704-12.4928l665.00608 0-225.9968-225.66912q-12.32896-12.32896-12.32896-30.33088 0-18.3296 12.16512-30.49472t30.49472-12.16512z" />
</svg>

</button>
</div>

<script>
requestAnimationFrame(() => {
document.addEventListener('alpine:init', () => {
Alpine.data('xScrollTop', () => ({
show: false,
scrollTop() {
window.scrollTo({top: 0, behavior: 'smooth'});
},
scrollFunction() {
const position = window.innerWidth < 1025 ? 300 : 900;
this.show = (document.body.scrollTop > position || document.documentElement.scrollTop > position)
? true : false;
}
}));
});
});
</script>
</div>

</div>
<ul hidden>
<li id="a11y-refresh-page-message">Le choix d’une sélection entraîne une actualisation complète de la page.
</li>
<li id="a11y-new-window-message">Ouvre dans une nouvelle fenêtre.
</li>
</ul>
<script>
window.Eurus = {
sliderScript: '//emerdepot.com/cdn/shop/t/81/assets/splide4.1.3.js?v=75458750262329959491788108428',
cart_error: `Une erreur s'est produite lors de la mise à jour de votre panier. Veuillez réessayer.`,
cart_quantity_error_html: `Vous ne pouvez ajouter que [quantity] de cet article à votre panier.`,
loadedScript: new Set(),
cart_add_url: '/fr/cart/add'
};
</script>

<script src="//emerdepot.com/cdn/shop/t/81/assets/coupon-code.js?v=119466138447697525301788108428" defer></script>

<script src="//emerdepot.com/cdn/shop/t/81/assets/preview-color-swatches.js?v=155925112040687201791788108428" defer></script><script src="//emerdepot.com/cdn/shop/t/81/assets/cart-countdown-timer.js?v=77014980537577292541788108428" defer></script>

<script src="//emerdepot.com/cdn/shop/t/81/assets/theme.js?v=21252774814589694671788281331" defer></script>
<script src="//emerdepot.com/cdn/shop/t/81/assets/vendors.js?v=21726020999429958561788108428" defer></script>
<script>
window.addEventListener("load", (event) => {
deferScriptLoad('instant.page', '//emerdepot.com/cdn/shop/t/81/assets/instant.page.v5.1.1.js?v=43232110432331176871788108428', () => {}, true);
});
</script>

<script>
const searchSection = document.querySelector('.search-section');
if (searchSection) {
let searchStickyTicking = false;
const updateSearchSticky = () => {
searchStickyTicking = false;
searchSection.classList.toggle('is-sticky', window.scrollY >= searchSection.offsetTop);
};
window.addEventListener('scroll', () => {
if (searchStickyTicking) return;
searchStickyTicking = true;
requestAnimationFrame(updateSearchSticky);
}, { passive: true });
}
</script>
<style>
section.shopify-section.search-section.is-sticky {position: sticky;top: -118px;z-index: 99999;width: 100%;margin: 0 auto;background: #fff;}
.search-section.is-sticky .search-input {max-width: 520px;}
body .featured-collection .collection-title .h4:not(.active) {background: #e5e5e5 !important;color: #254798 !important;opacity: 1 !important;}
body .featured-collection .collection-title .h4:not(.active):hover {background: #d0d0d0 !important;}
.gm-menu-installed .gm-menu.gm-menu-85659 .gm-dropdown > li > a, .gm-menu-installed .gm-menu.gm-menu-mobile.gm-submenu-open-style-slide.gm-menu-85659 .gm-header > button > .gm-target {line-height: 5px !important;}
span.gm-description {margin-top: 10px;}
</style>

<style>
button.button.bold-upsell__button.bold-upsell__button--primary {background: #000;padding: 1rem 5rem;}
button.button.button--secondary.bold-upsell__button.bold-upsell__button--secondary {color: #000;padding-right: 14px;}
button.button.button--full-width.bold-upsell__add_to_cart.add-to-cart.bold-product__control.bold-product__button.bold-product__button--primary.standard_primary {color: #000;}
</style>

<script>
document.addEventListener("DOMContentLoaded", () => {

/* ===============================
SELECTORS
=============================== */
const getChat = () => document.querySelector("inbox-online-store-chat");

const getKlaviyo = () =>
document.querySelector("[class*='kl-teaser'], .kl-teaser, .klaviyo-teaser");

const getGoogleButton = () =>
document.querySelector(".button-content.button-extra-touch-target")
?.closest("button");

/* ===============================
HIDE / SHOW
=============================== */
function hideAllWidgets() {
hideChat();
hideKlaviyo();
hideGoogle();
}

function showAllWidgets() {
showChat();
showKlaviyo();
showGoogle();
}

function hideChat() {
const chat = getChat();
if (!chat) return;

chat.style.opacity = "0";
chat.style.pointerEvents = "none";

if (chat.shadowRoot) {
chat.shadowRoot.querySelectorAll("*").forEach(el => {
el.style.opacity = "0";
el.style.pointerEvents = "none";
});
}
}

function showChat() {
const chat = getChat();
if (!chat) return;

chat.style.opacity = "1";
chat.style.pointerEvents = "auto";

if (chat.shadowRoot) {
chat.shadowRoot.querySelectorAll("*").forEach(el => {
el.style.opacity = "1";
el.style.pointerEvents = "auto";
});
}
}

function hideKlaviyo() {
const el = getKlaviyo();
if (!el) return;

const parent = el.closest("div, section, button") || el;
parent.style.opacity = "0";
parent.style.pointerEvents = "none";
}

function showKlaviyo() {
const el = getKlaviyo();
if (!el) return;

const parent = el.closest("div, section, button") || el;
parent.style.opacity = "1";
parent.style.pointerEvents = "auto";
}

function hideGoogle() {
const btn = getGoogleButton();
if (!btn) return;

btn.style.opacity = "0";
btn.style.pointerEvents = "none";
}

function showGoogle() {
const btn = getGoogleButton();
if (!btn) return;

btn.style.opacity = "1";
btn.style.pointerEvents = "auto";
}

/* ===============================
CLICK-BASED LOGIC
=============================== */

// Any QuickView opener button
document.addEventListener("click", (e) => {
if (e.target.closest(".button--quickview") ||
e.target.closest("button[name='add']")) {
hideAllWidgets();
}
});

// QuickView close button
document.addEventListener("click", (e) => {
if (e.target.closest(".group-close-btn")) {
setTimeout(showAllWidgets, 200);
}
});

// Mini cart close button
document.addEventListener("click", (e) => {
if (e.target.closest(".group-mini-cart-close-btn")) {
setTimeout(showAllWidgets, 200);
}
});

/* ===============================
MINI CART OPEN/CLOSE via Alpine
=============================== */
document.addEventListener("alpine:init", () => {
Alpine.effect(() => {
const isOpen = Alpine.store("xMiniCart")?.open;
if (isOpen) hideAllWidgets();
});
});

});
</script>

<script>
(() => {
if (window.__emerdepotBirseInitialized) return;
window.__emerdepotBirseInitialized = true;

const PANEL_SELECTOR = 'birse-search-suggestion';
const panelObservers = new WeakMap();

let locked = false;
let savedScrollY = 0;
let previousStyles = null;

function getOpenPanels() {
return Array.from(
document.querySelectorAll(PANEL_SELECTOR)
).filter((panel) => {
return (
!panel.classList.contains('hidden') &&
getComputedStyle(panel).display !== 'none'
);
});
}

function lockPage() {
if (locked) return;

locked = true;
savedScrollY = window.scrollY;

previousStyles = {
htmlOverflow:
document.documentElement.style.overflow,
bodyPosition: document.body.style.position,
bodyTop: document.body.style.top,
bodyLeft: document.body.style.left,
bodyRight: document.body.style.right,
bodyWidth: document.body.style.width,
bodyOverflow: document.body.style.overflow
};

document.documentElement.style.overflow = 'hidden';
document.body.style.position = 'fixed';
document.body.style.top = `-${savedScrollY}px`;
document.body.style.left = '0';
document.body.style.right = '0';
document.body.style.width = '100%';
document.body.style.overflow = 'hidden';
document.body.classList.add('birse-scroll-locked');
}

function unlockPage() {
if (!locked) return;

locked = false;

document.documentElement.style.overflow =
previousStyles?.htmlOverflow || '';

document.body.style.position =
previousStyles?.bodyPosition || '';
document.body.style.top =
previousStyles?.bodyTop || '';
document.body.style.left =
previousStyles?.bodyLeft || '';
document.body.style.right =
previousStyles?.bodyRight || '';
document.body.style.width =
previousStyles?.bodyWidth || '';
document.body.style.overflow =
previousStyles?.bodyOverflow || '';

document.body.classList.remove(
'birse-scroll-locked'
);

window.scrollTo(0, savedScrollY);
previousStyles = null;
}

function syncScrollLock() {
if (getOpenPanels().length > 0) {
lockPage();
} else {
unlockPage();
}
}

function closePanel(panel) {
if (!panel) return;

document
.querySelectorAll('input[data-birse]')
.forEach((input) => input.blur());

panel.classList.add('hidden');
panel.setAttribute('aria-hidden', 'true');

syncScrollLock();
}

function ensureCloseButton(panel) {
const target =
panel.querySelector(
'.birse-keyword-container:not(.hidden)'
) ||
panel.querySelector('.birse-keyword-container');

let row = panel.querySelector('.birse-close-row');

if (!row) {
row = document.createElement('div');
row.className = 'birse-close-row';

const button = document.createElement('button');
button.type = 'button';
button.className = 'birse-close-button';
button.setAttribute(
'aria-label',
'Close search suggestions'
);
button.setAttribute('title', 'Close search');
button.textContent = '\u00D7';

button.addEventListener('click', (event) => {
event.preventDefault();
event.stopPropagation();
closePanel(panel);
});

row.appendChild(button);
}

if (target && row.parentElement !== target) {
target.prepend(row);
} else if (!target && row.parentElement !== panel) {
panel.prepend(row);
}
}

function watchPanel(panel) {
ensureCloseButton(panel);

if (panelObservers.has(panel)) return;

const observer = new MutationObserver(() => {
ensureCloseButton(panel);
syncScrollLock();
});

observer.observe(panel, {
attributes: true,
attributeFilter: ['class', 'style']
});

panelObservers.set(panel, observer);
}

function inspectNode(node) {
if (!(node instanceof Element)) return;

if (node.matches(PANEL_SELECTOR)) {
watchPanel(node);
}

node
.querySelectorAll(PANEL_SELECTOR)
.forEach(watchPanel);

const parentPanel = node.closest(PANEL_SELECTOR);

if (parentPanel) {
ensureCloseButton(parentPanel);
}
}

function initialize() {
document
.querySelectorAll(PANEL_SELECTOR)
.forEach(watchPanel);

const discoveryObserver = new MutationObserver(
(mutations) => {
mutations.forEach((mutation) => {
mutation.addedNodes.forEach(inspectNode);
});

syncScrollLock();
}
);

discoveryObserver.observe(document.body, {
childList: true,
subtree: true
});

document.addEventListener(
'touchmove',
(event) => {
if (!locked) return;

const target =
event.target instanceof Element
? event.target
: event.target?.parentElement;

const panel = target?.closest(
'birse-search-suggestion:not(.hidden)'
);

if (!panel) {
event.preventDefault();
}
},
{ passive: false }
);

document.addEventListener('keydown', (event) => {
if (event.key !== 'Escape') return;

getOpenPanels().forEach(closePanel);
});

syncScrollLock();
}

function initializeOnSearchUse() {
initialize();
document.removeEventListener('focusin', handleSearchUse);
document.removeEventListener('pointerdown', handleSearchUse);
}

function handleSearchUse(event) {
const target =
event.target instanceof Element
? event.target
: event.target?.parentElement;

if (
target?.closest('input[data-birse], birse-search-suggestion, [id*="Search"], [class*="search"]')
) {
initializeOnSearchUse();
}
}

document.addEventListener('focusin', handleSearchUse, { passive: true });
document.addEventListener('pointerdown', handleSearchUse, { passive: true });
})();
</script>

<style> #localization_form > div:nth-child(5) > div > ul > li:nth-child(1) a,#localization_form > div:nth-child(5) > div > ul > li:nth-child(2) a,#localization_form > div.country-selector.max-w-max.text-normal.relative.inline-flex.lg\:inline-block > div > ul > li:nth-child(1) a,#localization_form > div.country-selector.max-w-max.text-normal.relative.inline-flex.lg\:inline-block > div > ul > li:nth-child(2) > a {color: #000 !important;} @media (max-width: 767px)} </style>
<div id="shopify-block-AVElYbHJnemxjbVVrN__10840395464443086010" class="shopify-block shopify-app-block">

<script>
console.log("[Alia app extension] v1.0.5");

const BACKEND_URL = "https://backend.alia-prod.com";

window.ALIA_SHOPIFY_EXTENSION_INFO = {
customerID: "",
country: "CA",
market: "ca",
language: "fr"
}

if (document.readyState !== "loading") {
initAlia();
} else {
document.addEventListener("DOMContentLoaded", () => initAlia(), { once: true });
}

async function initAlia() {
const url = BACKEND_URL + "/public/launcher.js?shopifyUrl=emerdepot2.myshopify.com";
const script = document.createElement("script");
script.src = url;
script.async = true;
document.head.appendChild(script);
}
</script>

</div><div id="shopify-block-AVDBHcjJIS1NHTE5Sc__11391643856454973168" class="shopify-block shopify-app-block"><script>
window.cartSaver = window.cartSaver || {};
window.cartSaver.customerId = '';
window.cartSaver.locationId = null;
window.cartSaver.companyId = null;
</script>

</div><div id="shopify-block-AWlVGUS9XS3Fad2xPa__5592472998061532238" class="shopify-block shopify-app-block">

<script src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/cropper.min.js" async crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/cropper.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/img-search-modal.css" crossorigin="anonymous">
<script>
var birseShopID = '55849812162';
var birseShopDomain = 'emerdepot2.myshopify.com';
var birseShopCountry = 'CA';
var birseShopLanguageISO = 'fr';
try{
window.birseShopLanguage = 'fr'.toUpperCase().replace(/-/g, '_');
if(window.birseShopLanguage.length > 2 && !window.birseShopLanguage.startsWith('ZH_') && !window.birseShopLanguage.startsWith('PT_')){
window.birseShopLanguage = window.birseShopLanguage.slice(0,2);
}
if(window.birseShopLanguage.length===0) window.birseShopLanguage = '';
}
catch(err){
window.birseShopLanguage = '';
console.error('Error getting shop language:', err);
}
var birseNewTab=('false' || 'false') === 'true';
var birseHideOOS=('false' || 'false') === 'true';
var birseImageSearch = ('true' || 'true') === 'true';
var birseResultShowSearchIcon=('true' || 'false') === 'true';
var birseResultShowCartIcon=('true' || 'false') === 'true';
var birseResultShowCollection=('false' || 'false') === 'true';
var birseResultModelSelectType='dropdown' || 'dropdown';
var birseResultIndependentPage=('false' || 'false') === 'true';
var birseResultShowWishlistIcon=('true' || 'true') === 'true';
var birseResultShowVariant=('true' || 'true') === 'true';
</script>

<script src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/wishlist-button.js" defer crossorigin="anonymous"></script>
<script src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/utility.js" defer crossorigin="anonymous"></script>

<birse-modal init style="display: none !important;">
<template id="body">
<div class="birse-modal-content">
<div class="upload-img-container">
<h2>Recherche d'image</h2>
<div class="dropzone">
<template template id="drophere">
<p class="drop-img-here">Déposez votre image ici</p>
</template>
<template template id="uploaded">
<div class="upload-img-wrap">
<img width="100%" height="auto" class="upload-img" alt="uploaded image">
</div>
<div class="detect-items-container">
<template id="detect-item-template">
<div class="detect-item">
<div class="img-wrap"><img alt="" width="58" height="58"></div>
<span class="item-tooltip"></span>
</div>
</template>
</div>
<p class="drop-img-here">Déposez votre image ici</p>
</template>
<template template id="uploading">
<div class="uploading-wrap">
<img src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/loading.svg" class="birse-icon-xl" width="80" height="80" alt="loading">
<p>Téléchargement...</p>
</div>
</template>
<template template id="error">
<div class="error-wrap">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2"/>
<path d="M10.7009 16.0116C10.6927 15.7396 10.7589 15.4712 10.8912 15.2407C11.0235 15.0101 11.2157 14.8279 11.4432 14.7176C11.6708 14.6072 11.9233 14.5736 12.1685 14.6212C12.4136 14.6687 12.6402 14.7949 12.8191 14.9841C12.9981 15.1733 13.1213 15.4168 13.173 15.683C13.2246 15.9492 13.2024 16.226 13.1092 16.4783C13.0159 16.7306 12.8558 16.9469 12.6494 17.0991C12.4431 17.2514 12.1998 17.3328 11.9509 17.333C11.7892 17.337 11.6284 17.3057 11.4778 17.2413C11.3272 17.1768 11.1898 17.0806 11.0735 16.9577C10.9572 16.8348 10.8644 16.6877 10.8005 16.5253C10.7365 16.363 10.7027 16.1884 10.7009 16.0116ZM13.1546 6.5L12.9496 13.6177H10.9584L10.7534 6.5H13.1546Z" fill="currentColor"/>
</svg>
<p>Seuls les types de fichiers JPG, PNG ou WebP sont pris en charge et la taille du fichier doit être inférieure à 20 Mo.</p>
<div>
<button class="upload-btn">Téléchargez une autre image</button>
<input
type="file"
accept="image/jpeg, image/png, image/webp"
class=""
style="display: none !important;"
>

</div>
</div>
</template>
</div>
<div class="upload-img-footer">

Collez votre image ici ou <button class="upload-btn">téléchargez un fichier</button>

<input
type="file"
accept="image/jpeg, image/png, image/webp"
class="upload-input"
style=""
>

</div>
</div>
<div class="search-result-container">
<h2>Résultat de la recherche</h2>
<div class="search-result-grid-wrap">
<div class="search-result-grid">
<template template id="item">
<a class="search-result-item-link">
<div class="search-result-item">
<div class="item-img-wrap">
<img width="100%" height="auto" loading="lazy" class="product image" alt="product image">
<button class="hover-wishlist-btn">
<span class="birse-heart-icon"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.99826 17.7782C9.79086 17.7782 9.57975 17.7415 9.36493 17.6682C9.15012 17.5949 8.96123 17.4775 8.79826 17.3162L7.26493 15.93C5.69456 14.5072 4.27604 13.0954 3.00938 11.6946C1.74271 10.2938 1.10938 8.74998 1.10938 7.06314C1.10938 5.68434 1.57604 4.53289 2.50938 3.60879C3.44271 2.6847 4.60567 2.22266 5.99826 2.22266C6.78345 2.22266 7.52419 2.38767 8.22049 2.71771C8.91678 3.04774 9.50938 3.49878 9.99826 4.07084C10.4872 3.49878 11.0797 3.04774 11.776 2.71771C12.4723 2.38767 13.2131 2.22266 13.9983 2.22266C15.3909 2.22266 16.5538 2.6847 17.4872 3.60879C18.4205 4.53289 18.8872 5.68434 18.8872 7.06314C18.8872 8.74998 18.2575 10.2975 16.9983 11.7056C15.739 13.1137 14.3094 14.5292 12.7094 15.952L11.1983 17.3162C11.0353 17.4775 10.8464 17.5949 10.6316 17.6682C10.4168 17.7415 10.2057 17.7782 9.99826 17.7782Z" stroke="currentColor" stroke-width="1.6"/>
</svg>
</span>
<span class="birse-heart-active-icon"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.99826 17.7782C9.79086 17.7782 9.57975 17.7415 9.36493 17.6682C9.15012 17.5949 8.96123 17.4775 8.79826 17.3162L7.26493 15.93C5.69456 14.5072 4.27604 13.0954 3.00938 11.6946C1.74271 10.2938 1.10938 8.74998 1.10938 7.06314C1.10938 5.68434 1.57604 4.53289 2.50938 3.60879C3.44271 2.6847 4.60567 2.22266 5.99826 2.22266C6.78345 2.22266 7.52419 2.38767 8.22049 2.71771C8.91678 3.04774 9.50938 3.49878 9.99826 4.07084C10.4872 3.49878 11.0797 3.04774 11.776 2.71771C12.4723 2.38767 13.2131 2.22266 13.9983 2.22266C15.3909 2.22266 16.5538 2.6847 17.4872 3.60879C18.4205 4.53289 18.8872 5.68434 18.8872 7.06314C18.8872 8.74998 18.2575 10.2975 16.9983 11.7056C15.739 13.1137 14.3094 14.5292 12.7094 15.952L11.1983 17.3162C11.0353 17.4775 10.8464 17.5949 10.6316 17.6682C10.4168 17.7415 10.2057 17.7782 9.99826 17.7782Z" fill="#E51045"/>
</svg>
</span>
</button>
<button class="hover-img-search-btn">
<img src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/icon_image_search.svg" alt="birse image search" width="20" height="20" class="birse-image-search-icon birse-icon-sm">
<img src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/loading.svg" alt="loading" width="22" height="22" class="loading hidden birse-icon-md">
</button>
<div class="on-sale hidden">Vente</div>
</div>
<div class="item-info">
<div class="item-collection hidden">
<img width="22" height="22" class="item-collection-img birse-icon-md" alt="collection image">

<span class="item-collection-name"></span>

</div>

<p class="item-name"></p>

<div class="item-price-wrap">
<span class="item-original-price hidden"></span>
<span class="item-price"></span>
</div>
</div>
<button class="select-model-btn-loading"></button>
<button class="select-model-btn hidden">
Sélectionner les options</button>
<button class="add-to-cart-btn hidden">
<span class="add-to-cart-label">
Ajouter au panier</span>
<span class="added-to-cart-label hidden">Ajouté !</span>
<img src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/loading-white.svg" alt="loading" width="20" height="20" class="loading hidden birse-icon-sm">
</button>
<button class="sold-out-btn hidden" disabled>puisé</button>
<button class="view-product-btn hidden">商品を見る</button>
</div>
</a>
</template>
</div>
</div>
<div class="no-result hidden">Aucun produit associé correspondant à l'image n'a été trouvé.</div>
</div>
<button close-button>
<img src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/cross.svg" class="birse-icon-md" alt="close" width="22" height="22">
</button>
</div>
</template>
</birse-modal>

<birse-uploading-mobile init style="display: none !important;">
<template id="body">
<div class="birse-uploading-content">
<template template id="uploading">
<h2>Recherche d'image</h2>
<div class="birse-uploading-state-wrap">
<img src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/loading.svg" class="birse-icon-xl" width="80" height="80" alt="loading">
<p>Téléchargement...</p>
</div>
<button close-button>
<img src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/cross.svg" class="birse-icon-md" width="22" height="22" alt="close">
</button>
</template>
<template template id="error">
<h2>Recherche d'image</h2>
<div class="birse-uploading-state-wrap">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2"/>
<path d="M10.7009 16.0116C10.6927 15.7396 10.7589 15.4712 10.8912 15.2407C11.0235 15.0101 11.2157 14.8279 11.4432 14.7176C11.6708 14.6072 11.9233 14.5736 12.1685 14.6212C12.4136 14.6687 12.6402 14.7949 12.8191 14.9841C12.9981 15.1733 13.1213 15.4168 13.173 15.683C13.2246 15.9492 13.2024 16.226 13.1092 16.4783C13.0159 16.7306 12.8558 16.9469 12.6494 17.0991C12.4431 17.2514 12.1998 17.3328 11.9509 17.333C11.7892 17.337 11.6284 17.3057 11.4778 17.2413C11.3272 17.1768 11.1898 17.0806 11.0735 16.9577C10.9572 16.8348 10.8644 16.6877 10.8005 16.5253C10.7365 16.363 10.7027 16.1884 10.7009 16.0116ZM13.1546 6.5L12.9496 13.6177H10.9584L10.7534 6.5H13.1546Z" fill="currentColor"/>
</svg>
<p>Seuls les types de fichiers JPG, PNG ou WebP sont pris en charge et la taille du fichier doit être inférieure à 20 Mo.</p>
<input
type="file"
accept="image/jpeg, image/png, image/webp"
class=""
style="display: none !important;"
>

<button class="upload-btn">Téléchargez une autre image</button>
</div>
<button close-button>
<img src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/cross.svg" class="birse-icon-md" width="22" height="22" alt="close">
</button>
</template>
</div>
</template>
</birse-uploading-mobile>

<birse-modal-mobile init style="display: none !important;">
<template id="body">
<div class="birse-modal-mobile-content">
<div class="birse-content-header">
<div class="birse-upload-wrap">
<button class="birse-upload-btn">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.091 2.72754H2.90918C1.80461 2.72754 0.90918 3.62297 0.90918 4.72754V15.273C0.90918 16.3776 1.80461 17.273 2.90918 17.273H17.091C18.1956 17.273 19.091 16.3776 19.091 15.273V4.72754C19.091 3.62297 18.1956 2.72754 17.091 2.72754Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.90905 9.09055C6.66216 9.09055 7.27268 8.48003 7.27268 7.72692C7.27268 6.9738 6.66216 6.36328 5.90905 6.36328C5.15593 6.36328 4.54541 6.9738 4.54541 7.72692C4.54541 8.48003 5.15593 9.09055 5.90905 9.09055Z" fill="white"/>
<path d="M2.72749 14.5458L6.36386 10.9094L8.18204 12.7276L13.6366 8.63672L17.2729 12.7276V14.5449L2.72749 14.5458Z" fill="white"/>
</svg>
</button>
<input
type="file"
accept="image/jpeg, image/png, image/webp"
class="birse-upload-input"
style="display: none !important;"
>

</div>
<h2>Recherche d'image</h2>
<button close-button>
<svg width="20" height="20" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.9093 4.09093L4.09082 13.9094" stroke="white" stroke-width="2" stroke-linecap="round"/>
<path d="M13.9093 13.9096L4.09082 4.09119" stroke="white" stroke-width="2" stroke-linecap="round"/>
</svg>
</button>
</div>
<div class="birse-content-img-container">
<template template id="image">
<div class="birse-content-img-wrap">
<img width="100%" height="auto" class="birse-content-img" alt="uploaded image">
</div>
</template>
<template template id="uploading">
<img src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/loading.svg" class="birse-icon-lg" width="36" height="36" alt="loading">
</template>
</div>
</div>
</template>
</birse-modal-mobile>

<birse-sheet-mobile init style="display: none !important;">
<template id="body">
<div class="birse-sheet-header">
<div class="birse-sheet-header-dragger-expand"></div>
<img src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/sheet-collapse.svg" alt="arrow" width="36" height="auto" class="birse-sheet-header-dragger-collapse hidden birse-icon-lg">
</div>
<div class="birse-sheet-detect-items-container hidden">
<template id="detect-item-template">
<div class="detect-item">
<div class="img-wrap"><img alt="" width="52" height="52"></div>
</div>
</template>
</div>
<div class="birse-sheet-body">
<div class="birse-sheet-search-result-list">
<template template id="item">
<a class="search-result-item-link">
<div class="search-result-item">
<div class="item-img-wrap">
<img width="100%" height="auto" loading="lazy" alt="product image">
<button class="hover-wishlist-btn">
<span class="birse-heart-icon"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.99826 17.7782C9.79086 17.7782 9.57975 17.7415 9.36493 17.6682C9.15012 17.5949 8.96123 17.4775 8.79826 17.3162L7.26493 15.93C5.69456 14.5072 4.27604 13.0954 3.00938 11.6946C1.74271 10.2938 1.10938 8.74998 1.10938 7.06314C1.10938 5.68434 1.57604 4.53289 2.50938 3.60879C3.44271 2.6847 4.60567 2.22266 5.99826 2.22266C6.78345 2.22266 7.52419 2.38767 8.22049 2.71771C8.91678 3.04774 9.50938 3.49878 9.99826 4.07084C10.4872 3.49878 11.0797 3.04774 11.776 2.71771C12.4723 2.38767 13.2131 2.22266 13.9983 2.22266C15.3909 2.22266 16.5538 2.6847 17.4872 3.60879C18.4205 4.53289 18.8872 5.68434 18.8872 7.06314C18.8872 8.74998 18.2575 10.2975 16.9983 11.7056C15.739 13.1137 14.3094 14.5292 12.7094 15.952L11.1983 17.3162C11.0353 17.4775 10.8464 17.5949 10.6316 17.6682C10.4168 17.7415 10.2057 17.7782 9.99826 17.7782Z" stroke="currentColor" stroke-width="1.6"/>
</svg>
</span>
<span class="birse-heart-active-icon"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.99826 17.7782C9.79086 17.7782 9.57975 17.7415 9.36493 17.6682C9.15012 17.5949 8.96123 17.4775 8.79826 17.3162L7.26493 15.93C5.69456 14.5072 4.27604 13.0954 3.00938 11.6946C1.74271 10.2938 1.10938 8.74998 1.10938 7.06314C1.10938 5.68434 1.57604 4.53289 2.50938 3.60879C3.44271 2.6847 4.60567 2.22266 5.99826 2.22266C6.78345 2.22266 7.52419 2.38767 8.22049 2.71771C8.91678 3.04774 9.50938 3.49878 9.99826 4.07084C10.4872 3.49878 11.0797 3.04774 11.776 2.71771C12.4723 2.38767 13.2131 2.22266 13.9983 2.22266C15.3909 2.22266 16.5538 2.6847 17.4872 3.60879C18.4205 4.53289 18.8872 5.68434 18.8872 7.06314C18.8872 8.74998 18.2575 10.2975 16.9983 11.7056C15.739 13.1137 14.3094 14.5292 12.7094 15.952L11.1983 17.3162C11.0353 17.4775 10.8464 17.5949 10.6316 17.6682C10.4168 17.7415 10.2057 17.7782 9.99826 17.7782Z" fill="#E51045"/>
</svg>
</span>
</button>
<button class="hover-img-search-btn">
<img src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/icon_image_search.svg" alt="birse image search" width="20" height="20" class="birse-image-search-icon birse-icon-sm">
<img src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/loading.svg" alt="loading" width="22" height="22" class="loading hidden birse-icon-md">
</button>
<div class="on-sale hidden">Vente</div>
</div>
<div class="item-info">
<div class="item-collection hidden">
<img width="22" height="22" class="item-collection-img birse-icon-md" alt="collection image">

<span class="item-collection-name"></span>

</div>

<p class="item-name"></p>

<div class="item-price-wrap">
<span class="item-original-price hidden"></span>
<span class="item-price"></span>
</div>
</div>
<button class="select-model-btn-loading"></button>
<button class="select-model-btn hidden">
Sélectionner les options</button>
<button class="add-to-cart-btn hidden">
<span class="add-to-cart-label">
Ajouter au panier</span>
<span class="added-to-cart-label hidden">Ajouté !</span>
<img src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/loading-white.svg" alt="loading" width="20" height="20" class="loading hidden birse-icon-sm">
</button>
<button class="sold-out-btn hidden" disabled>puisé</button>
<button class="view-product-btn hidden">商品を見る</button>
</div>
</a>
</template>
</div>
<div class="no-result hidden">Aucun produit associé correspondant à l'image n'a été trouvé.</div>
</div>
</template>
</birse-sheet-mobile>

<birse-model-select init style="display: none !important;">
<template id="birse-model-select-body">
<div class="birse-model-select-header">
<span>
Sélectionner les options</span>
<button class="birse-model-select-close-btn">
<img src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/cross.svg" class="birse-icon-md" alt="close" width="22" height="22">
</button>
</div>
<div class="birse-model-select-wrap">
<template id="birse-model-toggle-group">
<div class="birse-model-toggle-group">
<span class="birse-group-name"></span>
<div class="birse-toggle-group-list"></div>
</div>
</template>
<template id="birse-model-select-group">
<div class="birse-model-select-group">
<span class="birse-group-name"></span>
<div class="birse-select-dropdown-wrap">
<div class="birse-select-value-wrap">
<div class="birse-select-value"></div>
<img src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/select.svg" alt="arrow" width="20" height="20" class="arrow birse-icon-sm">
</div>
<div class="birse-select-dropdown">
<template template id="birse-select-option">
<button class="birse-select-option">
<div class="birse-select-option-value"></div>
<img src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/check.svg" alt="selected" width="20" height="20" class="check birse-icon-sm">
</button>
</template>
</div>
</div>
</div>
</template>
</div>
<button class="add-to-cart-btn">
<span class="add-to-cart-label">
Ajouter au panier</span>
<span class="added-to-cart-label hidden">Ajouté !</span>
<img src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/loading-white.svg" alt="loading" width="20" height="20" class="loading hidden birse-icon-sm">
</button>
<button class="sold-out-btn hidden" disabled>puisé</button>
</template>
</birse-model-select>


<script>
var birseDragOpen = ('true' || 'true') === 'true';
var birseInputSelector = `input[name='q']`;
</script>
<script src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/img-search.js" defer crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/img-search.css" crossorigin="anonymous">
<birse-img-upload-button class="birse-img-upload-btn" init>
<template template id="birse-img-upload-button">


<svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.5 14.9277H17.5" stroke="currentColor" stroke-linecap="round"/>
<path d="M15.0713 12.5V17.5" stroke="currentColor" stroke-linecap="round"/>
<path d="M8.5 12.5C10.1569 12.5 11.5 11.1569 11.5 9.5C11.5 7.84315 10.1569 6.5 8.5 6.5C6.84315 6.5 5.5 7.84315 5.5 9.5C5.5 11.1569 6.84315 12.5 8.5 12.5Z" stroke="currentColor"/>
<path d="M2.5 1.5H5.5" stroke="currentColor" stroke-linecap="round"/>
<path d="M10 15.5H3C1.61929 15.5 0.5 14.3807 0.5 13V6C0.5 4.61929 1.61929 3.5 3 3.5H14C15.3807 3.5 16.5 4.61929 16.5 6V11" stroke="currentColor"/>
</svg>


<input
type="file"
accept="image/jpeg, image/png, image/webp"
class="birse-upload-input"
style=""
>


</template>
</birse-img-upload-button>

<birse-image-search-popover init style="display: none !important;">
<template id="body">
<button close-button>
<svg
width="22"
height="22"
viewBox="0 0 18 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M13.9093 4.09093L4.09082 13.9094" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
<path d="M13.9093 13.9096L4.09082 4.09119" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>

</button>
<h2>Recherche d'image</h2>
<div class="dropzone">
<template id="upload" template>
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="upload-icon"
>
<path d="M12 15.3506L12 2.25968" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
<path d="M16.4023 6.58398L11.9999 2.18158L7.59753 6.58398" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.18164 16.3633V19.7269C2.18164 20.2792 2.62936 20.7269 3.18164 20.7269H20.818C21.3703 20.7269 21.818 20.2792 21.818 19.7269V16.3633" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

<p>Faites glisser et déposez votre image ici, cliquez sur « Télécharger l'image » ou collez l'image ici</p>
<input
type="file"
accept="image/jpeg, image/png, image/webp"
style="display: none !important;"
autofocus
>
<button class="upload-btn" type="button">Télécharger une image</button>

</template>
<template id="drophere" template>
<p style="pointer-events: none;">Déposez votre image ici</p>
</template>
<template id="uploading" template>
<img src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/loading.svg" class="birse-loading-icon birse-icon-xl" alt="loading" width="80" height="80">
<p>Téléchargement...</p>
</template>
<template id="error" template>
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2"/>
<path d="M10.7009 16.0116C10.6927 15.7396 10.7589 15.4712 10.8912 15.2407C11.0235 15.0101 11.2157 14.8279 11.4432 14.7176C11.6708 14.6072 11.9233 14.5736 12.1685 14.6212C12.4136 14.6687 12.6402 14.7949 12.8191 14.9841C12.9981 15.1733 13.1213 15.4168 13.173 15.683C13.2246 15.9492 13.2024 16.226 13.1092 16.4783C13.0159 16.7306 12.8558 16.9469 12.6494 17.0991C12.4431 17.2514 12.1998 17.3328 11.9509 17.333C11.7892 17.337 11.6284 17.3057 11.4778 17.2413C11.3272 17.1768 11.1898 17.0806 11.0735 16.9577C10.9572 16.8348 10.8644 16.6877 10.8005 16.5253C10.7365 16.363 10.7027 16.1884 10.7009 16.0116ZM13.1546 6.5L12.9496 13.6177H10.9584L10.7534 6.5H13.1546Z" fill="currentColor"/>
</svg>

<p>Seuls les types de fichiers JPG, PNG ou WebP sont pris en charge et la taille du fichier doit être inférieure à 20 Mo.</p>
<input
type="file"
accept="image/jpeg, image/png, image/webp"
style="display: none !important;"
autofocus
>
<button class="upload-btn" type="button">Téléchargez une autre image</button>

</template>
</div>

<div class="birse-hot-search-img-container">
<div class="birse-label">Images de produits de recherche populaires</div>
<div class="birse-hot-search-img-list">
<template id="birse-hot-search-img-item">
<div class="birse-hot-search-img-item">
<img class="birse-hot-search-img" width="auto" height="auto" alt="product image">
<button class="birse-hover-img-search" type="button">
<img src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/icon_image_search.svg" alt="birse image search" width="20" height="20" class="birse-search-icon birse-icon-sm">
<img src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/loading.svg" alt="loading" width="22" height="22" class="birse-loading-icon hidden birse-icon-md">
</button>
</div>
</template>
</div>
</div>

</template>
</birse-image-search-popover>


<script>
var birseInputSelector = `input[name='q']`;
var birseSearchSuggestion = ('true' || 'true') === 'true';
var birseSearchSuggestionShowKeyword = ('true' || 'true') === 'true';
var birseSearchSuggestionShowCollection =
('false' || 'true') === 'true';
var birseSearchSuggestionShowWishlistIcon =
('true' || 'true') === 'true';

var birseSuggestionCustomKeyword = null

var birseSuggestionCustomCollection = null

</script>
<script src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/search-suggestion.js" defer crossorigin="anonymous"></script>
<birse-search-suggestion init style="display: none !important">
<template template id="birse-search-suggestion">
<div class="birse-keyword-container">
<div class="birse-label">Requête populaire</div>
<div class="birse-keyword-list"></div>
</div>
<div class="birse-collection-container">
<div class="birse-label">Collection de produits populaires</div>
<div class="birse-collection-list">
<template id="birse-collection-item">
<a class="birse-collection-item">
<img class="birse-collection-img" width="36" height="36" class="birse-icon-lg" alt="collection image">
<div class="birse-collection-info">
<p class="birse-collection-title"></p>
<p class="birse-collection-desc"></p>
</div>
</a>
</template>
</div>
</div>
<div class="birse-hot-search-img-container">
<div class="birse-label">

Images de produits de recherche populaires
</div>
<div class="birse-hot-search-img-list">
<template id="birse-hot-search-img-item">
<div class="birse-hot-search-img-item">
<img class="birse-hot-search-img" width="auto" height="auto" alt="product image">
<button class="birse-hover-img-search" type="button">
<img
src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/icon_image_search.svg"
alt="birse image search"
width="20"
height="20"
class="birse-search-icon birse-icon-sm"
>
<img
src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/loading.svg"
alt="loading"
width="22"
height="22"
class="birse-loading-icon hidden birse-icon-md"
>
</button>
</div>
</template>
</div>
</div>
<div class="birse-product-suggestion-container">
<div class="birse-label">

Produits
</div>
<div class="birse-product-suggestion-list">
<template id="birse-product-suggestion-item">
<a class="search-result-item-link">
<div class="search-result-item">
<div class="item-img-wrap">
<img width="100%" height="auto" loading="lazy" class="birse-product-img" alt="product image">
<button class="hover-wishlist-btn">
<span class="birse-heart-icon"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.99826 17.7782C9.79086 17.7782 9.57975 17.7415 9.36493 17.6682C9.15012 17.5949 8.96123 17.4775 8.79826 17.3162L7.26493 15.93C5.69456 14.5072 4.27604 13.0954 3.00938 11.6946C1.74271 10.2938 1.10938 8.74998 1.10938 7.06314C1.10938 5.68434 1.57604 4.53289 2.50938 3.60879C3.44271 2.6847 4.60567 2.22266 5.99826 2.22266C6.78345 2.22266 7.52419 2.38767 8.22049 2.71771C8.91678 3.04774 9.50938 3.49878 9.99826 4.07084C10.4872 3.49878 11.0797 3.04774 11.776 2.71771C12.4723 2.38767 13.2131 2.22266 13.9983 2.22266C15.3909 2.22266 16.5538 2.6847 17.4872 3.60879C18.4205 4.53289 18.8872 5.68434 18.8872 7.06314C18.8872 8.74998 18.2575 10.2975 16.9983 11.7056C15.739 13.1137 14.3094 14.5292 12.7094 15.952L11.1983 17.3162C11.0353 17.4775 10.8464 17.5949 10.6316 17.6682C10.4168 17.7415 10.2057 17.7782 9.99826 17.7782Z" stroke="currentColor" stroke-width="1.6"/>
</svg>
</span>
<span class="birse-heart-active-icon"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.99826 17.7782C9.79086 17.7782 9.57975 17.7415 9.36493 17.6682C9.15012 17.5949 8.96123 17.4775 8.79826 17.3162L7.26493 15.93C5.69456 14.5072 4.27604 13.0954 3.00938 11.6946C1.74271 10.2938 1.10938 8.74998 1.10938 7.06314C1.10938 5.68434 1.57604 4.53289 2.50938 3.60879C3.44271 2.6847 4.60567 2.22266 5.99826 2.22266C6.78345 2.22266 7.52419 2.38767 8.22049 2.71771C8.91678 3.04774 9.50938 3.49878 9.99826 4.07084C10.4872 3.49878 11.0797 3.04774 11.776 2.71771C12.4723 2.38767 13.2131 2.22266 13.9983 2.22266C15.3909 2.22266 16.5538 2.6847 17.4872 3.60879C18.4205 4.53289 18.8872 5.68434 18.8872 7.06314C18.8872 8.74998 18.2575 10.2975 16.9983 11.7056C15.739 13.1137 14.3094 14.5292 12.7094 15.952L11.1983 17.3162C11.0353 17.4775 10.8464 17.5949 10.6316 17.6682C10.4168 17.7415 10.2057 17.7782 9.99826 17.7782Z" fill="#E51045"/>
</svg>
</span>
<div class="birse-tooltip" data-add="Ajouter à la liste de souhaits" data-remove="Retirer de la liste de souhaits">Ajouter à la liste de souhaits</div>
</button>
<button class="hover-img-search-btn">
<img
src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/icon_image_search.svg"
alt="birse image search"
width="20"
height="20"
class="birse-search-icon birse-icon-sm"
>
<img
src="https://cdn.shopify.com/extensions/01a0461c-d84e-7a0f-9a9a-2f7ecb6b0bd6/birse-267/assets/loading.svg"
alt="loading"
width="24"
height="24"
class="birse-loading-icon hidden birse-icon-md"
>
<div class="birse-tooltip">

Recherche par image

</div>
</button>
<div class="on-sale hidden">Vente</div>
<div class="sold-out hidden">puisé</div>
</div>
<div class="item-info">
<div class="item-collection hidden">
<img width="22" height="22" class="item-collection-img birse-icon-md" alt="collection image">
<span class="item-collection-name"></span>
</div>
<p class="item-name"></p>
<div class="item-price-wrap">
<span class="item-original-price hidden"></span>
<span class="item-price"></span>
</div>
</div>
</div>
</a>
</template>
</div>
<a class="birse-search-result-page-link hidden" href="/fr/search">Afficher tous les résultats</a>
</div>
<div class="birse-empty-search-result hidden">Aucune donnée correspondante trouvée</div>
</template>
</birse-search-suggestion>
<script id="birse-search-suggestion-setting" type="application/json">
{
"hot_keyword": "Requête populaire",
"hot_collection": "Collection de produits populaires",
"relative_keyword": "Requête associée",
"collection": "Collection de produits",
"custom_popular_keyword_label": "",
"custom_popular_collection_label": "",
"custom_suggestion_keyword_label": "",
"custom_suggestion_collection_label": "",
"keyword_amount": 10,
"collection_amount": 6
}
</script>
<style>

.predictive-search:not(predictive-search-component),
[data-predictive-search]:not(predictive-search-component) {
display: none !important;
}
predictive-search-component .predictive-search-form__content-wrapper {
display: none !important;
}
predictive-search-component birse-search-suggestion {
position: relative;
top: 0;
}
predictive-search-component birse-img-upload-button.input-bar {
height: var(--birse-input-bar-height, var(--birse-input-bar-height-measured, 52px));
}
@media (max-width: 768px) {
predictive-search-component birse-search-suggestion {
top: 100% !important;
max-height: none !important;
}
}

birse-img-upload-button.input-bar {
right: 80px;
background-color: transparent;
}

header birse-img-upload-button.input-bar {
right: 80px;
}

birse-img-upload-button.input-bar svg {
color: #000000;
width: 20px;
height: 20px;
}

@media (max-width: 768px) {
birse-img-upload-button.input-bar {
right: 80px;
}

header birse-img-upload-button.input-bar {
right: 80px;
}
}
</style>

</div><div id="shopify-block-AMTA0cjlrQnU2Zlo4V__4946947974417969901" class="shopify-block shopify-app-block"><script type="text/javascript" async="" src="https://www.enormapps.com/askaqueV2/frontend/js/qascript.js" defer="defer"></script>

</div><div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block"><script>
window['ShopifyForms'] = {
...window['ShopifyForms'],
currentPageType: "search"
};
</script>

</div><div id="shopify-block-AcnpzM3VFN0Q0ZVNLU__5073133894706448843" class="shopify-block shopify-app-block">

<div id="cs-widget-AcnpzM3VFN0Q0ZVNLU__5073133894706448843" class="aasaved-cart-actions aasaved-cart-actions--embed" data-target="save-cart" style="display:none;">

<a class="button button-solid not-icon leading-normal pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block text-center" href="/a/saved-carts">
View Carts
</a>

<a class="button button-solid not-icon leading-normal pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block text-center cs-save-trigger" href="/a/saved-carts/new">
Save Cart
</a>

</div>

<div id="cs-modal-AcnpzM3VFN0Q0ZVNLU__5073133894706448843" class="cs-modal aasaved-cart-dropdown-overlay">
<div class="aasaved-cart-dropdown" role="dialog" aria-modal="true"
aria-label="Save Cart">
<div class="aasaved-cart-dropdown-header">
<div class="aasaved-cart-dropdown-title">Save Cart</div>

<button type="button" class="aasaved-cart-icon aasaved-cart-close-dropdown" aria-label="Close">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
<path d="M312.1 375c9.369 9.369 9.369 24.57 0 33.94s-24.57 9.369-33.94 0L160 289.9l-119 119c-9.369 9.369-24.57 9.369-33.94 0s-9.369-24.57 0-33.94L126.1 256L7.027 136.1c-9.369-9.369-9.369-24.57 0-33.94s24.57-9.369 33.94 0L160 222.1l119-119c9.369-9.369 24.57-9.369 33.94 0s9.369 24.57 0 33.94L193.9 256L312.1 375z"/>
</svg>
</button>
</div>
<div class="aasaved-cart-feedback aasaved-cart-success" style="display:none;">
<div class="aasaved-cart-feedback__icon">
<svg class="h-5 w-5 text-green-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"
clip-rule="evenodd"></path>
</svg>
</div>
<span class="aasaved-cart-feedback__text">Cart saved to</span>
</div>
<div class="aasaved-cart-feedback aasaved-cart-error" style="display:none;">
<div class="aasaved-cart-feedback__icon">
<svg class="h-5 w-5 text-red-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z"
clip-rule="evenodd"></path>
</svg>
</div>
<span class="aasaved-cart-feedback__text">An error occurred</span>
</div>
<div class="aasaved-cart-components">

<div class="aasaved-cart-component aasaved-cart-dropdown-login">

<a class="aasaved-cart-login"
href="/customer_authentication/login?return_to=%2Ffr%2Fsearch%3Fq%3DNettoyant%2Benzymatique%2Bpour%2Binstruments%26type%3Dproduct&locale=fr&ui_hint=full&region_country=CA?return_to=%2Ffr%2Fsearch">
Log in to create a new collection
</a>

</div>

<div class="aasaved-cart-loading" style="display:none;">
<svg width="90" height="20" viewBox="0 0 90 20">
<circle class="aasaved-cart-c1" cx="10" cy="10" r="10" fill="#ccc"/>
<circle class="aasaved-cart-c2" cx="40" cy="10" r="10" fill="#ccc"/>
<circle class="aasaved-cart-c3" cx="70" cy="10" r="10" fill="#ccc"/>
</svg>
</div>
<div class="aasaved-cart-existing aasaved-cart-component" style="display:none;">
<header class="aasaved-cart-header">
<h3>Save to existing</h3>

<a href="/fr/a/saved-carts" target="_blank">View all</a>

</header>
<div class="aasaved-cart-component-content">
<div class="aasaved-cart-list-wrapper">
<div class="aasaved-cart-list"></div>
</div>
</div>
<div class="aasaved-cart-pagination" style="display:none;">
<button type="button"
class="aasaved-cart-load-more aasaved-cart-button aasaved-cart-button--secondary aasaved-cart-button--full-width">Load More</button>
</div>
</div>
</div>
</div>
</div>

<script>
window.cartSaver = window.cartSaver || {};
window.cartSaver.customerId = '';
window.cartSaver.locationId =null;
window.cartSaver.companyId =null;

document.addEventListener('DOMContentLoaded', () => {
new this.PluralCart.UIManager('AcnpzM3VFN0Q0ZVNLU__5073133894706448843',{
embed: true,
context: 'cart',
useModal: true,
embedOptions: {
parentContainer: "#CartDrawer",
allowOutsideCartPage: true,
isCart: false,
},
createOptions: {
requireTitle: false,
redirect: "",
clearCart: false,
accountLoginUrl: "https://emerdepot.com/customer_authentication/redirect?locale=fr&region_country=CA",

},
pickerOptions: {
showId: true,
translations: {
success: "Cart saved to",
error: "An error occurred",
emptyCart: "You must have items in your cart",
itemSaved: "Item saved",
quantityUpdated: "Already saved, quantity updated",
addedCount: "{count} added",
updatedCount: "{count} updated",
view: "View",
}
}
});
}, { once: true });
</script>

</div><div id="shopify-block-ARzdWTngvMFlVWUtIS__8776485610325655785" class="shopify-block shopify-app-block">
<link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a099ee-0181-72a2-b832-a61abfa7fe3d/simple-social-login-173/assets/fonts.css" media="print" onload="this.media='all'">
<noscript><link href="//cdn.shopify.com/extensions/01a099ee-0181-72a2-b832-a61abfa7fe3d/simple-social-login-173/assets/fonts.css" rel="stylesheet" type="text/css" media="all" /></noscript>

<link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a099ee-0181-72a2-b832-a61abfa7fe3d/simple-social-login-173/assets/styles.css" media="print" onload="this.media='all'">
<noscript><link href="//cdn.shopify.com/extensions/01a099ee-0181-72a2-b832-a61abfa7fe3d/simple-social-login-173/assets/styles.css" rel="stylesheet" type="text/css" media="all" /></noscript><script src="https://cdn.shopify.com/extensions/01a099ee-0181-72a2-b832-a61abfa7fe3d/simple-social-login-173/assets/app.js?" async defer></script>

</div></body>
</html>}