Produits

Medical clearance sale illustration showing gloves, thermometer, dropper, and medical cable with 'Deals' text.

Offres

2652 produits

10 mL vial of 0.9% sodium chloride injection USP with latex-free stopper, sterile solution

0.9% sodium chloride injection USP 10mL vial for medical use, sterile solution

33% OFF 1 boîte (10 bouteilles)

EmerDepot Medical Supplies

Omega - Injection de chlorure de sodium à 0,9 % USP (90 mg/10 ml) - L0010001 Sans conservateur

~~$129.99 CAD~~ À partir de $12.99 CAD

Stanhexidine 2% aqueous chlorhexidine gluconate antibacterial skin solution, 450ml bottles, front and back labels shown.

Two bottles of Stanhexidine 2% chlorhexidine gluconate antibacterial skin solution, 450 mL.

0% OFF

Omega Laboratories Ltd.

Solution antiseptique Omega Stanhexidine - Gluconate de chlorhexidine 2 % et alcool isopropylique 4 % - 450 ml

$12.99 CAD

Omron 907XL Professional Intellisense Blood Pressure Monitor | OMR-90742

0% OFF

Omron

Omron 907XL Professional Intellisense Blood Pressure Monitor | OMR-90742

$1,988.99 CAD

0% OFF

Omron

Brassard Omron Easy Wrap Comfit (HEM-FL31-B) Tailles adulte standard et grande

$46.99 CAD

Digital blood pressure monitor with cuff, large display showing systolic, diastolic, and pulse readings

Digital blood pressure monitor with cuff, displaying systolic, diastolic, and pulse readings

0% OFF

OMRON

Tensiomètre au poignet sans fil Omron Gold | BP4350

$149.99 CAD

Le tensiomètre à domicile sans fil Bluetooth® OMRON Gold mesurera, stockera et vous permettra de consulter 100 lectures pour deux utilisateurs (50 par utilisateur) et comprend un indicateur d'hypertension matinale et une moyenne.

Gonflage ultra-silencieux : mesures rapides et silencieuses qui peuvent être prises de manière pratique et discrète.
Guidage de la zone cardiaque : aide à guider votre poignet jusqu'au niveau du cœur, à la hauteur appropriée pour des lectures cohérentes et précises.
Mode deux utilisateurs, stockage de 200 lectures : peut accueillir deux utilisateurs et stocker jusqu'à 120 lectures (60 lectures par utilisateur) sur un seul appareil.
Confort Bluetooth sans fil : synchronisez avec l'application OMRON Connect sur vos appareils iOS® ou Android®.
Indicateur d'hypertension matinale et moyenne : calcule votre tension artérielle moyenne quotidienne du matin et vous avertit avec un symbole « ÉLEVÉ » sur l'écran si votre tension artérielle systolique mesure 130 mmHg ou plus et/ou si votre tension artérielle diastolique mesure 80 mmHg ou plus.
Guide d'enroulement du brassard : vous avertit si le brassard est enroulé trop lâchement sur votre poignet.
Comprend : Tensiomètre avec brassard attaché (convient aux poignets de 5,3" à 8,5" (13,5 à 21,5 cm) de circonférence), 2 piles AAA, étui de rangement, manuel d'instructions, guide de démarrage rapide

Caractéristiques	Détails
Modèle Nombre	BP4350
Code UPC	073796264352
Poids (kg)	0,91
Avancé Moyenne	Oui
Bluetooth	Oui
Compatible Application mobile	Connexion OMRON
Taille du brassard	Poignet 5,3" – 8,5"
Zone cardiaque Conseils	Oui
Hypertension Indicateur	Écran LCD
Irrégulier Détecteur de battements de cœur	Oui
Matin Moyenne / Semaine	Oui
Matin Indicateur d'hypertension	Oui
Pouvoir Options	2 AAA piles incluses
Mince & Conception portable	Oui
Stockage Cas	Oui
Total Mémoire	200 lectures
Deux utilisateurs Mode	Oui
Ultra Inflation silencieuse	Oui
Article Dimensions (mm)	13 x 91 x 63

First aid kit with gloves, bandages, gauze pads, adhesive bandages, and pocket guide

First aid kit with medical supplies, blue gloves, bandages, gauze pads, emergency guide

0% OFF

Wasip

Trousse de premiers soins de niveau A de la CSPAAT de l'Ontario | 1 à 5 employés | F85AP100

$14.50 CAD

Open Line Suction Catheter with Control Valve

0% OFF 6Fr

Med-Rx

Open Line Suction Catheter with Control Valve 50/Box

À partir de $53.99 CAD

Curved stainless steel medical bandage scissors on white background

Stainless steel curved medical bandage scissors on white background

0% OFF

Frienfa

Ciseaux chirurgicaux pointus/courbés pointus 5,5" | FI04-1406-14E

$16.00 CAD

Les ciseaux opératoires FRIENFA sont un instrument chirurgical utilisé principalement pour maintenir et couper des matériaux chirurgicaux.

Réutilisation après stérilisation standard en autoclave.

Les ciseaux chirurgicaux sont des instruments chirurgicaux permettant des dissections aussi bien mousseuses que tranchantes. Ils permettent également de couper diverses structures et sutures. Leur structure de base se compose d'un manche annulaire, d'une tige, d'un système de verrouillage et d'une lame.

Ce ciseau opératoire est soit droit, soit courbé, avec différentes configurations de lame : émoussée/émoussée, émoussée/pointue et pointue/pointue.

Les ciseaux chirurgicaux à lames tranchantes sont parfaits pour couper les tissus résistants et effectuer des dissections. Les lames mousses, quant à elles, conviennent à la coupe de matériel tel que les sutures, les tubulures ou la gaze.

Nous fabriquons nos ciseaux chirurgicaux en acier inoxydable avec une pointe en carbure de tungstène (TC) en option. Ces pointes sont reconnaissables à leur manche à anneau doré.

Tous nos ciseaux chirurgicaux présentent une finition satinée lisse et un type de joint à vis riveté.

Spécialité	Cardiovasculaire, Dentaire, ORL, Chirurgie générale, Gynécologie et obstétrique, Neurochirurgie/Rachis, Ophtalmologie, Buccale et maxillo-faciale, Orthopédie, Chirurgie plastique, Estomac, Intestin et Rectum, Urologie
Sous-catégorie	Ciseaux opératoires
Catégorie	Ciseaux
Type de poignée	Poignée à anneau
Type de joint	Rivet / Vis
Finition	Satin
Matériel	Acier inoxydable
Marquage CE	Oui
Réutilisable	Oui

Utilisé dans les spécialités :	Cardiovasculaire, Dentaire, ORL, Chirurgie générale, Gynécologie et obstétrique, Neurochirurgie/Rachis, Ophtalmologie, Buccale et maxillo-faciale, Orthopédie, Chirurgie plastique, Estomac, Intestin et Rectum, Urologie
Catégorie de produit:	Ciseaux chirurgicaux
Type de produit:	Ciseaux opératoires

Stainless steel medical scissors with sharp blades on a white background

Stainless steel medical scissors with straight blades on a white background

0% OFF

Frienfa

Ciseaux chirurgicaux pointus/droits 5,5" | FI04-1405-14E

$16.00 CAD

Opsite Flexifix transparent adhesive film roll beside box, wound care medical supply

Opsite Flexifix transparent adhesive film roll with grid lines, medical dressing, 10cm x 10m box.

0% OFF 5 cm x 10 m/2 pouces x 10,9 yd.

Smith & Nephew

Rouleau de film transparent OpSite Flexifix Smith & Nephew

À partir de $24.99 CAD

Opsite Post-Op Visible dressing box with large adhesive wound dressing for post-surgical care

Opsite Post-Op Visible wound dressing with box, sterile medical bandage 25cm x 10cm

0% OFF

Smith & Nephew

OpSite Post-Op Visible 66800138 | 8 x 4 pouces (20/boîte)

$199.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>

<template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)"
class="card-info bottom_atc md:list-layout:hidden hide-icon"
:class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
x-cloak
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option7520245088480312" 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--20337242538208__product-grid-7520245088480-10012"
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--20337242538208__product-grid" /></form>
</div></template>

<template x-if="$store.xQuickView">
<div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">

<form method="post" action="/fr/cart/add" id="product-form-choose-option7520245088480312" 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--20337242538208__product-grid-7520245088480-10012"
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--20337242538208__product-grid-7520245088480-10012"
: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": "Produits",
"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--20337242538208__product-grid" /></form>
</div><button
x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/fr/collections/all/products/optim-33tb-surface-cleaner-disinfectant', $el, 'template--20337242538208__product-grid-7520245088480-10012')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/fr/collections/all/products/optim-33tb-surface-cleaner-disinfectant', $el, 'template--20337242538208__product-grid-7520245088480-10012')"
@click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);'
class="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"
aria-label="Bouton de visualisation rapide"
x-customer-event-data="{
"product": {
"title": "Nettoyant et désinfectant de surface Optim 33TB",
"listName": "Produits",
"sku": "7520245088480",
"currencyCode": "CAD",
"price": 2555,
"vendor": "Optim"
}
}"
x-show="$store.xQuickView.enabled"
>
<span class="flex justify-center items-center">

<span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>

</span>
</button>
</div>
</template>

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

<div class="grid-item">

<div

x-data="xProductCard('template--20337242538208__product-grid-10013', '/fr/collections/all/products/tynorindia-cervical-contoured-pillow-b19', '8991195824352')"

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/collections/all/products/tynorindia-cervical-contoured-pillow-b19"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 48073801826528,
"product_id": 8991195824352,
"available": true,
"title": "Oreiller cervical en mousse à mémoire de forme OrthoMend",
"compare_at_price": 0,
"price": 8999,
"price_with_currency": "$89.99 CAD",
"sale_amount": "$-89.99",
"collections": "||481234616544||417505575136||487133249760||484100407520||473594233056||480879050976||418540880096||",
"inventory_management": "shopify",
"qty": 600,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 253.45,
"diff_day_publish": 253.45

}]"

aria-label="Oreiller cervical en mousse à mémoire de forme OrthoMend"
id="8991195824352-template--20337242538208__product-grid"
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/collections/all/products/tynorindia-cervical-contoured-pillow-b19')" 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--20337242538208__product-grid-10013--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Oreiller cervical en mousse à mémoire de forme OrthoMend",
"listName": "Produits",
"sku": "8991195824352",
"currencyCode": "CAD",
"price": 8999,
"vendor": "OrthoMend"
}
}"
><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/33264254a9c96341c76c14c02200fb8b_41b7d842-fdaa-4841-bd75-b359c7a06275.webp?v=1767397745&width=450 450w,
//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b_41b7d842-fdaa-4841-bd75-b359c7a06275.webp?v=1767397745&width=750 750w,
//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b_41b7d842-fdaa-4841-bd75-b359c7a06275.webp?v=1767397745&width=900 900w,
//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b_41b7d842-fdaa-4841-bd75-b359c7a06275.webp?v=1767397745&width=1100 1100w,
//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b_41b7d842-fdaa-4841-bd75-b359c7a06275.webp?v=1767397745&width=1500 1500w,//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b_41b7d842-fdaa-4841-bd75-b359c7a06275.webp?v=1767397745 1563w"
src="//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b_41b7d842-fdaa-4841-bd75-b359c7a06275.webp?v=1767397745&width=1500"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="Woman sleeping on ergonomic memory foam orthopedic pillow for neck support"
: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="1563"
height="1563"
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/33264254a9c96341c76c14c02200fb8b.webp?v=1767397747&width=450 450w,
//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b.webp?v=1767397747&width=750 750w,
//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b.webp?v=1767397747&width=900 900w,
//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b.webp?v=1767397747&width=1100 1100w,
//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b.webp?v=1767397747&width=1500 1500w,//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b.webp?v=1767397747 1563w"
src="//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b.webp?v=1767397747&width=1500"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="Woman sleeping on orthopedic memory foam pillow for neck support"
: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="1563"
height="1563"
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>
<div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"></div>

</a><div class="discount-badge discount-badge--hidden"
id="discount-badge-template--20337242538208__product-grid-10013">
<span class="discount-badge__pct">0% OFF</span>

</div>

<script>
(function(){
var sid='template--20337242538208__product-grid-10013';
var isMulti=1;

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">OrthoMend</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-8991195824352">
<a href="/fr/collections/all/products/tynorindia-cervical-contoured-pillow-b19"
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": "Oreiller cervical en mousse à mémoire de forme OrthoMend",
"listName": "Produits",
"sku": "8991195824352",
"currencyCode": "CAD",
"price": 8999,
"vendor": "OrthoMend"
}
}"
>
Oreiller cervical en mousse à mémoire de forme OrthoMend
</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="8991195824352"> </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="8991195824352" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">8999</div><p class="price ">
<span>$89.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--20337242538208__product-grid" 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('8991195824352', [481234616544, 417505575136, 487133249760, 484100407520, 473594233056, 480879050976, 418540880096])"><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 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"
x-show="$store.xQuickView" x-cloak
>
<div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
class="w-full hide-icon lg:px-4"
:class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
x-cloak
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8991195824352313" 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="48073801826528">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8991195824352-10013"
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--20337242538208__product-grid-8991195824352-10013"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Oreiller cervical en mousse à mémoire de forme OrthoMend",
"listName": "Produits",
"sku": "8991195824352",
"currencyCode": "CAD",
"price": 8999,
"vendor": "OrthoMend"
}
}"
>
<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="8991195824352" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-8991195824352-template--20337242538208__product-grid-10013"
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">OrthoMend</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-8991195824352">
<a href="/fr/collections/all/products/tynorindia-cervical-contoured-pillow-b19"
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": "Oreiller cervical en mousse à mémoire de forme OrthoMend",
"listName": "Produits",
"sku": "8991195824352",
"currencyCode": "CAD",
"price": 8999,
"vendor": "OrthoMend"
}
}"
>
Oreiller cervical en mousse à mémoire de forme OrthoMend
</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="8991195824352"> </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="8991195824352" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">8999</div><p class="price ">
<span>$89.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--20337242538208__product-grid" 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('8991195824352', [481234616544, 417505575136, 487133249760, 484100407520, 473594233056, 480879050976, 418540880096])"><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 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"
x-show="$store.xQuickView" x-cloak
>
<div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
class="w-full hide-icon lg:px-4"
:class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
x-cloak
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8991195824352313" 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="48073801826528">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8991195824352-10013"
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--20337242538208__product-grid-8991195824352-10013"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Oreiller cervical en mousse à mémoire de forme OrthoMend",
"listName": "Produits",
"sku": "8991195824352",
"currencyCode": "CAD",
"price": 8999,
"vendor": "OrthoMend"
}
}"
>
<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="8991195824352" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div>
</div>
</div>
</div>

</div>

<div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
Alpine.store('xUpdateVariantQuanity').updateQuantity('template--20337242538208__product-grid', '/fr/products/tynorindia-cervical-contoured-pillow-b19');
});"></div>
<div
id="current-variant-template--20337242538208__product-grid-8991195824352-10013"
class="current-variant hidden"
>
48073801826528
</div>

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

<template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)"
class="card-info bottom_atc md:list-layout:hidden hide-icon"
:class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
x-cloak
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8991195824352313" 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="48073801826528">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8991195824352-10013"
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="8991195824352" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div></template>

<template x-if="$store.xQuickView">
<div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">

<form method="post" action="/fr/cart/add" id="product-form-choose-option8991195824352313" 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="48073801826528">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8991195824352-10013"
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--20337242538208__product-grid-8991195824352-10013"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Oreiller cervical en mousse à mémoire de forme OrthoMend",
"listName": "Produits",
"sku": "8991195824352",
"currencyCode": "CAD",
"price": 8999,
"vendor": "OrthoMend"
}
}"
>
<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="8991195824352" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div><button
x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/fr/collections/all/products/tynorindia-cervical-contoured-pillow-b19', $el, 'template--20337242538208__product-grid-8991195824352-10013')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/fr/collections/all/products/tynorindia-cervical-contoured-pillow-b19', $el, 'template--20337242538208__product-grid-8991195824352-10013')"
@click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);'
class="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"
aria-label="Bouton de visualisation rapide"
x-customer-event-data="{
"product": {
"title": "Oreiller cervical en mousse à mémoire de forme OrthoMend",
"listName": "Produits",
"sku": "8991195824352",
"currencyCode": "CAD",
"price": 8999,
"vendor": "OrthoMend"
}
}"
x-show="$store.xQuickView.enabled"
>
<span class="flex justify-center items-center">

<span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>

</span>
</button>
</div>
</template>

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

<div class="grid-item">

<div

x-data="xProductCard('template--20337242538208__product-grid-10014', '/fr/collections/all/products/orthopedic-stockinette-tubular-single-ply-cotton-l60-natural-1', '8553370943712')"

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/collections/all/products/orthopedic-stockinette-tubular-single-ply-cotton-l60-natural-1"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 47321204949216,
"product_id": 8553370943712,
"available": true,
"title": "Stockinette orthopédique tubulaire, simple épaisseur, coton, 152 cm (L), naturel",
"compare_at_price": 0,
"price": 40912,
"price_with_currency": "$409.12 CAD",
"sale_amount": "$-409.12",
"collections": "||481234616544||417505575136||487133249760||484100407520||473594233056||480879050976||",
"inventory_management": "shopify",
"qty": 600,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 727.27,
"diff_day_publish": 727.27

}]"

aria-label="Stockinette orthopédique tubulaire, simple épaisseur, coton, 152 cm (L), naturel"
id="8553370943712-template--20337242538208__product-grid"
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/collections/all/products/orthopedic-stockinette-tubular-single-ply-cotton-l60-natural-1')" 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--20337242538208__product-grid-10014--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Stockinette orthopédique tubulaire, simple épaisseur, coton, 152 cm (L), naturel",
"listName": "Produits",
"sku": "8553370943712",
"currencyCode": "CAD",
"price": 40912,
"vendor": "Albahealth"
}
}"
><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/3277.jpg?v=1767396658&width=450 450w,
//emerdepot.com/cdn/shop/files/3277.jpg?v=1767396658&width=750 750w,
//emerdepot.com/cdn/shop/files/3277.jpg?v=1767396658&width=900 900w,
//emerdepot.com/cdn/shop/files/3277.jpg?v=1767396658&width=1100 1100w,
//emerdepot.com/cdn/shop/files/3277.jpg?v=1767396658&width=1500 1500w,//emerdepot.com/cdn/shop/files/3277.jpg?v=1767396658 990w"
src="//emerdepot.com/cdn/shop/files/3277.jpg?v=1767396658&width=1500"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="Soft beige medical doughnut cushion for pressure relief and comfort support"
: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-hover 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>
</div>
<div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"></div>

</a><div class="discount-badge discount-badge--hidden"
id="discount-badge-template--20337242538208__product-grid-10014">
<span class="discount-badge__pct">0% OFF</span>

</div>

<script>
(function(){
var sid='template--20337242538208__product-grid-10014';
var isMulti=1;

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">Albahealth</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-8553370943712">
<a href="/fr/collections/all/products/orthopedic-stockinette-tubular-single-ply-cotton-l60-natural-1"
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": "Stockinette orthopédique tubulaire, simple épaisseur, coton, 152 cm (L), naturel",
"listName": "Produits",
"sku": "8553370943712",
"currencyCode": "CAD",
"price": 40912,
"vendor": "Albahealth"
}
}"
>
Stockinette orthopédique tubulaire, simple épaisseur, coton, 152 cm (L), naturel
</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="8553370943712"> </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="8553370943712" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">40912</div><p class="price ">
<span>$409.12 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--20337242538208__product-grid" 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('8553370943712', [481234616544, 417505575136, 487133249760, 484100407520, 473594233056, 480879050976])"><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 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"
x-show="$store.xQuickView" x-cloak
>
<div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
class="w-full hide-icon lg:px-4"
:class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
x-cloak
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8553370943712314" 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="47321204949216">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8553370943712-10014"
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--20337242538208__product-grid-8553370943712-10014"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Stockinette orthopédique tubulaire, simple épaisseur, coton, 152 cm (L), naturel",
"listName": "Produits",
"sku": "8553370943712",
"currencyCode": "CAD",
"price": 40912,
"vendor": "Albahealth"
}
}"
>
<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="8553370943712" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-8553370943712-template--20337242538208__product-grid-10014"
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">Albahealth</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-8553370943712">
<a href="/fr/collections/all/products/orthopedic-stockinette-tubular-single-ply-cotton-l60-natural-1"
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": "Stockinette orthopédique tubulaire, simple épaisseur, coton, 152 cm (L), naturel",
"listName": "Produits",
"sku": "8553370943712",
"currencyCode": "CAD",
"price": 40912,
"vendor": "Albahealth"
}
}"
>
Stockinette orthopédique tubulaire, simple épaisseur, coton, 152 cm (L), naturel
</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="8553370943712"> </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="8553370943712" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">40912</div><p class="price ">
<span>$409.12 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--20337242538208__product-grid" 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('8553370943712', [481234616544, 417505575136, 487133249760, 484100407520, 473594233056, 480879050976])"><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 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"
x-show="$store.xQuickView" x-cloak
>
<div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
class="w-full hide-icon lg:px-4"
:class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
x-cloak
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8553370943712314" 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="47321204949216">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8553370943712-10014"
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--20337242538208__product-grid-8553370943712-10014"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Stockinette orthopédique tubulaire, simple épaisseur, coton, 152 cm (L), naturel",
"listName": "Produits",
"sku": "8553370943712",
"currencyCode": "CAD",
"price": 40912,
"vendor": "Albahealth"
}
}"
>
<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="8553370943712" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div>
</div>
</div>
</div>

</div>

<div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
Alpine.store('xUpdateVariantQuanity').updateQuantity('template--20337242538208__product-grid', '/fr/products/orthopedic-stockinette-tubular-single-ply-cotton-l60-natural-1');
});"></div>
<div
id="current-variant-template--20337242538208__product-grid-8553370943712-10014"
class="current-variant hidden"
>
47321204949216
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<p class="top-margin-0"> 50 % coton, 50 % synthétique, cousu, roulé et emballé dans un film plastique recyclé et une pochette pelable pour réduire les coûts de matériaux et de main-d'œuvre. Stérilisé par irradiation, propre et fiable, sans résidus.</p>

<div>

<ul>

<li> Stérile.</li>

<li> Bandage orthopédique tubulaire en coton, 1 épaisseur, 6 x 60 po, 30 unités/boîte </li>

</ul>

<div class="MuiPaper-root sc-imWYAI eLKsSs vertical-padding-2 horizontal-padding-2 MuiPaper-elevation0 MuiPaper-rounded">

<table data-testid="table" class="sc-deXhhX khgekF table-tablet responsiveTable" style="width: 100.018%;">

<tbody data-testid="tbody" class="sc-imwsjW dQBZpC">

<tr data-testid="tr" class="sc-sLsrZ ecnaPv">

<td data-testid="td" colspan="6" class="sc-fifgRP bUiCqO" style="width: 99.6853%;">

<div role="table" class="MuiTable-root css-1owb465">

<div class="MuiTableBody-root css-1xnox0e" role="rowgroup">

<div class="MuiTableRow-root css-1gqug66" role="row">

<div class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeSmall css-9wscbu">

<p class="MuiTypography-root sc-dcJsrY bXFCSC MuiTypography-body1"> Emballage : 30 unités/caisse </p>

</div>

</div>

<div class="MuiTableRow-root css-1gqug66" role="row">

<div class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeSmall css-sq1sh4"></div>

</div>

<div class="MuiTableRow-root css-1gqug66" role="row">

<div class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeSmall css-9wscbu">

<p class="MuiTypography-root sc-dcJsrY bXFCSC MuiTypography-body1"> Référence fabricant : 7665 </p>

<p class="MuiTypography-root sc-dcJsrY bXFCSC MuiTypography-body1"><br></p>

</div>

</div>

</div>

</div>

</td>

</tr>

</tbody>

</table>

</div>

<div class="MuiGrid-root sc-jXbUNg fZFGc MuiGrid-container MuiGrid-spacing-xs-1 MuiGrid-item MuiGrid-align-items-xs-center MuiGrid-justify-content-xs-flex-end MuiGrid-grid-xs-12">

<div class="MuiGrid-root sc-jXbUNg fZFGc MuiGrid-item">

<div class="MuiStack-root css-hp68mp"> <span>Ajouter à la commande</span> </div>

</div>

<div class="MuiGrid-root sc-jXbUNg fZFGc MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-auto">

<div class="MuiFormControl-root sc-eZkCL cWWrsD add-to-rl flex top-margin-1 fullWidth">

<div class="MuiInputBase-root MuiOutlinedInput-root sc-fhzFiK jbJHSS MuiInputBase-fullWidth MuiInputBase-formControl" data-testid="requisition-list-selection">

<div class="MuiSelect-root MuiSelect-select MuiSelect-selectMenu MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input" role="button" aria-haspopup="listbox" aria-labelledby="requisitionList_select" id="requisitionList_select" tabindex="0">

<div class="sc-hTUWRQ jqJFPg label">

<div class="text"> Ajouter à la liste enregistrée </div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>


</div>
</div>

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

<template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)"
class="card-info bottom_atc md:list-layout:hidden hide-icon"
:class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
x-cloak
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8553370943712314" 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="47321204949216">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8553370943712-10014"
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="8553370943712" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div></template>

<template x-if="$store.xQuickView">
<div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">

<form method="post" action="/fr/cart/add" id="product-form-choose-option8553370943712314" 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="47321204949216">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8553370943712-10014"
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--20337242538208__product-grid-8553370943712-10014"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Stockinette orthopédique tubulaire, simple épaisseur, coton, 152 cm (L), naturel",
"listName": "Produits",
"sku": "8553370943712",
"currencyCode": "CAD",
"price": 40912,
"vendor": "Albahealth"
}
}"
>
<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="8553370943712" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div><button
x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/fr/collections/all/products/orthopedic-stockinette-tubular-single-ply-cotton-l60-natural-1', $el, 'template--20337242538208__product-grid-8553370943712-10014')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/fr/collections/all/products/orthopedic-stockinette-tubular-single-ply-cotton-l60-natural-1', $el, 'template--20337242538208__product-grid-8553370943712-10014')"
@click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);'
class="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"
aria-label="Bouton de visualisation rapide"
x-customer-event-data="{
"product": {
"title": "Stockinette orthopédique tubulaire, simple épaisseur, coton, 152 cm (L), naturel",
"listName": "Produits",
"sku": "8553370943712",
"currencyCode": "CAD",
"price": 40912,
"vendor": "Albahealth"
}
}"
x-show="$store.xQuickView.enabled"
>
<span class="flex justify-center items-center">

<span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>

</span>
</button>
</div>
</template>

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

<div class="grid-item">

<div

x-data="xProductCard('template--20337242538208__product-grid-10015', '/fr/collections/all/products/orthopedic-stockinette-tubular-single-ply-cotton-l60-natural', '8553363210464')"

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/collections/all/products/orthopedic-stockinette-tubular-single-ply-cotton-l60-natural"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 47321202720992,
"product_id": 8553363210464,
"available": true,
"title": "Stockinette orthopédique tubulaire, simple épaisseur, coton, 152 cm (L), naturel",
"compare_at_price": 0,
"price": 19798,
"price_with_currency": "$197.98 CAD",
"sale_amount": "$-197.98",
"collections": "||481234616544||417505575136||487133249760||484100407520||473594233056||480879050976||",
"inventory_management": "shopify",
"qty": 600,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 727.28,
"diff_day_publish": 727.28

}]"

aria-label="Stockinette orthopédique tubulaire, simple épaisseur, coton, 152 cm (L), naturel"
id="8553363210464-template--20337242538208__product-grid"
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/collections/all/products/orthopedic-stockinette-tubular-single-ply-cotton-l60-natural')" 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--20337242538208__product-grid-10015--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Stockinette orthopédique tubulaire, simple épaisseur, coton, 152 cm (L), naturel",
"listName": "Produits",
"sku": "8553363210464",
"currencyCode": "CAD",
"price": 19798,
"vendor": "Albahealth"
}
}"
><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/3276.jpg?v=1767396656&width=450 450w,
//emerdepot.com/cdn/shop/files/3276.jpg?v=1767396656&width=750 750w,
//emerdepot.com/cdn/shop/files/3276.jpg?v=1767396656&width=900 900w,
//emerdepot.com/cdn/shop/files/3276.jpg?v=1767396656&width=1100 1100w,
//emerdepot.com/cdn/shop/files/3276.jpg?v=1767396656&width=1500 1500w,//emerdepot.com/cdn/shop/files/3276.jpg?v=1767396656 990w"
src="//emerdepot.com/cdn/shop/files/3276.jpg?v=1767396656&width=1500"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="Cushioned, beige donut pillow for medical and home care support on a 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-hover 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>
</div>
<div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"></div>

</a><div class="discount-badge discount-badge--hidden"
id="discount-badge-template--20337242538208__product-grid-10015">
<span class="discount-badge__pct">0% OFF</span>

</div>

<script>
(function(){
var sid='template--20337242538208__product-grid-10015';
var isMulti=1;

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">Albahealth</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-8553363210464">
<a href="/fr/collections/all/products/orthopedic-stockinette-tubular-single-ply-cotton-l60-natural"
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": "Stockinette orthopédique tubulaire, simple épaisseur, coton, 152 cm (L), naturel",
"listName": "Produits",
"sku": "8553363210464",
"currencyCode": "CAD",
"price": 19798,
"vendor": "Albahealth"
}
}"
>
Stockinette orthopédique tubulaire, simple épaisseur, coton, 152 cm (L), naturel
</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="8553363210464"> </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="8553363210464" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">19798</div><p class="price ">
<span>$197.98 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--20337242538208__product-grid" 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('8553363210464', [481234616544, 417505575136, 487133249760, 484100407520, 473594233056, 480879050976])"><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 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"
x-show="$store.xQuickView" x-cloak
>
<div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
class="w-full hide-icon lg:px-4"
:class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
x-cloak
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8553363210464315" 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="47321202720992">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8553363210464-10015"
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--20337242538208__product-grid-8553363210464-10015"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Stockinette orthopédique tubulaire, simple épaisseur, coton, 152 cm (L), naturel",
"listName": "Produits",
"sku": "8553363210464",
"currencyCode": "CAD",
"price": 19798,
"vendor": "Albahealth"
}
}"
>
<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="8553363210464" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-8553363210464-template--20337242538208__product-grid-10015"
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">Albahealth</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-8553363210464">
<a href="/fr/collections/all/products/orthopedic-stockinette-tubular-single-ply-cotton-l60-natural"
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": "Stockinette orthopédique tubulaire, simple épaisseur, coton, 152 cm (L), naturel",
"listName": "Produits",
"sku": "8553363210464",
"currencyCode": "CAD",
"price": 19798,
"vendor": "Albahealth"
}
}"
>
Stockinette orthopédique tubulaire, simple épaisseur, coton, 152 cm (L), naturel
</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="8553363210464"> </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="8553363210464" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">19798</div><p class="price ">
<span>$197.98 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--20337242538208__product-grid" 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('8553363210464', [481234616544, 417505575136, 487133249760, 484100407520, 473594233056, 480879050976])"><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 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"
x-show="$store.xQuickView" x-cloak
>
<div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
class="w-full hide-icon lg:px-4"
:class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
x-cloak
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8553363210464315" 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="47321202720992">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8553363210464-10015"
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--20337242538208__product-grid-8553363210464-10015"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Stockinette orthopédique tubulaire, simple épaisseur, coton, 152 cm (L), naturel",
"listName": "Produits",
"sku": "8553363210464",
"currencyCode": "CAD",
"price": 19798,
"vendor": "Albahealth"
}
}"
>
<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="8553363210464" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div>
</div>
</div>
</div>

</div>

<div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
Alpine.store('xUpdateVariantQuanity').updateQuantity('template--20337242538208__product-grid', '/fr/products/orthopedic-stockinette-tubular-single-ply-cotton-l60-natural');
});"></div>
<div
id="current-variant-template--20337242538208__product-grid-8553363210464-10015"
class="current-variant hidden"
>
47321202720992
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<p class="top-margin-0"> 50 % coton, 50 % synthétique, cousu, roulé et emballé dans un film plastique transparent et une pochette pelable pour réduire les coûts de matériaux et de main-d'œuvre. La radiothérapie est stérilisée, propre et fiable, sans résidus.</p>

<p class="top-margin-0"> UN </p>

<div role="row" class="MuiTableRow-root css-1gqug66">

<div class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeSmall css-9wscbu">

<p class="MuiTypography-root sc-dcJsrY bXFCSC MuiTypography-body1"><br></p>

</div>

</div>

<div role="row" class="MuiTableRow-root css-1gqug66">

<div class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeSmall css-9wscbu">

<p class="MuiTypography-root sc-dcJsrY bXFCSC MuiTypography-body1"> *BANDAGE ORTHO 1 PLIS 4X60PO NAT TUBULAIRE COTON 30UNITÉS/CA</p>

<p class="MuiTypography-root sc-dcJsrY bXFCSC MuiTypography-body1"> Â Â Emballage : 30 chacun/caisseÂ Â Â</p>

<p class="MuiTypography-root sc-dcJsrY bXFCSC MuiTypography-body1"> Â Â MPN: 7645</p>

</div>

</div>

<div>

<ul>

<li> Stérile</li>

</ul>

</div>


</div>
</div>

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

<template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)"
class="card-info bottom_atc md:list-layout:hidden hide-icon"
:class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
x-cloak
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8553363210464315" 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="47321202720992">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8553363210464-10015"
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="8553363210464" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div></template>

<template x-if="$store.xQuickView">
<div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">

<form method="post" action="/fr/cart/add" id="product-form-choose-option8553363210464315" 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="47321202720992">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8553363210464-10015"
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--20337242538208__product-grid-8553363210464-10015"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Stockinette orthopédique tubulaire, simple épaisseur, coton, 152 cm (L), naturel",
"listName": "Produits",
"sku": "8553363210464",
"currencyCode": "CAD",
"price": 19798,
"vendor": "Albahealth"
}
}"
>
<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="8553363210464" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div><button
x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/fr/collections/all/products/orthopedic-stockinette-tubular-single-ply-cotton-l60-natural', $el, 'template--20337242538208__product-grid-8553363210464-10015')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/fr/collections/all/products/orthopedic-stockinette-tubular-single-ply-cotton-l60-natural', $el, 'template--20337242538208__product-grid-8553363210464-10015')"
@click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);'
class="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"
aria-label="Bouton de visualisation rapide"
x-customer-event-data="{
"product": {
"title": "Stockinette orthopédique tubulaire, simple épaisseur, coton, 152 cm (L), naturel",
"listName": "Produits",
"sku": "8553363210464",
"currencyCode": "CAD",
"price": 19798,
"vendor": "Albahealth"
}
}"
x-show="$store.xQuickView.enabled"
>
<span class="flex justify-center items-center">

<span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>

</span>
</button>
</div>
</template>

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

<div class="grid-item">

<div

x-data="xProductCard('template--20337242538208__product-grid-10016', '/fr/collections/all/products/ostomy-belt-coloplast', '8069796757728')"

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/collections/all/products/ostomy-belt-coloplast"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 44085091139808,
"product_id": 8069796757728,
"available": true,
"title": "Ceinture de stomie Brava de Coloplast ",
"compare_at_price": 0,
"price": 3450,
"price_with_currency": "$34.50 CAD",
"sale_amount": "$-34.50",
"collections": "||481234616544||417505575136||487133249760||484100407520||472517443808||473594233056||417032601824||417327186144||",
"inventory_management": "shopify",
"qty": 600,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1060.38,
"diff_day_publish": 66.34

}]"

aria-label="Ceinture de stomie Brava de Coloplast "
id="8069796757728-template--20337242538208__product-grid"
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/collections/all/products/ostomy-belt-coloplast')" 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--20337242538208__product-grid-10016--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Ceinture de stomie Brava de Coloplast ",
"listName": "Produits",
"sku": "8069796757728",
"currencyCode": "CAD",
"price": 3450,
"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/bed85a56cab391d11e57a7acdd794b65_2beff599-8066-41de-a1f3-327fd15d7078.jpg?v=1761685646&width=450 450w,
//emerdepot.com/cdn/shop/files/bed85a56cab391d11e57a7acdd794b65_2beff599-8066-41de-a1f3-327fd15d7078.jpg?v=1761685646&width=750 750w,
//emerdepot.com/cdn/shop/files/bed85a56cab391d11e57a7acdd794b65_2beff599-8066-41de-a1f3-327fd15d7078.jpg?v=1761685646&width=900 900w,
//emerdepot.com/cdn/shop/files/bed85a56cab391d11e57a7acdd794b65_2beff599-8066-41de-a1f3-327fd15d7078.jpg?v=1761685646&width=1100 1100w,
//emerdepot.com/cdn/shop/files/bed85a56cab391d11e57a7acdd794b65_2beff599-8066-41de-a1f3-327fd15d7078.jpg?v=1761685646&width=1500 1500w,//emerdepot.com/cdn/shop/files/bed85a56cab391d11e57a7acdd794b65_2beff599-8066-41de-a1f3-327fd15d7078.jpg?v=1761685646 872w"
src="//emerdepot.com/cdn/shop/files/bed85a56cab391d11e57a7acdd794b65_2beff599-8066-41de-a1f3-327fd15d7078.jpg?v=1761685646&width=1500"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="White elastic medical tourniquet rolled with plastic buckle for home care or medical use"
: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="872"
height="872"
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/bed85a56cab391d11e57a7acdd794b65.jpg?v=1761685647&width=450 450w,
//emerdepot.com/cdn/shop/files/bed85a56cab391d11e57a7acdd794b65.jpg?v=1761685647&width=750 750w,
//emerdepot.com/cdn/shop/files/bed85a56cab391d11e57a7acdd794b65.jpg?v=1761685647&width=900 900w,
//emerdepot.com/cdn/shop/files/bed85a56cab391d11e57a7acdd794b65.jpg?v=1761685647&width=1100 1100w,
//emerdepot.com/cdn/shop/files/bed85a56cab391d11e57a7acdd794b65.jpg?v=1761685647&width=1500 1500w,//emerdepot.com/cdn/shop/files/bed85a56cab391d11e57a7acdd794b65.jpg?v=1761685647 872w"
src="//emerdepot.com/cdn/shop/files/bed85a56cab391d11e57a7acdd794b65.jpg?v=1761685647&width=1500"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="White elastic tourniquet band with buckle for medical use on white background"
: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="872"
height="872"
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>
<div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"></div>

</a><div class="discount-badge discount-badge--hidden"
id="discount-badge-template--20337242538208__product-grid-10016">
<span class="discount-badge__pct">0% OFF</span>

</div>

<script>
(function(){
var sid='template--20337242538208__product-grid-10016';
var isMulti=1;

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--20337242538208__product-grid-8069796757728">
<a href="/fr/collections/all/products/ostomy-belt-coloplast"
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": "Ceinture de stomie Brava de Coloplast ",
"listName": "Produits",
"sku": "8069796757728",
"currencyCode": "CAD",
"price": 3450,
"vendor": "Coloplast"
}
}"
>
Ceinture de stomie Brava de Coloplast
</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="8069796757728"> </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="8069796757728" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">3450</div><p class="price ">
<span>$34.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--20337242538208__product-grid" 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('8069796757728', [481234616544, 417505575136, 487133249760, 484100407520, 472517443808, 473594233056, 417032601824, 417327186144])"><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 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"
x-show="$store.xQuickView" x-cloak
>
<div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
class="w-full hide-icon lg:px-4"
:class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
x-cloak
>

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

@click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20337242538208__product-grid-8069796757728-10016', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/fr/collections/all/products/ostomy-belt-coloplast', $el, 'template--20337242538208__product-grid-8069796757728-10016', 316); }, 0)"
data-id="template--20337242538208__product-grid-8069796757728-10016"
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"

@click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20337242538208__product-grid-8069796757728-10016', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/fr/collections/all/products/ostomy-belt-coloplast', $el, 'template--20337242538208__product-grid-8069796757728-10016', 316); }, 0)"
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--20337242538208__product-grid-8069796757728-10016"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Ceinture de stomie Brava de Coloplast ",
"listName": "Produits",
"sku": "8069796757728",
"currencyCode": "CAD",
"price": 3450,
"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>

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

</div><div
id="choose-options-template--20337242538208__product-grid-8069796757728-10016"
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-8069796757728-template--20337242538208__product-grid-10016"
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--20337242538208__product-grid-8069796757728">
<a href="/fr/collections/all/products/ostomy-belt-coloplast"
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": "Ceinture de stomie Brava de Coloplast ",
"listName": "Produits",
"sku": "8069796757728",
"currencyCode": "CAD",
"price": 3450,
"vendor": "Coloplast"
}
}"
>
Ceinture de stomie Brava de Coloplast
</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="8069796757728"> </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="8069796757728" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">3450</div><p class="price ">
<span>$34.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--20337242538208__product-grid" 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('8069796757728', [481234616544, 417505575136, 487133249760, 484100407520, 472517443808, 473594233056, 417032601824, 417327186144])"><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 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"
x-show="$store.xQuickView" x-cloak
>
<div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
class="w-full hide-icon lg:px-4"
:class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
x-cloak
>

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

@click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20337242538208__product-grid-8069796757728-10016', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/fr/collections/all/products/ostomy-belt-coloplast', $el, 'template--20337242538208__product-grid-8069796757728-10016', 316); }, 0)"
data-id="template--20337242538208__product-grid-8069796757728-10016"
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"

@click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20337242538208__product-grid-8069796757728-10016', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/fr/collections/all/products/ostomy-belt-coloplast', $el, 'template--20337242538208__product-grid-8069796757728-10016', 316); }, 0)"
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--20337242538208__product-grid-8069796757728-10016"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Ceinture de stomie Brava de Coloplast ",
"listName": "Produits",
"sku": "8069796757728",
"currencyCode": "CAD",
"price": 3450,
"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>

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

</div>

<div
class="x-variants-data"
x-data="xVariantSelect($el,'template--20337242538208__product-grid-10016', false, 'Indisponible', '/fr/collections/all/products/ostomy-belt-coloplast', '8069796757728', false, true, false, 'template--20337242538208__product-grid', '', '', '//emerdepot.com/cdn/shop/files/bed85a56cab391d11e57a7acdd794b65_2beff599-8066-41de-a1f3-327fd15d7078.jpg?v=1761685646', 316)"
x-init="initVariant($el)"
>
<script type="application/json">
[{"id":44085091139808,"title":"Standard","option1":"Standard","option2":null,"option3":null,"sku":"0421","requires_shipping":true,"taxable":true,"featured_image":{"id":49025931706592,"product_id":8069796757728,"position":2,"created_at":"2025-08-30T13:22:13-04:00","updated_at":"2025-10-28T17:07:27-04:00","alt":"White elastic tourniquet band with buckle for medical use on white background","width":872,"height":872,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/bed85a56cab391d11e57a7acdd794b65.jpg?v=1761685647","variant_ids":[44085091139808]},"available":true,"name":"Ceinture de stomie Brava de Coloplast - Standard","public_title":"Standard","options":["Standard"],"price":3450,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"05701780181877","featured_media":{"alt":"White elastic tourniquet band with buckle for medical use on white background","id":38464597491936,"position":2,"preview_image":{"aspect_ratio":1.0,"height":872,"width":872,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/bed85a56cab391d11e57a7acdd794b65.jpg?v=1761685647"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]
</script>
<div
id="current-variant-template--20337242538208__product-grid-8069796757728-10016"
class="current-variant hidden"
>
44085091139808
</div>
<div
id="variant-update-template--20337242538208__product-grid-10016"
class="variant-update-template--20337242538208__product-grid-10016 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">
<div class="product__detail__block" data-mce-fragment="1">

<p class="h4">Une ceinture est utilisée pour sécuriser la position de la plaque de base pour plus de sécurité.</h4>

<p> La ceinture Brava® est fabriquée dans une matière douce et confortable, et se porte discrètement. Disponible en taille standard et XL, elle est réglable pour s'adapter à votre morphologie. Une ceinture peut s'avérer très utile si votre ventre est irrégulier ou bombé.</p>

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

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

<template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)"
class="card-info bottom_atc md:list-layout:hidden hide-icon"
:class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
x-cloak
>

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

@click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20337242538208__product-grid-8069796757728-10016', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/fr/collections/all/products/ostomy-belt-coloplast', $el, 'template--20337242538208__product-grid-8069796757728-10016', 316); }, 0)"
data-id="template--20337242538208__product-grid-8069796757728-10016"
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></template>

<template x-if="$store.xQuickView">
<div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">

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

@click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20337242538208__product-grid-8069796757728-10016', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/fr/collections/all/products/ostomy-belt-coloplast', $el, 'template--20337242538208__product-grid-8069796757728-10016', 316); }, 0)"
data-id="template--20337242538208__product-grid-8069796757728-10016"
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
x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/fr/collections/all/products/ostomy-belt-coloplast', $el, 'template--20337242538208__product-grid-8069796757728-10016')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/fr/collections/all/products/ostomy-belt-coloplast', $el, 'template--20337242538208__product-grid-8069796757728-10016')"
@click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);'
class="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"
aria-label="Bouton de visualisation rapide"
x-customer-event-data="{
"product": {
"title": "Ceinture de stomie Brava de Coloplast ",
"listName": "Produits",
"sku": "8069796757728",
"currencyCode": "CAD",
"price": 3450,
"vendor": "Coloplast"
}
}"
x-show="$store.xQuickView.enabled"
>
<span class="flex justify-center items-center">

<span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>

</span>
</button>
</div>
</template>

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

<div class="grid-item">

<div

x-data="xProductCard('template--20337242538208__product-grid-10017', '/fr/collections/all/products/otoclear-ear-irrigation-tip-40-box-7200', '9245753442528')"

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/collections/all/products/otoclear-ear-irrigation-tip-40-box-7200"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 48855584047328,
"product_id": 9245753442528,
"available": true,
"title": "OtoClear Ear Irrigation Tip with Gentle Touch Design | 40/Box | 7200",
"compare_at_price": 0,
"price": 15999,
"price_with_currency": "$159.99 CAD",
"sale_amount": "$-159.99",
"collections": "||481234616544||421878399200||465748689120||",
"inventory_management": "shopify",
"qty": 0,
"container": "card",
"can_show_preorder": true,
"diff_day_create": 99.5,
"diff_day_publish": 84.31

}]"

aria-label="OtoClear Ear Irrigation Tip with Gentle Touch Design | 40/Box | 7200"
id="9245753442528-template--20337242538208__product-grid"
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/collections/all/products/otoclear-ear-irrigation-tip-40-box-7200')" 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--20337242538208__product-grid-10017--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "OtoClear Ear Irrigation Tip with Gentle Touch Design | 40/Box | 7200",
"listName": "Produits",
"sku": "9245753442528",
"currencyCode": "CAD",
"price": 15999,
"vendor": "Bionix"
}
}"
><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/f5c1764325b683c4e161747cdc9fd8c2.webp?v=1772210798&width=450 450w,
//emerdepot.com/cdn/shop/files/f5c1764325b683c4e161747cdc9fd8c2.webp?v=1772210798&width=750 750w,
//emerdepot.com/cdn/shop/files/f5c1764325b683c4e161747cdc9fd8c2.webp?v=1772210798&width=900 900w,
//emerdepot.com/cdn/shop/files/f5c1764325b683c4e161747cdc9fd8c2.webp?v=1772210798&width=1100 1100w,
//emerdepot.com/cdn/shop/files/f5c1764325b683c4e161747cdc9fd8c2.webp?v=1772210798&width=1500 1500w,//emerdepot.com/cdn/shop/files/f5c1764325b683c4e161747cdc9fd8c2.webp?v=1772210798 990w"
src="//emerdepot.com/cdn/shop/files/f5c1764325b683c4e161747cdc9fd8c2.webp?v=1772210798&width=1500"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="OtoClear Ear Irrigation Tip, with Gentle Touch Design 40/Box | 7200"
: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/f5c1764325b683c4e161747cdc9fd8c2_6469f0a6-f407-47f8-bf48-5b64cb1187ba.webp?v=1772210800&width=450 450w,
//emerdepot.com/cdn/shop/files/f5c1764325b683c4e161747cdc9fd8c2_6469f0a6-f407-47f8-bf48-5b64cb1187ba.webp?v=1772210800&width=750 750w,
//emerdepot.com/cdn/shop/files/f5c1764325b683c4e161747cdc9fd8c2_6469f0a6-f407-47f8-bf48-5b64cb1187ba.webp?v=1772210800&width=900 900w,
//emerdepot.com/cdn/shop/files/f5c1764325b683c4e161747cdc9fd8c2_6469f0a6-f407-47f8-bf48-5b64cb1187ba.webp?v=1772210800&width=1100 1100w,
//emerdepot.com/cdn/shop/files/f5c1764325b683c4e161747cdc9fd8c2_6469f0a6-f407-47f8-bf48-5b64cb1187ba.webp?v=1772210800&width=1500 1500w,//emerdepot.com/cdn/shop/files/f5c1764325b683c4e161747cdc9fd8c2_6469f0a6-f407-47f8-bf48-5b64cb1187ba.webp?v=1772210800 990w"
src="//emerdepot.com/cdn/shop/files/f5c1764325b683c4e161747cdc9fd8c2_6469f0a6-f407-47f8-bf48-5b64cb1187ba.webp?v=1772210800&width=1500"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="7200"
: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>
<div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"></div>

</a><div class="discount-badge discount-badge--hidden"
id="discount-badge-template--20337242538208__product-grid-10017">
<span class="discount-badge__pct">0% OFF</span>

</div>

<script>
(function(){
var sid='template--20337242538208__product-grid-10017';
var isMulti=1;

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">Bionix</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-9245753442528">
<a href="/fr/collections/all/products/otoclear-ear-irrigation-tip-40-box-7200"
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": "OtoClear Ear Irrigation Tip with Gentle Touch Design | 40/Box | 7200",
"listName": "Produits",
"sku": "9245753442528",
"currencyCode": "CAD",
"price": 15999,
"vendor": "Bionix"
}
}"
>
OtoClear Ear Irrigation Tip with Gentle Touch Design | 40/Box | 7200
</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="9245753442528"> </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="9245753442528" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">15999</div><p class="price ">
<span>$159.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--20337242538208__product-grid" 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('9245753442528', [481234616544, 421878399200, 465748689120])"><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 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"
x-show="$store.xQuickView" x-cloak
>
<div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
class="w-full hide-icon lg:px-4"
:class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
x-cloak
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option9245753442528317" 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="48855584047328">

<input name="properties[Pré-commander]" class="hidden" value="Call 1888 401 3637 (Before you Order)"/>

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-9245753442528-10017"
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">Pre-order</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--20337242538208__product-grid-9245753442528-10017"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "OtoClear Ear Irrigation Tip with Gentle Touch Design | 40/Box | 7200",
"listName": "Produits",
"sku": "9245753442528",
"currencyCode": "CAD",
"price": 15999,
"vendor": "Bionix"
}
}"
>
<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="9245753442528" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-9245753442528-template--20337242538208__product-grid-10017"
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">Bionix</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-9245753442528">
<a href="/fr/collections/all/products/otoclear-ear-irrigation-tip-40-box-7200"
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": "OtoClear Ear Irrigation Tip with Gentle Touch Design | 40/Box | 7200",
"listName": "Produits",
"sku": "9245753442528",
"currencyCode": "CAD",
"price": 15999,
"vendor": "Bionix"
}
}"
>
OtoClear Ear Irrigation Tip with Gentle Touch Design | 40/Box | 7200
</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="9245753442528"> </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="9245753442528" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">15999</div><p class="price ">
<span>$159.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--20337242538208__product-grid" 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('9245753442528', [481234616544, 421878399200, 465748689120])"><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 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"
x-show="$store.xQuickView" x-cloak
>
<div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
class="w-full hide-icon lg:px-4"
:class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
x-cloak
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option9245753442528317" 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="48855584047328">

<input name="properties[Pré-commander]" class="hidden" value="Call 1888 401 3637 (Before you Order)"/>

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-9245753442528-10017"
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">Pre-order</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--20337242538208__product-grid-9245753442528-10017"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "OtoClear Ear Irrigation Tip with Gentle Touch Design | 40/Box | 7200",
"listName": "Produits",
"sku": "9245753442528",
"currencyCode": "CAD",
"price": 15999,
"vendor": "Bionix"
}
}"
>
<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="9245753442528" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div>
</div>
</div>
</div>

</div>

<div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
Alpine.store('xUpdateVariantQuanity').updateQuantity('template--20337242538208__product-grid', '/fr/products/otoclear-ear-irrigation-tip-40-box-7200');
});"></div>
<div
id="current-variant-template--20337242538208__product-grid-9245753442528-10017"
class="current-variant hidden"
>
48855584047328
</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">Provides safe and comfortable ear irrigation without the backsplash.</p><ul>
<li>A design that directs water to the sides of the ear canal at 30° angles, instead of directly at the tympanic membrane.</li>
<li>Compatible with Luer lock syringes</li>
<li>Fits snugly, with exit portals</li>
<li>No splash back</li>
<li>Disposable</li>
<li>
<b>Brand: </b>OtoClear®</li>
<li>
<b>Feature / Property: </b>Fits Snugly Comfortably, with Exit Portals</li>
<li>40/Box </li>
<li>
<strong>SKU</strong>- 7200</li>
</ul><p><br></p>
</div>
</div>

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

<template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)"
class="card-info bottom_atc md:list-layout:hidden hide-icon"
:class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
x-cloak
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option9245753442528317" 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="48855584047328">

<input name="properties[Pré-commander]" class="hidden" value="Call 1888 401 3637 (Before you Order)"/>

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-9245753442528-10017"
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">Pre-order</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="9245753442528" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div></template>

<template x-if="$store.xQuickView">
<div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">

<form method="post" action="/fr/cart/add" id="product-form-choose-option9245753442528317" 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="48855584047328">

<input name="properties[Pré-commander]" class="hidden" value="Call 1888 401 3637 (Before you Order)"/>

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-9245753442528-10017"
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">Pre-order</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--20337242538208__product-grid-9245753442528-10017"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "OtoClear Ear Irrigation Tip with Gentle Touch Design | 40/Box | 7200",
"listName": "Produits",
"sku": "9245753442528",
"currencyCode": "CAD",
"price": 15999,
"vendor": "Bionix"
}
}"
>
<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="9245753442528" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div><button
x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/fr/collections/all/products/otoclear-ear-irrigation-tip-40-box-7200', $el, 'template--20337242538208__product-grid-9245753442528-10017')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/fr/collections/all/products/otoclear-ear-irrigation-tip-40-box-7200', $el, 'template--20337242538208__product-grid-9245753442528-10017')"
@click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);'
class="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"
aria-label="Bouton de visualisation rapide"
x-customer-event-data="{
"product": {
"title": "OtoClear Ear Irrigation Tip with Gentle Touch Design | 40/Box | 7200",
"listName": "Produits",
"sku": "9245753442528",
"currencyCode": "CAD",
"price": 15999,
"vendor": "Bionix"
}
}"
x-show="$store.xQuickView.enabled"
>
<span class="flex justify-center items-center">

<span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>

</span>
</button>
</div>
</template>

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

<div class="grid-item">

<div

x-data="xProductCard('template--20337242538208__product-grid-10018', '/fr/collections/all/products/otoclear%C2%AE-spray-ear-wash-kit-20tips-1bottle-1basin-1kt-bx-sku-bio7290', '8639273009376')"

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/collections/all/products/otoclear%C2%AE-spray-ear-wash-kit-20tips-1bottle-1basin-1kt-bx-sku-bio7290"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 47426800353504,
"product_id": 8639273009376,
"available": true,
"title": "Kit de lavage auriculaire OtoClear® Spray 20 embouts - 1 flacon, 1 bassin = 1 KT/boîte (Sku-BIO7290)",
"compare_at_price": 0,
"price": 19900,
"price_with_currency": "$199.00 CAD",
"sale_amount": "$-199.00",
"collections": "||481234616544||417505575136||487133249760||484100407520||473594233056||465748689120||",
"inventory_management": "shopify",
"qty": 500,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 685.02,
"diff_day_publish": 685.02

}]"

aria-label="Kit de lavage auriculaire OtoClear® Spray 20 embouts - 1 flacon, 1 bassin = 1 KT/boîte (Sku-BIO7290)"
id="8639273009376-template--20337242538208__product-grid"
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/collections/all/products/otoclear%C2%AE-spray-ear-wash-kit-20tips-1bottle-1basin-1kt-bx-sku-bio7290')" 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--20337242538208__product-grid-10018--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Kit de lavage auriculaire OtoClear® Spray 20 embouts - 1 flacon, 1 bassin = 1 KT/boîte (Sku-BIO7290)",
"listName": "Produits",
"sku": "8639273009376",
"currencyCode": "CAD",
"price": 19900,
"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/a7ee437dd67dc76ea550b3c909ad06f3.jpg?v=1761687838&width=450 450w,
//emerdepot.com/cdn/shop/files/a7ee437dd67dc76ea550b3c909ad06f3.jpg?v=1761687838&width=750 750w,
//emerdepot.com/cdn/shop/files/a7ee437dd67dc76ea550b3c909ad06f3.jpg?v=1761687838&width=900 900w,
//emerdepot.com/cdn/shop/files/a7ee437dd67dc76ea550b3c909ad06f3.jpg?v=1761687838&width=1100 1100w,
//emerdepot.com/cdn/shop/files/a7ee437dd67dc76ea550b3c909ad06f3.jpg?v=1761687838&width=1500 1500w,//emerdepot.com/cdn/shop/files/a7ee437dd67dc76ea550b3c909ad06f3.jpg?v=1761687838 219w"
src="//emerdepot.com/cdn/shop/files/a7ee437dd67dc76ea550b3c909ad06f3.jpg?v=1761687838&width=1500"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="Portable oral irrigator with two blue tip holders, dental cleaning device for home 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="219"
height="230"
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/a7ee437dd67dc76ea550b3c909ad06f3_ee34e75d-88b8-4743-8fc8-aeb40d3d7491.jpg?v=1761687839&width=450 450w,
//emerdepot.com/cdn/shop/files/a7ee437dd67dc76ea550b3c909ad06f3_ee34e75d-88b8-4743-8fc8-aeb40d3d7491.jpg?v=1761687839&width=750 750w,
//emerdepot.com/cdn/shop/files/a7ee437dd67dc76ea550b3c909ad06f3_ee34e75d-88b8-4743-8fc8-aeb40d3d7491.jpg?v=1761687839&width=900 900w,
//emerdepot.com/cdn/shop/files/a7ee437dd67dc76ea550b3c909ad06f3_ee34e75d-88b8-4743-8fc8-aeb40d3d7491.jpg?v=1761687839&width=1100 1100w,
//emerdepot.com/cdn/shop/files/a7ee437dd67dc76ea550b3c909ad06f3_ee34e75d-88b8-4743-8fc8-aeb40d3d7491.jpg?v=1761687839&width=1500 1500w,//emerdepot.com/cdn/shop/files/a7ee437dd67dc76ea550b3c909ad06f3_ee34e75d-88b8-4743-8fc8-aeb40d3d7491.jpg?v=1761687839 219w"
src="//emerdepot.com/cdn/shop/files/a7ee437dd67dc76ea550b3c909ad06f3_ee34e75d-88b8-4743-8fc8-aeb40d3d7491.jpg?v=1761687839&width=1500"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="White medical spray device with angled nozzle and blue holders for dental care or hygiene"
: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="219"
height="230"
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>
<div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"></div>

</a><div class="discount-badge discount-badge--hidden"
id="discount-badge-template--20337242538208__product-grid-10018">
<span class="discount-badge__pct">0% OFF</span>

</div>

<script>
(function(){
var sid='template--20337242538208__product-grid-10018';
var isMulti=1;

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--20337242538208__product-grid-8639273009376">
<a href="/fr/collections/all/products/otoclear%C2%AE-spray-ear-wash-kit-20tips-1bottle-1basin-1kt-bx-sku-bio7290"
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": "Kit de lavage auriculaire OtoClear® Spray 20 embouts - 1 flacon, 1 bassin = 1 KT/boîte (Sku-BIO7290)",
"listName": "Produits",
"sku": "8639273009376",
"currencyCode": "CAD",
"price": 19900,
"vendor": "EmerDepot Medical Supplies"
}
}"
>
Kit de lavage auriculaire OtoClear® Spray 20 embouts - 1 flacon, 1 bassin = 1 KT/boîte (Sku-BIO7290)
</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="8639273009376"> </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="8639273009376" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">19900</div><p class="price ">
<span>$199.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--20337242538208__product-grid" 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('8639273009376', [481234616544, 417505575136, 487133249760, 484100407520, 473594233056, 465748689120])"><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 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"
x-show="$store.xQuickView" x-cloak
>
<div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
class="w-full hide-icon lg:px-4"
:class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
x-cloak
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8639273009376318" 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="47426800353504">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8639273009376-10018"
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--20337242538208__product-grid-8639273009376-10018"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Kit de lavage auriculaire OtoClear® Spray 20 embouts - 1 flacon, 1 bassin = 1 KT/boîte (Sku-BIO7290)",
"listName": "Produits",
"sku": "8639273009376",
"currencyCode": "CAD",
"price": 19900,
"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="8639273009376" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-8639273009376-template--20337242538208__product-grid-10018"
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--20337242538208__product-grid-8639273009376">
<a href="/fr/collections/all/products/otoclear%C2%AE-spray-ear-wash-kit-20tips-1bottle-1basin-1kt-bx-sku-bio7290"
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": "Kit de lavage auriculaire OtoClear® Spray 20 embouts - 1 flacon, 1 bassin = 1 KT/boîte (Sku-BIO7290)",
"listName": "Produits",
"sku": "8639273009376",
"currencyCode": "CAD",
"price": 19900,
"vendor": "EmerDepot Medical Supplies"
}
}"
>
Kit de lavage auriculaire OtoClear® Spray 20 embouts - 1 flacon, 1 bassin = 1 KT/boîte (Sku-BIO7290)
</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="8639273009376"> </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="8639273009376" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">19900</div><p class="price ">
<span>$199.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--20337242538208__product-grid" 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('8639273009376', [481234616544, 417505575136, 487133249760, 484100407520, 473594233056, 465748689120])"><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 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"
x-show="$store.xQuickView" x-cloak
>
<div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
class="w-full hide-icon lg:px-4"
:class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
x-cloak
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8639273009376318" 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="47426800353504">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8639273009376-10018"
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--20337242538208__product-grid-8639273009376-10018"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Kit de lavage auriculaire OtoClear® Spray 20 embouts - 1 flacon, 1 bassin = 1 KT/boîte (Sku-BIO7290)",
"listName": "Produits",
"sku": "8639273009376",
"currencyCode": "CAD",
"price": 19900,
"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="8639273009376" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div>
</div>
</div>
</div>

</div>

<div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
Alpine.store('xUpdateVariantQuanity').updateQuantity('template--20337242538208__product-grid', '/fr/products/otoclear%C2%AE-spray-ear-wash-kit-20tips-1bottle-1basin-1kt-bx-sku-bio7290');
});"></div>
<div
id="current-variant-template--20337242538208__product-grid-8639273009376-10018"
class="current-variant hidden"
>
47426800353504
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<p> Délivre un volume plus important que les seringues ou autres dispositifs manuels. Sa conception efficace permet une utilisation à deux mains.</p>
<ul>

<li> Lavage manuel intermittent.</li>

<li> Composant : 1 flacon pulvérisateur, 20 embouts OtoClear, 1 bassin auriculaire.</li>

</ul>
<p> Conditionnement 1 kit/boîte</p>
<p> Manuel des caractéristiques/propriétés, lavage intermittent, Composant : 1 vaporisateur de lavage, 20 embouts OtoClear, 1 bassinet auriculaire</p>
<p> Description de la facture KIT SPRAY LAVAGE AURICULAIRE OTOCLEAR 20 EMBOUTS 1 FLACON 1 BASSIN=1KT/BX</p>
<p>

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

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

<template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)"
class="card-info bottom_atc md:list-layout:hidden hide-icon"
:class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
x-cloak
>

<form method="post" action="/fr/cart/add" id="product-form-choose-option8639273009376318" 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="47426800353504">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8639273009376-10018"
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="8639273009376" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div></template>

<template x-if="$store.xQuickView">
<div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">

<form method="post" action="/fr/cart/add" id="product-form-choose-option8639273009376318" 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="47426800353504">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8639273009376-10018"
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--20337242538208__product-grid-8639273009376-10018"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Kit de lavage auriculaire OtoClear® Spray 20 embouts - 1 flacon, 1 bassin = 1 KT/boîte (Sku-BIO7290)",
"listName": "Produits",
"sku": "8639273009376",
"currencyCode": "CAD",
"price": 19900,
"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="8639273009376" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div><button
x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/fr/collections/all/products/otoclear%C2%AE-spray-ear-wash-kit-20tips-1bottle-1basin-1kt-bx-sku-bio7290', $el, 'template--20337242538208__product-grid-8639273009376-10018')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/fr/collections/all/products/otoclear%C2%AE-spray-ear-wash-kit-20tips-1bottle-1basin-1kt-bx-sku-bio7290', $el, 'template--20337242538208__product-grid-8639273009376-10018')"
@click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);'
class="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"
aria-label="Bouton de visualisation rapide"
x-customer-event-data="{
"product": {
"title": "Kit de lavage auriculaire OtoClear® Spray 20 embouts - 1 flacon, 1 bassin = 1 KT/boîte (Sku-BIO7290)",
"listName": "Produits",
"sku": "8639273009376",
"currencyCode": "CAD",
"price": 19900,
"vendor": "EmerDepot Medical Supplies"
}
}"
x-show="$store.xQuickView.enabled"
>
<span class="flex justify-center items-center">

<span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>

</span>
</button>
</div>
</template>

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

<div class="grid-item">

<div

x-data="xProductCard('template--20337242538208__product-grid-10019', '/fr/collections/all/products/owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm', '7892662223072')"

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/collections/all/products/owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 43527381385440,
"product_id": 7892662223072,
"available": true,
"title": "Owen Mumford - Lancette de sécurité normale Unistik 3 (23G x 1,8 mm)",
"compare_at_price": 0,
"price": 3799,
"price_with_currency": "$37.99 CAD",
"sale_amount": "$-37.99",
"collections": "||405004058848||481234616544||417505575136||487133249760||484100407520||473594233056||467101122784||",
"inventory_management": "shopify",
"qty": 111,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1332.28,
"diff_day_publish": 1332.28

}]"

aria-label="Owen Mumford - Lancette de sécurité normale Unistik 3 (23G x 1,8 mm)"
id="7892662223072-template--20337242538208__product-grid"
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/collections/all/products/owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm')" 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--20337242538208__product-grid-10019--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Owen Mumford - Lancette de sécurité normale Unistik 3 (23G x 1,8 mm)",
"listName": "Produits",
"sku": "7892662223072",
"currencyCode": "CAD",
"price": 3799,
"vendor": "Owen Mumford"
}
}"
><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/2698d129eabe75666df0b5378f2c8108.jpg?v=1761682619&width=450 450w,
//emerdepot.com/cdn/shop/files/2698d129eabe75666df0b5378f2c8108.jpg?v=1761682619&width=750 750w,
//emerdepot.com/cdn/shop/files/2698d129eabe75666df0b5378f2c8108.jpg?v=1761682619&width=900 900w,
//emerdepot.com/cdn/shop/files/2698d129eabe75666df0b5378f2c8108.jpg?v=1761682619&width=1100 1100w,
//emerdepot.com/cdn/shop/files/2698d129eabe75666df0b5378f2c8108.jpg?v=1761682619&width=1500 1500w,//emerdepot.com/cdn/shop/files/2698d129eabe75666df0b5378f2c8108.jpg?v=1761682619 500w"
src="//emerdepot.com/cdn/shop/files/2698d129eabe75666df0b5378f2c8108.jpg?v=1761682619&width=1500"
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 Unistik Normal 23G 1.8mm safety lancets for blood sampling, 100 count"
: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="500"
height="397"
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/2698d129eabe75666df0b5378f2c8108_ba36d298-d6b1-4abd-ae7a-04f9b3fdf3e7.jpg?v=1761682621&width=450 450w,
//emerdepot.com/cdn/shop/files/2698d129eabe75666df0b5378f2c8108_ba36d298-d6b1-4abd-ae7a-04f9b3fdf3e7.jpg?v=1761682621&width=750 750w,
//emerdepot.com/cdn/shop/files/2698d129eabe75666df0b5378f2c8108_ba36d298-d6b1-4abd-ae7a-04f9b3fdf3e7.jpg?v=1761682621&width=900 900w,
//emerdepot.com/cdn/shop/files/2698d129eabe75666df0b5378f2c8108_ba36d298-d6b1-4abd-ae7a-04f9b3fdf3e7.jpg?v=1761682621&width=1100 1100w,
//emerdepot.com/cdn/shop/files/2698d129eabe75666df0b5378f2c8108_ba36d298-d6b1-4abd-ae7a-04f9b3fdf3e7.jpg?v=1761682621&width=1500 1500w,//emerdepot.com/cdn/shop/files/2698d129eabe75666df0b5378f2c8108_ba36d298-d6b1-4abd-ae7a-04f9b3fdf3e7.jpg?v=1761682621 500w"
src="//emerdepot.com/cdn/shop/files/2698d129eabe75666df0b5378f2c8108_ba36d298-d6b1-4abd-ae7a-04f9b3fdf3e7.jpg?v=1761682621&width=1500"
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 Unistik Normal 23G 1.8mm single use safety lancets for blood sampling, 100 count."
: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="500"
height="397"
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>
<div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"></div>

</a><div class="discount-badge discount-badge--hidden"
id="discount-badge-template--20337242538208__product-grid-10019">
<span class="discount-badge__pct">0% OFF</span>

</div>

<script>
(function(){
var sid='template--20337242538208__product-grid-10019';
var isMulti=1;

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">Owen Mumford</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-7892662223072">
<a href="/fr/collections/all/products/owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm"
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": "Owen Mumford - Lancette de sécurité normale Unistik 3 (23G x 1,8 mm)",
"listName": "Produits",
"sku": "7892662223072",
"currencyCode": "CAD",
"price": 3799,
"vendor": "Owen Mumford"
}
}"
>
Owen Mumford - Lancette de sécurité normale Unistik 3 (23G x 1,8 mm)
</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="7892662223072"> </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="7892662223072" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">3799</div><p class="price ">
<span>$37.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--20337242538208__product-grid" 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('7892662223072', [405004058848, 481234616544, 417505575136, 487133249760, 484100407520, 473594233056, 467101122784])"><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 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"
x-show="$store.xQuickView" x-cloak
>
<div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
class="w-full hide-icon lg:px-4"
:class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
x-cloak
>

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

@click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20337242538208__product-grid-7892662223072-10019', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/fr/collections/all/products/owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm', $el, 'template--20337242538208__product-grid-7892662223072-10019', 319); }, 0)"
data-id="template--20337242538208__product-grid-7892662223072-10019"
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"

@click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20337242538208__product-grid-7892662223072-10019', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/fr/collections/all/products/owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm', $el, 'template--20337242538208__product-grid-7892662223072-10019', 319); }, 0)"
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--20337242538208__product-grid-7892662223072-10019"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Owen Mumford - Lancette de sécurité normale Unistik 3 (23G x 1,8 mm)",
"listName": "Produits",
"sku": "7892662223072",
"currencyCode": "CAD",
"price": 3799,
"vendor": "Owen Mumford"
}
}"
>
<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--20337242538208__product-grid-7892662223072-10019"
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-7892662223072-template--20337242538208__product-grid-10019"
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">Owen Mumford</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-7892662223072">
<a href="/fr/collections/all/products/owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm"
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": "Owen Mumford - Lancette de sécurité normale Unistik 3 (23G x 1,8 mm)",
"listName": "Produits",
"sku": "7892662223072",
"currencyCode": "CAD",
"price": 3799,
"vendor": "Owen Mumford"
}
}"
>
Owen Mumford - Lancette de sécurité normale Unistik 3 (23G x 1,8 mm)
</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="7892662223072"> </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="7892662223072" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">3799</div><p class="price ">
<span>$37.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--20337242538208__product-grid" 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('7892662223072', [405004058848, 481234616544, 417505575136, 487133249760, 484100407520, 473594233056, 467101122784])"><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 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"
x-show="$store.xQuickView" x-cloak
>
<div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
class="w-full hide-icon lg:px-4"
:class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
x-cloak
>

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

@click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20337242538208__product-grid-7892662223072-10019', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/fr/collections/all/products/owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm', $el, 'template--20337242538208__product-grid-7892662223072-10019', 319); }, 0)"
data-id="template--20337242538208__product-grid-7892662223072-10019"
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"

@click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20337242538208__product-grid-7892662223072-10019', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/fr/collections/all/products/owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm', $el, 'template--20337242538208__product-grid-7892662223072-10019', 319); }, 0)"
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--20337242538208__product-grid-7892662223072-10019"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Owen Mumford - Lancette de sécurité normale Unistik 3 (23G x 1,8 mm)",
"listName": "Produits",
"sku": "7892662223072",
"currencyCode": "CAD",
"price": 3799,
"vendor": "Owen Mumford"
}
}"
>
<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--20337242538208__product-grid-10019', false, 'Indisponible', '/fr/collections/all/products/owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm', '7892662223072', false, true, false, 'template--20337242538208__product-grid', '', '', '//emerdepot.com/cdn/shop/files/2698d129eabe75666df0b5378f2c8108.jpg?v=1761682619', 319)"
x-init="initVariant($el)"
>
<script type="application/json">
[{"id":43527381385440,"title":"1 boîte (100 pièces)","option1":"1 boîte (100 pièces)","option2":null,"option3":null,"sku":"AT0702","requires_shipping":true,"taxable":true,"featured_image":{"id":46732459180256,"product_id":7892662223072,"position":2,"created_at":"2025-04-29T16:18:12-04:00","updated_at":"2025-10-28T16:17:01-04:00","alt":"Box of Unistik Normal 23G 1.8mm single use safety lancets for blood sampling, 100 count.","width":500,"height":397,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/2698d129eabe75666df0b5378f2c8108_ba36d298-d6b1-4abd-ae7a-04f9b3fdf3e7.jpg?v=1761682621","variant_ids":[43527381385440]},"available":true,"name":"Owen Mumford - Lancette de sécurité normale Unistik 3 (23G x 1,8 mm) - 1 boîte (100 pièces)","public_title":"1 boîte (100 pièces)","options":["1 boîte (100 pièces)"],"price":3799,"weight":318,"compare_at_price":null,"inventory_management":"shopify","barcode":"384700702014","featured_media":{"alt":"Box of Unistik Normal 23G 1.8mm single use safety lancets for blood sampling, 100 count.","id":37152881737952,"position":2,"preview_image":{"aspect_ratio":1.259,"height":397,"width":500,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/2698d129eabe75666df0b5378f2c8108_ba36d298-d6b1-4abd-ae7a-04f9b3fdf3e7.jpg?v=1761682621"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]
</script>
<div
id="current-variant-template--20337242538208__product-grid-7892662223072-10019"
class="current-variant hidden"
>
43527381385440
</div>
<div
id="variant-update-template--20337242538208__product-grid-10019"
class="variant-update-template--20337242538208__product-grid-10019 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> Lancette de sécurité à activation latérale.</p>

<p> Débit moyen</p>
</div>
</div>

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

<template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)"
class="card-info bottom_atc md:list-layout:hidden hide-icon"
:class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
x-cloak
>

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

@click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20337242538208__product-grid-7892662223072-10019', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/fr/collections/all/products/owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm', $el, 'template--20337242538208__product-grid-7892662223072-10019', 319); }, 0)"
data-id="template--20337242538208__product-grid-7892662223072-10019"
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></template>

<template x-if="$store.xQuickView">
<div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">

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

@click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20337242538208__product-grid-7892662223072-10019', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/fr/collections/all/products/owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm', $el, 'template--20337242538208__product-grid-7892662223072-10019', 319); }, 0)"
data-id="template--20337242538208__product-grid-7892662223072-10019"
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
x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/fr/collections/all/products/owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm', $el, 'template--20337242538208__product-grid-7892662223072-10019')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/fr/collections/all/products/owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm', $el, 'template--20337242538208__product-grid-7892662223072-10019')"
@click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);'
class="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"
aria-label="Bouton de visualisation rapide"
x-customer-event-data="{
"product": {
"title": "Owen Mumford - Lancette de sécurité normale Unistik 3 (23G x 1,8 mm)",
"listName": "Produits",
"sku": "7892662223072",
"currencyCode": "CAD",
"price": 3799,
"vendor": "Owen Mumford"
}
}"
x-show="$store.xQuickView.enabled"
>
<span class="flex justify-center items-center">

<span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>

</span>
</button>
</div>
</template>

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

<div class="grid-item">

<div

x-data="xProductCard('template--20337242538208__product-grid-10020', '/fr/collections/all/products/oxygen-diss-adapter-xmas-tree-connection', '8020700659936')"

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/collections/all/products/oxygen-diss-adapter-xmas-tree-connection"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 47518930501856,
"product_id": 8020700659936,
"available": true,
"title": "Adaptateur DISS Oxygen - Connexion arbre de Noël",
"compare_at_price": 0,
"price": 199,
"price_with_currency": "$1.99 CAD",
"sale_amount": "$-1.99",
"collections": "||417239924960||465493131488||418717925600||481234616544||462938898656||417505575136||487133249760||465489133792||484100407520||473594233056||481092894944||",
"inventory_management": "shopify",
"qty": 598,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1167.34,
"diff_day_publish": 1167.34

},{
"variant_id": 47518930534624,
"product_id": 8020700659936,
"available": true,
"title": "Adaptateur DISS Oxygen - Connexion arbre de Noël",
"compare_at_price": 0,
"price": 3230,
"price_with_currency": "$32.30 CAD",
"sale_amount": "$-32.30",
"collections": "||417239924960||465493131488||418717925600||481234616544||462938898656||417505575136||487133249760||465489133792||484100407520||473594233056||481092894944||",
"inventory_management": "shopify",
"qty": 1000,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1167.34,
"diff_day_publish": 1167.34

}]"

aria-label="Adaptateur DISS Oxygen - Connexion arbre de Noël"
id="8020700659936-template--20337242538208__product-grid"
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/collections/all/products/oxygen-diss-adapter-xmas-tree-connection')" 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--20337242538208__product-grid-10020--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Adaptateur DISS Oxygen - Connexion arbre de Noël",
"listName": "Produits",
"sku": "8020700659936",
"currencyCode": "CAD",
"price": 199,
"vendor": "Drive Medical DeVilbiss Healthcare"
}
}"
><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/35ece167166aa796218b8d333b136b64.jpg?v=1761684317&width=450 450w,
//emerdepot.com/cdn/shop/files/35ece167166aa796218b8d333b136b64.jpg?v=1761684317&width=750 750w,
//emerdepot.com/cdn/shop/files/35ece167166aa796218b8d333b136b64.jpg?v=1761684317&width=900 900w,
//emerdepot.com/cdn/shop/files/35ece167166aa796218b8d333b136b64.jpg?v=1761684317&width=1100 1100w,
//emerdepot.com/cdn/shop/files/35ece167166aa796218b8d333b136b64.jpg?v=1761684317&width=1500 1500w,//emerdepot.com/cdn/shop/files/35ece167166aa796218b8d333b136b64.jpg?v=1761684317 610w"
src="//emerdepot.com/cdn/shop/files/35ece167166aa796218b8d333b136b64.jpg?v=1761684317&width=1500"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="Green plastic hose barb connectors for medical or home care tubing, set of two"
: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="610"
height="610"
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/35ece167166aa796218b8d333b136b64_83d0319f-2f25-469f-ad4e-bf23d1bcc97d.jpg?v=1761684318&width=450 450w,
//emerdepot.com/cdn/shop/files/35ece167166aa796218b8d333b136b64_83d0319f-2f25-469f-ad4e-bf23d1bcc97d.jpg?v=1761684318&width=750 750w,
//emerdepot.com/cdn/shop/files/35ece167166aa796218b8d333b136b64_83d0319f-2f25-469f-ad4e-bf23d1bcc97d.jpg?v=1761684318&width=900 900w,
//emerdepot.com/cdn/shop/files/35ece167166aa796218b8d333b136b64_83d0319f-2f25-469f-ad4e-bf23d1bcc97d.jpg?v=1761684318&width=1100 1100w,
//emerdepot.com/cdn/shop/files/35ece167166aa796218b8d333b136b64_83d0319f-2f25-469f-ad4e-bf23d1bcc97d.jpg?v=1761684318&width=1500 1500w,//emerdepot.com/cdn/shop/files/35ece167166aa796218b8d333b136b64_83d0319f-2f25-469f-ad4e-bf23d1bcc97d.jpg?v=1761684318 610w"
src="//emerdepot.com/cdn/shop/files/35ece167166aa796218b8d333b136b64_83d0319f-2f25-469f-ad4e-bf23d1bcc97d.jpg?v=1761684318&width=1500"
sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
alt="Pair of green plastic hose barb connectors with threaded ends for medical tubing"
: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="610"
height="610"
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>
<div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"></div>

</a><div class="discount-badge discount-badge--hidden"
id="discount-badge-template--20337242538208__product-grid-10020">
<span class="discount-badge__pct">0% OFF</span>

<span class="discount-badge__variant">1 pièce</span>

</div>

<script>
(function(){
var sid='template--20337242538208__product-grid-10020';
var isMulti=2;

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">Drive Medical DeVilbiss Healthcare</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-8020700659936">
<a href="/fr/collections/all/products/oxygen-diss-adapter-xmas-tree-connection"
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": "Adaptateur DISS Oxygen - Connexion arbre de Noël",
"listName": "Produits",
"sku": "8020700659936",
"currencyCode": "CAD",
"price": 199,
"vendor": "Drive Medical DeVilbiss Healthcare"
}
}"
>
Adaptateur DISS Oxygen - Connexion arbre de Noë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="8020700659936"> </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="8020700659936" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">199</div><p class="price ">
<span>À partir de $1.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--20337242538208__product-grid" 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('8020700659936', [417239924960, 465493131488, 418717925600, 481234616544, 462938898656, 417505575136, 487133249760, 465489133792, 484100407520, 473594233056, 481092894944])"><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 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"
x-show="$store.xQuickView" x-cloak
>
<div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
class="w-full hide-icon lg:px-4"
:class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
x-cloak
>

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

@click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20337242538208__product-grid-8020700659936-10020', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/fr/collections/all/products/oxygen-diss-adapter-xmas-tree-connection', $el, 'template--20337242538208__product-grid-8020700659936-10020', 320); }, 0)"
data-id="template--20337242538208__product-grid-8020700659936-10020"
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"

@click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20337242538208__product-grid-8020700659936-10020', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/fr/collections/all/products/oxygen-diss-adapter-xmas-tree-connection', $el, 'template--20337242538208__product-grid-8020700659936-10020', 320); }, 0)"
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--20337242538208__product-grid-8020700659936-10020"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Adaptateur DISS Oxygen - Connexion arbre de Noël",
"listName": "Produits",
"sku": "8020700659936",
"currencyCode": "CAD",
"price": 199,
"vendor": "Drive Medical DeVilbiss Healthcare"
}
}"
>
<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--20337242538208__product-grid-8020700659936-10020"
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-8020700659936-template--20337242538208__product-grid-10020"
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">Drive Medical DeVilbiss Healthcare</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-8020700659936">
<a href="/fr/collections/all/products/oxygen-diss-adapter-xmas-tree-connection"
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": "Adaptateur DISS Oxygen - Connexion arbre de Noël",
"listName": "Produits",
"sku": "8020700659936",
"currencyCode": "CAD",
"price": 199,
"vendor": "Drive Medical DeVilbiss Healthcare"
}
}"
>
Adaptateur DISS Oxygen - Connexion arbre de Noë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="8020700659936"> </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="8020700659936" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">199</div><p class="price ">
<span>À partir de $1.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--20337242538208__product-grid" 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('8020700659936', [417239924960, 465493131488, 418717925600, 481234616544, 462938898656, 417505575136, 487133249760, 465489133792, 484100407520, 473594233056, 481092894944])"><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 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"
x-show="$store.xQuickView" x-cloak
>
<div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
class="w-full hide-icon lg:px-4"
:class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
x-cloak
>

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

@click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20337242538208__product-grid-8020700659936-10020', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/fr/collections/all/products/oxygen-diss-adapter-xmas-tree-connection', $el, 'template--20337242538208__product-grid-8020700659936-10020', 320); }, 0)"
data-id="template--20337242538208__product-grid-8020700659936-10020"
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"

@click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20337242538208__product-grid-8020700659936-10020', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/fr/collections/all/products/oxygen-diss-adapter-xmas-tree-connection', $el, 'template--20337242538208__product-grid-8020700659936-10020', 320); }, 0)"
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--20337242538208__product-grid-8020700659936-10020"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Ajouter au panier"

x-customer-event-data="{
"product": {
"title": "Adaptateur DISS Oxygen - Connexion arbre de Noël",
"listName": "Produits",
"sku": "8020700659936",
"currencyCode": "CAD",
"price": 199,
"vendor": "Drive Medical DeVilbiss Healthcare"
}
}"
>
<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--20337242538208__product-grid-10020', false, 'Indisponible', '/fr/collections/all/products/oxygen-diss-adapter-xmas-tree-connection', '8020700659936', false, true, false, 'template--20337242538208__product-grid', '', '', '//emerdepot.com/cdn/shop/files/35ece167166aa796218b8d333b136b64.jpg?v=1761684317', 320)"
x-init="initVariant($el)"
>
<script type="application/json">
[{"id":47518930501856,"title":"1 pièce","option1":"1 pièce","option2":null,"option3":null,"sku":"XM-1","requires_shipping":true,"taxable":false,"featured_image":{"id":47722516021472,"product_id":8020700659936,"position":3,"created_at":"2025-06-19T18:45:17-04:00","updated_at":"2025-10-28T16:45:20-04:00","alt":"Pair of green plastic hose connectors for medical tubing on white background","width":610,"height":610,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/35ece167166aa796218b8d333b136b64_cdaa955a-50cf-4cbb-a0c5-3411a696d259.jpg?v=1761684320","variant_ids":[47518930501856]},"available":true,"name":"Adaptateur DISS Oxygen - Connexion arbre de Noël - 1 pièce","public_title":"1 pièce","options":["1 pièce"],"price":199,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"2141940425817","featured_media":{"alt":"Pair of green plastic hose connectors for medical tubing on white background","id":37698887024864,"position":3,"preview_image":{"aspect_ratio":1.0,"height":610,"width":610,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/35ece167166aa796218b8d333b136b64_cdaa955a-50cf-4cbb-a0c5-3411a696d259.jpg?v=1761684320"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47518930534624,"title":"1 paquet (25 pièces)","option1":"1 paquet (25 pièces)","option2":null,"option3":null,"sku":"XM-1-C","requires_shipping":true,"taxable":false,"featured_image":{"id":47722518872288,"product_id":8020700659936,"position":4,"created_at":"2025-06-19T18:45:19-04:00","updated_at":"2025-10-28T16:45:25-04:00","alt":"Pair of green medical hose adapters with threaded connectors on white background","width":610,"height":610,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/35ece167166aa796218b8d333b136b64_d17bd1f8-06c3-4822-b22c-b920510a98a2.jpg?v=1761684325","variant_ids":[47518930534624]},"available":true,"name":"Adaptateur DISS Oxygen - Connexion arbre de Noël - 1 paquet (25 pièces)","public_title":"1 paquet (25 pièces)","options":["1 paquet (25 pièces)"],"price":3230,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"9791076674660","featured_media":{"alt":"Pair of green medical hose adapters with threaded connectors on white background","id":37698889351392,"position":4,"preview_image":{"aspect_ratio":1.0,"height":610,"width":610,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/35ece167166aa796218b8d333b136b64_d17bd1f8-06c3-4822-b22c-b920510a98a2.jpg?v=1761684325"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]
</script>
<div
id="current-variant-template--20337242538208__product-grid-8020700659936-10020"
class="current-variant hidden"
>
47518930501856
</div>
<div
id="variant-update-template--20337242538208__product-grid-10020"
class="variant-update-template--20337242538208__product-grid-10020 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>Convertit une sortie DISS en sortie cannelée. Compatible avec les concentrateurs d'oxygène médical de 5 et 10 litres.</p>
</div>
</div>

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

<template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)"
class="card-info bottom_atc md:list-layout:hidden hide-icon"
:class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
x-cloak
>

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

@click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20337242538208__product-grid-8020700659936-10020', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/fr/collections/all/products/oxygen-diss-adapter-xmas-tree-connection', $el, 'template--20337242538208__product-grid-8020700659936-10020', 320); }, 0)"
data-id="template--20337242538208__product-grid-8020700659936-10020"
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></template>

<template x-if="$store.xQuickView">
<div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">

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

@click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20337242538208__product-grid-8020700659936-10020', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/fr/collections/all/products/oxygen-diss-adapter-xmas-tree-connection', $el, 'template--20337242538208__product-grid-8020700659936-10020', 320); }, 0)"
data-id="template--20337242538208__product-grid-8020700659936-10020"
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
x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/fr/collections/all/products/oxygen-diss-adapter-xmas-tree-connection', $el, 'template--20337242538208__product-grid-8020700659936-10020')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/fr/collections/all/products/oxygen-diss-adapter-xmas-tree-connection', $el, 'template--20337242538208__product-grid-8020700659936-10020')"
@click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);'
class="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"
aria-label="Bouton de visualisation rapide"
x-customer-event-data="{
"product": {
"title": "Adaptateur DISS Oxygen - Connexion arbre de Noël",
"listName": "Produits",
"sku": "8020700659936",
"currencyCode": "CAD",
"price": 199,
"vendor": "Drive Medical DeVilbiss Healthcare"
}
}"
x-show="$store.xQuickView.enabled"
>
<span class="flex justify-center items-center">

<span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>

</span>
</button>
</div>
</template>

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

</div>
<div class="flex justify-center items-center mt-3 md:mt-7 mb-7 flex-col-reverse lg:flex-row">

<div class="md:max-w-[80%] flex items-center flex-wrap">
<nav class="pagination" role="navigation" aria-label="Pagination">
<ul class="flex items-center justify-center lg:justify-start flex-wrap font-medium gap-x-4" role="list"><li class="rotate-180">
<a href="/fr/collections/all?page=99" class="md:p-4 p-3.5 block disable-effect" aria-label="Précédent" data-instant-allow-query-string>

<span class="w-4 h-4 block rtl:rotate-180">
<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>

</span>

</a>
</li>

<li class="my-1 md:w-14 md:h-14 flex items-center justify-center"><a href="/fr/collections/all" class="md:w-14 md:h-14 disable-effect bg-auto bg-none w-11 h-11 bg-[rgba(var(--colors-text),0.2)] rounded-full flex items-center justify-center" aria-label="1 de page" data-instant-allow-query-string>1</a></li>

<li class="my-1 md:w-14 md:h-14 flex items-center justify-center"><span class="pagination__item">…</span></li>

<li class="my-1 md:w-14 md:h-14 flex items-center justify-center"><a href="/fr/collections/all?page=98" class="md:w-14 md:h-14 disable-effect bg-auto bg-none w-11 h-11 bg-[rgba(var(--colors-text),0.2)] rounded-full flex items-center justify-center" aria-label="98 de page" data-instant-allow-query-string>98</a></li>

<li class="my-1 md:w-14 md:h-14 flex items-center justify-center"><a href="/fr/collections/all?page=99" class="md:w-14 md:h-14 disable-effect bg-auto bg-none w-11 h-11 bg-[rgba(var(--colors-text),0.2)] rounded-full flex items-center justify-center" aria-label="99 de page" data-instant-allow-query-string>99</a></li>

<li class="my-1 md:w-14 md:h-14 flex items-center justify-center"><p aria-disabled="true" class="button button-action boder-none md:w-14 md:h-14 w-11 h-11 rounded-full flex items-center justify-center" aria-current="page" aria-label="100 de page">100</p></li>

<li class="my-1 md:w-14 md:h-14 flex items-center justify-center"><a href="/fr/collections/all?page=101" class="md:w-14 md:h-14 disable-effect bg-auto bg-none w-11 h-11 bg-[rgba(var(--colors-text),0.2)] rounded-full flex items-center justify-center" aria-label="101 de page" data-instant-allow-query-string>101</a></li>

<li class="my-1 md:w-14 md:h-14 flex items-center justify-center"><a href="/fr/collections/all?page=102" class="md:w-14 md:h-14 disable-effect bg-auto bg-none w-11 h-11 bg-[rgba(var(--colors-text),0.2)] rounded-full flex items-center justify-center" aria-label="102 de page" data-instant-allow-query-string>102</a></li>

<li class="my-1 md:w-14 md:h-14 flex items-center justify-center"><span class="pagination__item">…</span></li>

<li class="my-1 md:w-14 md:h-14 flex items-center justify-center"><a href="/fr/collections/all?page=133" class="md:w-14 md:h-14 disable-effect bg-auto bg-none w-11 h-11 bg-[rgba(var(--colors-text),0.2)] rounded-full flex items-center justify-center" aria-label="133 de page" data-instant-allow-query-string>133</a></li>

<li class="">
<a href="/fr/collections/all?page=101" class="md:p-4 p-3.5 block disable-effect" aria-label="Suivant" data-instant-allow-query-string>

<span class="w-4 h-4 block">
<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>

</span>

</a>
</li></ul>
</nav>
</div>

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

<script src="//emerdepot.com/cdn/shop/t/64/assets/preview-color-swatches.js?v=155925112040687201791761256187" defer></script>
<style> #shopify-section-template--20337242538208__product-grid .card-product {border-radius: 10px;} </style></div><section id="shopify-section-template--20337242538208__related_searches_8ee64m" class="shopify-section section section-related-searches"><style data-shopify>#shopify-section-template--20337242538208__related_searches_8ee64m .rs-wrap{margin-block:1rem 2rem;}
#shopify-section-template--20337242538208__related_searches_8ee64m .rs-chips{display:flex;flex-wrap:wrap;gap:12px}
#shopify-section-template--20337242538208__related_searches_8ee64m .rs-chip{
display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;line-height:1;white-space:nowrap;
padding:8px 12px;
font-size:.925rem;
border-radius:999px;
transition:all .15s ease;
border:1px solid rgba(0,0,0,.14);
background:rgba(0,0,0,.04);
color:inherit;
}
#shopify-section-template--20337242538208__related_searches_8ee64m .rs-chip:hover,
#shopify-section-template--20337242538208__related_searches_8ee64m .rs-chip:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.08) inset;text-decoration:none;}
.dark #shopify-section-template--20337242538208__related_searches_8ee64m .rs-chip{
border-color:rgba(255,255,255,.18);
background:rgba(255,255,255,.06);
}
#shopify-section-template--20337242538208__related_searches_8ee64m .rs-title{margin:0 0 .75rem 0;}
#shopify-section-template--20337242538208__related_searches_8ee64m .rs-icon{width:1em;height:1em;flex:0 0 auto;}</style><section class="rs-wrap x-pgw page-width" aria-labelledby="rs-heading-template--20337242538208__related_searches_8ee64m"><h2 class="rs-title h3" id="rs-heading-template--20337242538208__related_searches_8ee64m">Related Searches</h2><nav class="rs-chips" aria-label="Related searches"><a class="rs-chip" href="/fr/search?q=masks&type=product" title="masks"><svg class="rs-icon" viewBox="0 0 20 20" aria-hidden="true" focusable="false">
<path fill="currentColor" d="M13.5 12.1l4 4a1 1 0 01-1.4 1.4l-4-4a7 7 0 111.4-1.4zM8.5 13a4.5 4.5 0 100-9 4.5 4.5 0 000 9z"/>
</svg><span>masks</span>
</a><a class="rs-chip" href="/fr/search?q=gloves&type=product" title="gloves"><svg class="rs-icon" viewBox="0 0 20 20" aria-hidden="true" focusable="false">
<path fill="currentColor" d="M13.5 12.1l4 4a1 1 0 01-1.4 1.4l-4-4a7 7 0 111.4-1.4zM8.5 13a4.5 4.5 0 100-9 4.5 4.5 0 000 9z"/>
</svg><span>gloves</span>
</a><a class="rs-chip" href="/fr/search?q=sanitizer&type=product" title="sanitizer"><svg class="rs-icon" viewBox="0 0 20 20" aria-hidden="true" focusable="false">
<path fill="currentColor" d="M13.5 12.1l4 4a1 1 0 01-1.4 1.4l-4-4a7 7 0 111.4-1.4zM8.5 13a4.5 4.5 0 100-9 4.5 4.5 0 000 9z"/>
</svg><span>sanitizer</span>
</a></nav>
</section>
</section><section id="shopify-section-template--20337242538208__collection_faq_instructions_zVjYAW" class="shopify-section section section-faq-instructions"><section class="faq-instructions page-width">

</section>

<style>
.faq-instructions details {
margin-bottom: 1rem;
border: 1px solid #ddd;
border-radius: 6px;
padding: 0.5rem 1rem;
}

.faq-instructions summary {
font-weight: bold;
cursor: pointer;
list-style: none;
display: flex;
justify-content: space-between;
align-items: center;
}

.faq-instructions summary::-webkit-details-marker {
display: none; /* убираем стандартный треугольник */
}

/* Иконка +/× */
.faq-instructions summary .icon::before {
content: "+";
font-size: 1.6rem;
font-weight: bold;
color: #000;
transition: all 0.2s ease;
line-height: 1;
}

.faq-instructions details[open] summary .icon::before {
content: "×";
}
</style>

</section>
</main>


<section id="shopify-section-sections--20337234739424__newsletter_XwwNyW" class="shopify-section shopify-section-group-footer-group-puff section section-newsletter x-section"><style data-shopify>#shopify-section-sections--20337234739424__newsletter_XwwNyW{
background: #163786;
}
.dark #shopify-section-sections--20337234739424__newsletter_XwwNyW{

background: transparent;

}

#shopify-section-sections--20337234739424__newsletter_XwwNyW, #shopify-section-sections--20337234739424__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--20337234739424__newsletter_XwwNyW, .dark #shopify-section-sections--20337234739424__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--20337234739424__newsletter_XwwNyW" id="NewsletterForm--sections--20337234739424__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--20337234739424__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--20337234739424__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--20337234739424__newsletter_XwwNyW input.w-full.input {color: #fff;} </style></section><div id="shopify-section-sections--20337234739424__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.eyJpc3MiOiJlbWVyZGVwb3QyLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc4MTQxMjc1NCwibmJmIjoxNzgwODA3OTU0fQ.VzTo9ynT80q8p75Zw0IIEIz0CGOl7oxs3o15btGdpOI" 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.eyJpc3MiOiJlbWVyZGVwb3QyLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc4MTQxMjc1NCwibmJmIjoxNzgwODA3OTU0fQ.VzTo9ynT80q8p75Zw0IIEIz0CGOl7oxs3o15btGdpOI" 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>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</p><p>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>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</p><p>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 xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" 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" opacity=".07"/><path fill="#006FCF" 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"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg>

</li><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 viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</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"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></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 viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</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="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></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/64/assets/splide4.1.3.js?v=75458750262329959491761256187',
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/64/assets/coupon-code.js?v=119466138447697525301761256187" defer></script>

<script src="//emerdepot.com/cdn/shop/t/64/assets/preview-color-swatches.js?v=155925112040687201791761256187" defer></script><script src="//emerdepot.com/cdn/shop/t/64/assets/cart-countdown-timer.js?v=77014980537577292541761256187" defer></script>
<script src="//emerdepot.com/cdn/shop/t/64/assets/collection-collapse.js?v=142391962355973700991761256187" defer></script>

<script src="//emerdepot.com/cdn/shop/t/64/assets/theme.js?v=32379483547856471201761256187" defer></script>
<script src="//emerdepot.com/cdn/shop/t/64/assets/vendors.js?v=21726020999429958561761256187" defer></script>
<script>
window.addEventListener("load", (event) => {
deferScriptLoad('instant.page', '//emerdepot.com/cdn/shop/t/64/assets/instant.page.v5.1.1.js?v=43232110432331176871761256187', () => {}, true);
});
</script>

<script>
const searchSection = document.querySelector('.search-section');
window.addEventListener('scroll', () => {
if (window.scrollY >= searchSection.offsetTop) {
searchSection.classList.add('is-sticky');
} else {
searchSection.classList.remove('is-sticky');
}
});

</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>

<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) {section.section-slideshow {display: none !important; }} </style>
<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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/assets/cropper.min.js" async crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.shopify.com/extensions/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/assets/cropper.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.shopify.com/extensions/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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 = undefined;
}
catch(err){
window.birseShopLanguage = undefined;
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';
var birseResultShowVariant=('' || 'true') === 'true';
</script>

<script src="https://cdn.shopify.com/extensions/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/assets/wishlist-button.js" defer crossorigin="anonymous"></script>
<script src="https://cdn.shopify.com/extensions/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/assets/img-search.js" defer crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.shopify.com/extensions/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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 =
('true' || 'true') === 'true';
var birseSearchSuggestionShowWishlistIcon =
('' || 'true') === 'true';

var birseSuggestionCustomKeyword = null

var birseSuggestionCustomCollection = null

</script>
<script src="https://cdn.shopify.com/extensions/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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,
[data-predictive-search] {
display: 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-ARzdWTngvMFlVWUtIS__8776485610325655785" class="shopify-block shopify-app-block">
<link href="//cdn.shopify.com/extensions/019e0fb1-90d3-7e42-a546-243a456a4c7e/simple-social-login-168/assets/fonts.css" rel="stylesheet" type="text/css" media="all" />

<link href="//cdn.shopify.com/extensions/019e0fb1-90d3-7e42-a546-243a456a4c7e/simple-social-login-168/assets/styles.css" rel="stylesheet" type="text/css" media="all" />
<script src="https://cdn.shopify.com/extensions/019e0fb1-90d3-7e42-a546-243a456a4c7e/simple-social-login-168/assets/app.js?" async defer></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%2Fcollections%2Fall%3Fpage%3D100&locale=fr&ui_hint=full?return_to=%2Ffr%2Fcollections%2Fall">
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",
}
}
});
}, { once: true });
</script>

</div><div id="shopify-block-AR3VFSUhDUEFzcE12O__11842321875530314702" class="shopify-block shopify-app-block">

<script src="https://cdn.shopify.com/extensions/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/assets/cropper.min.js" async crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.shopify.com/extensions/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/assets/cropper.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.shopify.com/extensions/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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 = undefined;
}
catch(err){
window.birseShopLanguage = undefined;
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';
var birseResultShowVariant=('' || 'true') === 'true';
</script>

<script src="https://cdn.shopify.com/extensions/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/assets/wishlist-button.js" defer crossorigin="anonymous"></script>
<script src="https://cdn.shopify.com/extensions/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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 src="https://cdn.shopify.com/extensions/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/assets/in-store-image-search.js" defer crossorigin="anonymous"></script>
<birse-in-store-img-search-button init style="display: none;">
<template id="birse-in-store-img-search-button">
<svg viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_13537_70004)">
<path d="M14 14L16 16" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M10.5 15C12.9853 15 15 12.9853 15 10.5C15 8.01472 12.9853 6 10.5 6C8.01472 6 6 8.01472 6 10.5C6 12.9853 8.01472 15 10.5 15Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="10"/>
<path d="M1 7V5C1 2.79086 2.79086 1 5 1H7M21 7V5C21 2.79086 19.2091 1 17 1H15M7 21H5C2.79086 21 1 19.2091 1 17V15M15 21H17C19.2091 21 21 19.2091 21 17V15" stroke="currentColor" stroke-width="2"/>
</g>
</svg>
<div class="birse-tooltip">
Recherche par image
</div>
</template>
</birse-in-store-img-search-button>
<style>
birse-in-store-img-search-button{
--birse-bg-color: #0d2848;
--birse-icon-color: #ffffff;
--birse-tooltip-text-color: #ffffff;
--birse-tooltip-bg-color: #24343F;

--birse-box-shadow: 0px 2px 4px 0px #00000026;

}

.card:hover birse-in-store-img-search-button{
display: grid;
}
.card:hover~birse-in-store-img-search-button{
display: grid;
}
birse-in-store-img-search-button:hover{
display: grid;
}

</style>

<script></script>
<script id="birse-in-store-img-search-setting" type="application/json">
{
"product_link_selector": "",
"product_card_selector": "",
"product_img_selector": "",
"product_img_src_attribute": "",
"icon_position": "top-right"
}
</script>

</div><div id="shopify-block-Aajk0TllTV2lJZTdoT__15683396631634586217" class="shopify-block shopify-app-block"><script
id="chat-button-container"
data-horizontal-position=bottom_right
data-vertical-position=highest
data-icon=chat_bubble
data-text=chat_with_us
data-color=#000000
data-secondary-color=#ffffff
data-ternary-color=#6a6a6a

data-domain=emerdepot.com
data-shop-domain=emerdepot.com
data-external-identifier=u1sGAldv791x3-7xYoazhOf2EcJYrW1PCiav_Rrn9zw

>
</script>

</div><div id="shopify-block-ARmo2bTE2OXdxeFhib__17707558499264185972" class="shopify-block shopify-app-block">

<script>
var birseDragOpen = ('true' || 'true') === 'true';
var birseInputSelector = `input[name='q']`;
</script>
<script src="https://cdn.shopify.com/extensions/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/assets/cropper.min.js" async crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.shopify.com/extensions/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/assets/cropper.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.shopify.com/extensions/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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 = undefined;
}
catch(err){
window.birseShopLanguage = undefined;
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';
var birseResultShowVariant=('' || 'true') === 'true';
</script>

<script src="https://cdn.shopify.com/extensions/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/assets/wishlist-button.js" defer crossorigin="anonymous"></script>
<script src="https://cdn.shopify.com/extensions/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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 src="https://cdn.shopify.com/extensions/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/assets/img-search.js" defer crossorigin="anonymous"></script>

<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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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/019df7a5-bdd9-7522-8a6a-0770f4531031/birse-258/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>

<style>
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>
<script>
window.addEventListener('DOMContentLoaded', () => {
if (!birseImageSearch) return;
function setupInputImageSearch() {
if (!customElements.get('birse-img-upload-button')) return;
const searchInputs = document.querySelectorAll(
`${birseInputSelector ?? "input[name='q']"}:not([data-birse-input-image-search])`
);
searchInputs.forEach((searchInput) => {
if (getComputedStyle(searchInput).display === 'none' || searchInput.type === 'hidden') return;
searchInput.dataset.birseInputImageSearch = 'true';
const searchParent = searchInput.parentElement;
const searchParentPosition = getComputedStyle(searchParent).position;
if (searchParentPosition === 'static') searchParent.style.position = 'relative';
const imageSearchBtn = document.createElement('birse-img-upload-button');
imageSearchBtn.inputEle = searchInput;
imageSearchBtn.classList.add('input-bar');
imageSearchBtn.classList.add('birse-img-upload-btn');
searchParent.appendChild(imageSearchBtn);
});
}
setupInputImageSearch();
const observer = new MutationObserver((mutationsList) => {
if (!mutationsList.find((mutation) => mutation.type === 'childList')) return;
setupInputImageSearch();
});
observer.observe(document.body, { childList: true, subtree: true });
});
</script>

</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: "collection"
};
</script>

</div></body>
</html>}