Products

Need help? Call us now:

+1 (888) 401 3637

All types
10mL Luer Lock Syringe with Needle
16G Hypodermic Needles
18G Hypodermic Needles
18G Safety Hypodermic Needles
19G Hypodermic Needles
1mL Luer Lock Syringe with Safety Needle
20G Hypodermic Needles
20G Safety Hypodermic Needles
21G Hypodermic Needles
21G Safety Hypodermic Needles
22G Hypodermic Needles
22G Safety Hypodermic Needles
23G Hypodermic Needles
23G Safety Hypodermic Needles
25G Hypodermic Needles
25G Safety Hypodermic Needles
26G Hypodermic Needles
27G Hypodermic Needles
27G Safety Hypodermic Needles
29G Hypodermic Needles
30G Hypodermic Needles
30G Safety Hypodermic Needles
31G Hypodermic Needles
32G Hypodermic Needles
33G Hypodermic Needles
34G Hypodermic Needles
3mL Luer Lock Safety Syringe with Needle
3mL Luer Lock Syringe with Needle
3mL Luer Lock Syringe with Safety Needle
5mL Luer Lock Syringe with Needle
70% Isopropyl Alcohol
99% Isopropyl Alcohol
Acupuncture Needles
Adhesive Remover
Adult Brief Diapers
Adult Hygienic Wipes
Adult Masks
Adult Pad
Adult Stethoscope
Adult Stethoscopes
Air Freshener
Alcohol Wipes
Allergy Syringe Tray
Antiseptic Solutions
Antiseptic Wipes
Aprons
Arm Slings
Articulating Paper
Autoclaves
Back Brace
Barrier Creams
Barrier Films
Barrier Ointments
Barrier Spray
Bath Sponges & Loofahs
Bathroom Safety Rails
Bed Safety Rails
Bed Sheets
Bed Wedges
Bedpans
Bedside Tables
Bile Drainage Bags
Blanket Warming
Blood Collection
Blood Collection & Vacutainer
Blood Collection Needles
Blood Collection Tube Holders
Blood Collection Tubes/Vacutainers
Blood Filters
Blood Pressure Monitor
Blood Pressure Monitors
Blunt fill
Blunt Fill Needles
Body Wash
Booster Pads
Bouffant Cap
Butterfly Blood Collection Sets
Butterfly Blood Collections Sets
Butterfly Winged Infusion Sets
Canes & Walking Sticks
Cannula Needles
care bed
Cast
Cast Padding
Cast Protector
Catheter Tip Syringe
Cervical Collar
Cervical Dilator
Chest Tube Insertion Tray
Cleanser
Commode Chairs
Cotton Balls
Cotton Rolls
Cotton Tip Applicators
Cotton Tipped Applicators
Covid Test Kits
CPAP FULL FACE MASK
CPAP Nasal Mask
CPAP Wipes
CPR Mask
Crutches
Curettes
Daily Assistive Devices
Defibrillator Pad
Defibrillators
Dental Barrier
Dental Bib Holders
Dental Bibs
Dental Cup
Dental Dam Punch
Dental Supply
Dental Tray
Deodorant
Dextrose for Injection
Dextrose Sodium Chloride Injection
Diapers
Disinfectant Wipes
Disposable Bed Sheets
Disposable Examination Capes
Disposable Examination Gowns
Disposable Scrub
Disposable Spa Headband
Disposable Underpads
Drain Gauze Sponge
Drainage and Suction Accessories
Dressing
Dual Adult & Pediatric
Dual-Port Gravity Sets
Dual-Port Primary Sets
Ear Irrigations
Earloop Mask others
earwax
Eccentric Tip Syringe
Elastic Bandage
Elbow Brace
Electric Bed
Electric Wheelchairs
Electrodes
Endodontic Irrigation Needles
Endotracheal Tube Securement Device
Enteral Feeding Pump Set
Enteral Feeding Pumps
Enteral Feeding Tubes
Enteral Syringes
Evacuator Tips
Examination Drape Sheets
Examination Table Papers
Examination Tables
Extraction Forceps
Eye Chart
Eyewash
Face Shield
Facial Tissues
false
Feeding Adapters
Feeding Extension Set
Feeding tube
female catheter
Female Urinals
Fetal Dopplers
Finger Cots
First Aid Kits
First Aid supplies
Flannel Bandage
Foam Dressings
Foley Catheters
Foley Insertion Tray
Forceps
Garbage Bags
Gauze
Gauze Bandage
Gauze Pads & Sponges
Glucometers
Grab Bars
Gravity admin Sets needle free
Gynecology
Hand Held Reachers
Hand Paper Towels
Hand Sanitizers
Hand Soap
Health & Beauty
Health Care
Hemorrhoid Ointment
Hernia Boxer
Hernia Support Belts
HIV Test Kits
Hospital Bed
Hospital Beds
Hot & Cold Packs
Humidifier Bottles
Hydrophilic Catheters
Hypodermic Needle with syringe
Incontinence Cleansers
Incontinence Wipes
Infant Supplies
Injection Saline
Instrument Cleaning & Lubricant
Insulin Infusion Sets
Insulin Pen Needles
Insulin Syringe with Needle
Intermittent Catheters
Irrigation Saline for Wound Cleansing
Irrigation Syringes & Trays
Irrigation Tray
Isolation Gown
IV Catheter Securement Tapes
IV Fluid/Blood Warming Sets
IV Medication Added Labels
IV Poles & Stands
IV Start Kits
IV Supplies & Accessories
IV Tubing Connectors
IV Tubing Extension Sets
KN95 Mask
Knee Brace
Laceration Trays
Lactated Ringer's Injection
Latex Examination Gloves
Latex Surgical Gloves
Leg Drainage Bags
Level 2 Earloop Mask
Level 3 Earloop Mask
Lidocaine Labels
Local Anesthetics
Lubricant Mineral Oil
Lubricating Gels
Luer Lock End Caps
Luer Lock Safety Syringe
Luer Lock Syringe
Male External Catheters
Male Urinals
Manual Wheelchairs
Mask Fit Test Kits
Mask Fit Test Solutions
Mattress
Medical Equipment
Medical Mask
Medical Scales
Medical Tape
Medical Tape & Bandages
Micro Brushes
Multi-port Gravity Sets
Multi-Port Primary Gravity Sets
N95 Adult Mask
N95 Adult Mask NIOSH
N95 Earloop
N95 Kids Mask
N95 Respirators
N95 Surgical Mask
Nail Cleaner
Nasal Cannula
Nebulizer Cups
Nebulizer Kits
Nebulizer Machine Filters
Nebulizer Machines
Nebulizer Mask
Nebulizer Mouthpiece
Neck Collar Brace
Needle & Syringes / Syringe with Safety Needle
Needle Holder
Night Drainage Bags
Nitrile Examination Gloves
Nitrile Gloves
Nitrile Surgical Gloves
Ophthalmic Supplies
Ophthalmoscopes
Oral Swabsticks
Oral Syinge
Oral Syringe
Ostomy Bag & Pouch & Flange
Ostomy Barrier
Ostomy pouch
Ostomy Pouches
Ostomy Supplies
Otoscopes
Oxygen Concentrator Adapter
Oxygen Concentrator Filter
Oxygen Concentrator Filters
Oxygen Conserver
Oxygen Mask
Oxygen Station
Oxygen Tank
Oxygen Tank Accessories
Oxygen Tubing
Oxygen Tubing Connector
pads
Paper Medicine Cups
Patient Stools
Patient Transfer Sheet
Pediatric Stethoscope
Pediatric/Youth/Child Earloop Mask
Penlights
Percussion Hammers
Perineal Lotions
Peripheral Venous Catheters
Personal Emergency Transmitter
Pill Crusher Machine
Pill Crusher Sleeve
Pillow Covers
Polyethylene Gloves
Polyisoprene Surgical Gloves
Portable Oxygen Booster
Portable Oxygen Concentrator
Portable Oxygen Concentrator Batteries
Prefilled Syringe
Pregnancy Test Kits
Prophy Paste
Pull-Up Underwears
Pulse Oximeters
Raised Toilet Seats
Razor
Reusable Examination Gowns
Rollator
Rollators
Safety Goggle
Safety Lancets
Safety Syringe with needle
Saliva Absorbents
Saliva Ejectors
Sanitizer/Soap Dispenser
Seat Wedge Cushion
Shampoo
Sharps Disposal Containers
Sheath Holders
Shoe Cover
Shower Bath Mat
Shower Benches
Shower Chairs
Shower Stools
Single Port Prmary-Gravity Sets
Single-Port Gravity Sets
Single-Port Pediatric Sets
Single-Port Primary Sets
Single-Port Secondary IV Sets
Single-Port Secondary Sets
Skin Stapler Remover
Skin Staplers
Slip Tip Syringe
Slip Tip Syringe with Needle
Sock Aid
Socks
Sodium Chloride Inhalation
Sodium Chloride Injection
Sodium Chloride Irrigation Solutions
Sodium Tetradecyl Sulfate Injection
Solution Test Strips
Specimen Bags
Specimen Collection Cups
Specimen Collector
Specimen Collectors
Spinal Needle
Splint
Sponges & Scouring Pads
Stationary Oxygen Concentrator
Stationary Oxygen Concentrator Charger
Steam Inhalers
Sterile Surgical Gown
Sterile Water for Irrigation
Sterile Water Inhalation
Sterile Water Injection
Sterilization Indicators
Sterilization Pouches
Sterilization Wraps
Stethoscope Accessories
Stomach Tubes
Suction Canister
Suction Catheter
Suction Filter
Suction Machine
Suction Therapy Accessories
Suction Tubing
Surface Disinfectant Liquid
Surgical Needles & Sutures
Surgical Scalpel Blades
Surgical Scissors
Surgical Supplies
Surgical Sutures
Surgical Trays
Suture Removal Kit
Syringe Irrigation
Syringe Tip Cap
Syringe with Fixed Needle
Temp Management
Test Tube Racks
thermometer
Thermometers
Thiamine Hydrochloride Injection
Tissue Paper
Tongue Depressors
Topical Anesthetics
Topical Gel
Tourniquets
Tracheostomy Mask
Tracheostomy Tray
Tracheostomy Tube Cuffed Disposable Inner Cannula
Tracheostomy Tube Cuffed Fenestrated Disposable Inner Cannula
Tracheostomy Tube Cuffed Fenestrated Reusable Inner Cannula
Tracheostomy Tube Cuffed Reusable Inner Cannula
Tracheostomy Tube Cuffed XLT Extended Distal
Tracheostomy Tube Cuffless Disposable Inner Cannula
Tracheostomy Tube Cuffless Fenestrated Disposable Inner Cannula
Tracheostomy Tube Cuffless Fenestrated Reusable Inner Cannula
Tracheostomy Tube Cuffless Reusable Inner Cannula
Tracheostomy Tube Cuffless XLT Extended Distal
Tracheostomy Tube Cuffless XLT Extended Proximal
Tracheostomy Tube Disposable Inner Cannula Replacement
Tracheostomy Tube Holders
Tracheostomy Tube XLT Inner Cannula Replacement
Tracheostomy Tubes
Transport Wheelchairs
Trash Containers and Bags
Triangular Bandage
Tuberculin Syringe with Needle
Tubular Bandages
Tuning Forks
Ultrasonic Cleaners
Ultrasound Gel
Ultrasound Probe Cover
Underpads Washable
Urinals
Urinary Bag
Urinary Bag Holder
Urine Test Strips
Vaginal Pessary
Vaginal Speculum
Veterinary Catheters
Vinyl Examination Gloves
Walker Accessories
Walker Boots Brace
Walkers
Walkers Accessories
Wash Creams
Washable Underpads
Waste Management & Absorbent Aids
Welch Allyn Rechargeable Battery
Wound Care & Dressings
Wound Closure
Wound Dressing
Wrist Brace

2757 products

opsite-flexifix-transparent-film-roll-smith-nephew

Use code SNOW10 — get 10% off

Smith & Nephew

OpSite Flexifix Transparent Film Roll

From $24.99 CAD

Use code SNOW10 — get 10% off

Smith & Nephew

OpSite Post-Op Visible 66800138 | 8 x 4 Inch(20/Box)

$199.99 CAD

Use code SNOW10 — get 10% off

Optim

Optim 33TB Surface Cleaner & Disinfectant

$25.55 CAD

With a 1-minute TB contact time OPTIMÂ 33TB is one of the fastest and most effective cleaner & intermediate level disinfectants. OPTIMÂ 33TB is safe; it does not require any GHS hazard pictograms, signal words or statements. OPTIMÂ 33TB gives you confidence that you are compliant and protecting your patients, staff, equipment and the environment; the perfect balance.

OPTIMÂ has demonstrated effectiveness against viruses similar toÂ Coronavirus Disease 2019 (COVID-19)Â on hard non-porous surfaces and non-invasive medical devices. This product can therefore be used against COVID-19 when used in accordance with the directions for use against Poliovirus on hard, non-porous surfaces, and non-invasive medical devices.

Effective Cleaner

One step disinfectant cleaner.

Removes organic debris while disinfecting.¹
Made with 0.5% hydrogen peroxide, leaving no active residues
Wipes cover twice as much area compared to leading competitor

Patented technology to deliver faster disinfection results.

1 minute tuberculocidal, bactericidal, virucidal contact time
3 minute fungicidal contact time
30-second sanitizer for your environmental surfaces

Demonstrated virucidal efficacy extends to new and emerging pathogens.

1 minute virucidal contact time applies to Novel Coronavirus (COVID-19), Severe Acute Respiratory Syndrome (SARS CoV) and Middle East respiratory syndrome (MERS CoV). Read articleÂ here.

Safe for everyone

Non-toxic formula with no VOCs.

No reproductive toxicity, skin irritation, eye irritation, or respiratory irritation
No GHS hazard pictograms, signal words or statements required
Designed to be compatible with a wide range of materials³

^{</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="/cart/add" id="product-form-choose-option752024508848033" 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-1043"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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="/cart/add" id="product-form-choose-option752024508848033" 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-1043"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-1043"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "Optim 33TB Surface Cleaner &amp; Disinfectant",
"listName": "Products",
"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('/collections/all/products/optim-33tb-surface-cleaner-disinfectant', $el, 'template--20337242538208__product-grid-7520245088480-1043')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/all/products/optim-33tb-surface-cleaner-disinfectant', $el, 'template--20337242538208__product-grid-7520245088480-1043')"
@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="Button quickview"
x-customer-event-data="{
"product": {
"title": "Optim 33TB Surface Cleaner &amp; Disinfectant",
"listName": "Products",
"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-1044', '/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="/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": false,
"title": "OrthoMend Cervical Memory Foam Pillow",
"compare_at_price": 0,
"price": 8999,
"price_with_currency": "$89.99 CAD",
"sale_amount": "$-89.99",
"collections": "||480879050976||418540880096||421878399200||",
"inventory_management": "shopify",
"qty": 0,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 84.71,
"diff_day_publish": 84.71

}]"

aria-label="OrthoMend Cervical Memory Foam Pillow"
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('/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-1044--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "OrthoMend Cervical Memory Foam Pillow",
"listName": "Products",
"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=1761832215&width=450 450w,
//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b_41b7d842-fdaa-4841-bd75-b359c7a06275.webp?v=1761832215&width=750 750w,
//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b_41b7d842-fdaa-4841-bd75-b359c7a06275.webp?v=1761832215&width=900 900w,
//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b_41b7d842-fdaa-4841-bd75-b359c7a06275.webp?v=1761832215&width=1100 1100w,
//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b_41b7d842-fdaa-4841-bd75-b359c7a06275.webp?v=1761832215&width=1500 1500w,//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b_41b7d842-fdaa-4841-bd75-b359c7a06275.webp?v=1761832215 1563w"
src="//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b_41b7d842-fdaa-4841-bd75-b359c7a06275.webp?v=1761832215&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="tynorindia-cervical-contoured-pillow-b19"
: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=1761832217&width=450 450w,
//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b.webp?v=1761832217&width=750 750w,
//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b.webp?v=1761832217&width=900 900w,
//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b.webp?v=1761832217&width=1100 1100w,
//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b.webp?v=1761832217&width=1500 1500w,//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b.webp?v=1761832217 1563w"
src="//emerdepot.com/cdn/shop/files/33264254a9c96341c76c14c02200fb8b.webp?v=1761832217&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="tynorindia-cervical-contoured-pillow-b19"
: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">
Use code SNOW10 — get 10% off
</div>

<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="/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": "OrthoMend Cervical Memory Foam Pillow",
"listName": "Products",
"sku": "8991195824352",
"currencyCode": "CAD",
"price": 8999,
"vendor": "OrthoMend"
}
}"
>
OrthoMend Cervical Memory Foam Pillow
</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">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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', [480879050976, 418540880096, 421878399200])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)": false

},
pickupLocation: ["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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option899119582435234" 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-1044"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-1044"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "OrthoMend Cervical Memory Foam Pillow",
"listName": "Products",
"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-1044"
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="/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": "OrthoMend Cervical Memory Foam Pillow",
"listName": "Products",
"sku": "8991195824352",
"currencyCode": "CAD",
"price": 8999,
"vendor": "OrthoMend"
}
}"
>
OrthoMend Cervical Memory Foam Pillow
</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">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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', [480879050976, 418540880096, 421878399200])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Shipping \u0026amp; Warehouse (Monday to Friday 10:00AM-6:00PM)": false

},
pickupLocation: ["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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option899119582435234" 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-1044"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-1044"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "OrthoMend Cervical Memory Foam Pillow",
"listName": "Products",
"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', '/products/tynorindia-cervical-contoured-pillow-b19');
});"></div>
<div
id="current-variant-template--20337242538208__product-grid-8991195824352-1044"
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="/cart/add" id="product-form-choose-option899119582435234" 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-1044"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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="/cart/add" id="product-form-choose-option899119582435234" 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-1044"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-1044"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "OrthoMend Cervical Memory Foam Pillow",
"listName": "Products",
"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('/collections/all/products/tynorindia-cervical-contoured-pillow-b19', $el, 'template--20337242538208__product-grid-8991195824352-1044')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/all/products/tynorindia-cervical-contoured-pillow-b19', $el, 'template--20337242538208__product-grid-8991195824352-1044')"
@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="Button quickview"
x-customer-event-data="{
"product": {
"title": "OrthoMend Cervical Memory Foam Pillow",
"listName": "Products",
"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-1045', '/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="/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": false,
"title": "Orthopedic Stockinette, Tubular, Single Ply, Cotton, L60&quot; Natural",
"compare_at_price": 0,
"price": 40912,
"price_with_currency": "$409.12 CAD",
"sale_amount": "$-409.12",
"collections": "||480879050976||421878399200||",
"inventory_management": "shopify",
"qty": 0,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 558.54,
"diff_day_publish": 558.54

}]"

aria-label="Orthopedic Stockinette, Tubular, Single Ply, Cotton, L60" Natural"
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('/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-1045--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Orthopedic Stockinette, Tubular, Single Ply, Cotton, L60&quot; Natural",
"listName": "Products",
"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=1766006057&width=450 450w,
//emerdepot.com/cdn/shop/files/3277.jpg?v=1766006057&width=750 750w,
//emerdepot.com/cdn/shop/files/3277.jpg?v=1766006057&width=900 900w,
//emerdepot.com/cdn/shop/files/3277.jpg?v=1766006057&width=1100 1100w,
//emerdepot.com/cdn/shop/files/3277.jpg?v=1766006057&width=1500 1500w,//emerdepot.com/cdn/shop/files/3277.jpg?v=1766006057 990w"
src="//emerdepot.com/cdn/shop/files/3277.jpg?v=1766006057&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="AL7665"
: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">
Use code SNOW10 — get 10% off
</div>

<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="/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": "Orthopedic Stockinette, Tubular, Single Ply, Cotton, L60&quot; Natural",
"listName": "Products",
"sku": "8553370943712",
"currencyCode": "CAD",
"price": 40912,
"vendor": "Albahealth"
}
}"
>
Orthopedic Stockinette, Tubular, Single Ply, Cotton, L60" Natural
</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">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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', [480879050976, 421878399200])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": false,

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

},
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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option855337094371235" 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-1045"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-1045"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "Orthopedic Stockinette, Tubular, Single Ply, Cotton, L60&quot; Natural",
"listName": "Products",
"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-1045"
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="/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": "Orthopedic Stockinette, Tubular, Single Ply, Cotton, L60&quot; Natural",
"listName": "Products",
"sku": "8553370943712",
"currencyCode": "CAD",
"price": 40912,
"vendor": "Albahealth"
}
}"
>
Orthopedic Stockinette, Tubular, Single Ply, Cotton, L60" Natural
</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">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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', [480879050976, 421878399200])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": false,

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

},
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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option855337094371235" 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-1045"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-1045"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "Orthopedic Stockinette, Tubular, Single Ply, Cotton, L60&quot; Natural",
"listName": "Products",
"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', '/products/orthopedic-stockinette-tubular-single-ply-cotton-l60-natural-1');
});"></div>
<div
id="current-variant-template--20337242538208__product-grid-8553370943712-1045"
class="current-variant hidden"
>
47321204949216
</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="/cart/add" id="product-form-choose-option855337094371235" 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-1045"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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="/cart/add" id="product-form-choose-option855337094371235" 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-1045"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-1045"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "Orthopedic Stockinette, Tubular, Single Ply, Cotton, L60&quot; Natural",
"listName": "Products",
"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('/collections/all/products/orthopedic-stockinette-tubular-single-ply-cotton-l60-natural-1', $el, 'template--20337242538208__product-grid-8553370943712-1045')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/all/products/orthopedic-stockinette-tubular-single-ply-cotton-l60-natural-1', $el, 'template--20337242538208__product-grid-8553370943712-1045')"
@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="Button quickview"
x-customer-event-data="{
"product": {
"title": "Orthopedic Stockinette, Tubular, Single Ply, Cotton, L60&quot; Natural",
"listName": "Products",
"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-1046', '/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="/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": false,
"title": "Orthopedic Stockinette, Tubular, Single Ply, Cotton, W4&quot; x L60&quot; Natural",
"compare_at_price": 0,
"price": 19798,
"price_with_currency": "$197.98 CAD",
"sale_amount": "$-197.98",
"collections": "||480879050976||421878399200||",
"inventory_management": "shopify",
"qty": 0,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 558.54,
"diff_day_publish": 558.54

}]"

aria-label="Orthopedic Stockinette, Tubular, Single Ply, Cotton, W4" x L60" Natural"
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('/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-1046--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Orthopedic Stockinette, Tubular, Single Ply, Cotton, W4&quot; x L60&quot; Natural",
"listName": "Products",
"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=1766006568&width=450 450w,
//emerdepot.com/cdn/shop/files/3276.jpg?v=1766006568&width=750 750w,
//emerdepot.com/cdn/shop/files/3276.jpg?v=1766006568&width=900 900w,
//emerdepot.com/cdn/shop/files/3276.jpg?v=1766006568&width=1100 1100w,
//emerdepot.com/cdn/shop/files/3276.jpg?v=1766006568&width=1500 1500w,//emerdepot.com/cdn/shop/files/3276.jpg?v=1766006568 990w"
src="//emerdepot.com/cdn/shop/files/3276.jpg?v=1766006568&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="AL7645"
: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">
Use code SNOW10 — get 10% off
</div>

<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="/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": "Orthopedic Stockinette, Tubular, Single Ply, Cotton, W4&quot; x L60&quot; Natural",
"listName": "Products",
"sku": "8553363210464",
"currencyCode": "CAD",
"price": 19798,
"vendor": "Albahealth"
}
}"
>
Orthopedic Stockinette, Tubular, Single Ply, Cotton, W4" x L60" Natural
</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">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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', [480879050976, 421878399200])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": false,

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

},
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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option855336321046436" 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-1046"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-1046"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "Orthopedic Stockinette, Tubular, Single Ply, Cotton, W4&quot; x L60&quot; Natural",
"listName": "Products",
"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-1046"
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="/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": "Orthopedic Stockinette, Tubular, Single Ply, Cotton, W4&quot; x L60&quot; Natural",
"listName": "Products",
"sku": "8553363210464",
"currencyCode": "CAD",
"price": 19798,
"vendor": "Albahealth"
}
}"
>
Orthopedic Stockinette, Tubular, Single Ply, Cotton, W4" x L60" Natural
</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">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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', [480879050976, 421878399200])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": false,

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

},
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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option855336321046436" 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-1046"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-1046"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "Orthopedic Stockinette, Tubular, Single Ply, Cotton, W4&quot; x L60&quot; Natural",
"listName": "Products",
"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', '/products/orthopedic-stockinette-tubular-single-ply-cotton-l60-natural');
});"></div>
<div
id="current-variant-template--20337242538208__product-grid-8553363210464-1046"
class="current-variant hidden"
>
47321202720992
</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="/cart/add" id="product-form-choose-option855336321046436" 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-1046"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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="/cart/add" id="product-form-choose-option855336321046436" 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-1046"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-1046"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "Orthopedic Stockinette, Tubular, Single Ply, Cotton, W4&quot; x L60&quot; Natural",
"listName": "Products",
"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('/collections/all/products/orthopedic-stockinette-tubular-single-ply-cotton-l60-natural', $el, 'template--20337242538208__product-grid-8553363210464-1046')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/all/products/orthopedic-stockinette-tubular-single-ply-cotton-l60-natural', $el, 'template--20337242538208__product-grid-8553363210464-1046')"
@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="Button quickview"
x-customer-event-data="{
"product": {
"title": "Orthopedic Stockinette, Tubular, Single Ply, Cotton, W4&quot; x L60&quot; Natural",
"listName": "Products",
"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-1047', '/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="/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": "Ostomy Belt Brava by Coloplast",
"compare_at_price": 0,
"price": 3450,
"price_with_currency": "$34.50 CAD",
"sale_amount": "$-34.50",
"collections": "||417505575136||472517443808||473594233056||417327186144||417032601824||",
"inventory_management": "shopify",
"qty": 15,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 891.65,
"diff_day_publish": 891.64

}]"

aria-label="Ostomy Belt Brava by 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('/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-1047--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Ostomy Belt Brava by Coloplast",
"listName": "Products",
"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="ostomy-belt-coloplast"
: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="ostomy-belt-coloplast"
: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">
Use code SNOW10 — get 10% off
</div>

<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="/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": "Ostomy Belt Brava by Coloplast",
"listName": "Products",
"sku": "8069796757728",
"currencyCode": "CAD",
"price": 3450,
"vendor": "Coloplast"
}
}"
>
Ostomy Belt Brava by 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">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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', [417505575136, 472517443808, 473594233056, 417327186144, 417032601824])"><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="'Available for pickup at ' + $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="'Out of stock at ' + $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-1047', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/ostomy-belt-coloplast', $el, 'template--20337242538208__product-grid-8069796757728-1047', 37); }, 0)"
data-id="template--20337242538208__product-grid-8069796757728-1047"
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="Choose 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">Choose 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-1047', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/ostomy-belt-coloplast', $el, 'template--20337242538208__product-grid-8069796757728-1047', 37); }, 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-1047"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Ostomy Belt Brava by Coloplast",
"listName": "Products",
"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-1047"
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-1047"
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="/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": "Ostomy Belt Brava by Coloplast",
"listName": "Products",
"sku": "8069796757728",
"currencyCode": "CAD",
"price": 3450,
"vendor": "Coloplast"
}
}"
>
Ostomy Belt Brava by 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">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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', [417505575136, 472517443808, 473594233056, 417327186144, 417032601824])"><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="'Available for pickup at ' + $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="'Out of stock at ' + $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-1047', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/ostomy-belt-coloplast', $el, 'template--20337242538208__product-grid-8069796757728-1047', 37); }, 0)"
data-id="template--20337242538208__product-grid-8069796757728-1047"
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="Choose 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">Choose 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-1047', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/ostomy-belt-coloplast', $el, 'template--20337242538208__product-grid-8069796757728-1047', 37); }, 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-1047"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Ostomy Belt Brava by Coloplast",
"listName": "Products",
"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-1047', false, 'Unavailable', '/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', 37)"
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":"ostomy-belt-coloplast","width":872,"height":872,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/bed85a56cab391d11e57a7acdd794b65.jpg?v=1761685647","variant_ids":[44085091139808]},"available":true,"name":"Ostomy Belt Brava by Coloplast - Standard","public_title":"Standard","options":["Standard"],"price":3450,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"05701780181877","featured_media":{"alt":"ostomy-belt-coloplast","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":[]}]
</script>
<div
id="current-variant-template--20337242538208__product-grid-8069796757728-1047"
class="current-variant hidden"
>
44085091139808
</div>
<div
id="variant-update-template--20337242538208__product-grid-1047"
class="variant-update-template--20337242538208__product-grid-1047 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">A belt is used to secure the position of the baseplate for extra security.</h4>
<p>The BravaÂ® Belt is made of soft and comfortable material, and is discreet to wear. The belt comes in both a standard and XL size, which are adjustable so you can fit it to your body. A belt can be very useful if your abdomen is uneven or rounded.</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-1047', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/ostomy-belt-coloplast', $el, 'template--20337242538208__product-grid-8069796757728-1047', 37); }, 0)"
data-id="template--20337242538208__product-grid-8069796757728-1047"
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="Choose 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">Choose 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-1047', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/ostomy-belt-coloplast', $el, 'template--20337242538208__product-grid-8069796757728-1047', 37); }, 0)"
data-id="template--20337242538208__product-grid-8069796757728-1047"
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="Choose 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">Choose 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('/collections/all/products/ostomy-belt-coloplast', $el, 'template--20337242538208__product-grid-8069796757728-1047')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/all/products/ostomy-belt-coloplast', $el, 'template--20337242538208__product-grid-8069796757728-1047')"
@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="Button quickview"
x-customer-event-data="{
"product": {
"title": "Ostomy Belt Brava by Coloplast",
"listName": "Products",
"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-1048', '/collections/all/products/ostomy-barrier-rings-4-5mm', '8862646239456')"

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="/collections/all/products/ostomy-barrier-rings-4-5mm"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 47219923878112,
"product_id": 8862646239456,
"available": true,
"title": "Ostomy CeraRing Barrier Rings 4.5mm Hollister | 10/Box | 8805",
"compare_at_price": 0,
"price": 9999,
"price_with_currency": "$99.99 CAD",
"sale_amount": "$-99.99",
"collections": "||417505575136||473594233056||417032601824||",
"inventory_management": "shopify",
"qty": 2,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 259.64,
"diff_day_publish": 259.64

}]"

aria-label="Ostomy CeraRing Barrier Rings 4.5mm Hollister | 10/Box | 8805"
id="8862646239456-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('/collections/all/products/ostomy-barrier-rings-4-5mm')" 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-1048--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Ostomy CeraRing Barrier Rings 4.5mm Hollister | 10/Box | 8805",
"listName": "Products",
"sku": "8862646239456",
"currencyCode": "CAD",
"price": 9999,
"vendor": "Hollister"
}
}"
><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/4131.jpg?v=1765234440&width=450 450w,
//emerdepot.com/cdn/shop/files/4131.jpg?v=1765234440&width=750 750w,
//emerdepot.com/cdn/shop/files/4131.jpg?v=1765234440&width=900 900w,
//emerdepot.com/cdn/shop/files/4131.jpg?v=1765234440&width=1100 1100w,
//emerdepot.com/cdn/shop/files/4131.jpg?v=1765234440&width=1500 1500w,//emerdepot.com/cdn/shop/files/4131.jpg?v=1765234440 640w"
src="//emerdepot.com/cdn/shop/files/4131.jpg?v=1765234440&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="8805"
: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="640"
height="640"
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">
Use code SNOW10 — get 10% off
</div>

<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">Hollister</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-8862646239456">
<a href="/collections/all/products/ostomy-barrier-rings-4-5mm"
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": "Ostomy CeraRing Barrier Rings 4.5mm Hollister | 10/Box | 8805",
"listName": "Products",
"sku": "8862646239456",
"currencyCode": "CAD",
"price": 9999,
"vendor": "Hollister"
}
}"
>
Ostomy CeraRing Barrier Rings 4.5mm Hollister | 10/Box | 8805
</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="8862646239456"> </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="8862646239456" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">9999</div><p class="price ">
<span>$99.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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('8862646239456', [417505575136, 473594233056, 417032601824])"><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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option886264623945638" 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="47219923878112">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8862646239456-1048"
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="Add to cart"

>
<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">Add to cart</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-8862646239456-1048"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Ostomy CeraRing Barrier Rings 4.5mm Hollister | 10/Box | 8805",
"listName": "Products",
"sku": "8862646239456",
"currencyCode": "CAD",
"price": 9999,
"vendor": "Hollister"
}
}"
>
<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="8862646239456" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-8862646239456-template--20337242538208__product-grid-1048"
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">Hollister</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-8862646239456">
<a href="/collections/all/products/ostomy-barrier-rings-4-5mm"
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": "Ostomy CeraRing Barrier Rings 4.5mm Hollister | 10/Box | 8805",
"listName": "Products",
"sku": "8862646239456",
"currencyCode": "CAD",
"price": 9999,
"vendor": "Hollister"
}
}"
>
Ostomy CeraRing Barrier Rings 4.5mm Hollister | 10/Box | 8805
</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="8862646239456"> </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="8862646239456" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">9999</div><p class="price ">
<span>$99.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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('8862646239456', [417505575136, 473594233056, 417032601824])"><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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option886264623945638" 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="47219923878112">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8862646239456-1048"
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="Add to cart"

>
<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">Add to cart</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-8862646239456-1048"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Ostomy CeraRing Barrier Rings 4.5mm Hollister | 10/Box | 8805",
"listName": "Products",
"sku": "8862646239456",
"currencyCode": "CAD",
"price": 9999,
"vendor": "Hollister"
}
}"
>
<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="8862646239456" /><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', '/products/ostomy-barrier-rings-4-5mm');
});"></div>
<div
id="current-variant-template--20337242538208__product-grid-8862646239456-1048"
class="current-variant hidden"
>
47219923878112
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<p class="h3" data-oe-version="1.2">Adapt CeraRing™ Barrier Rings: Enhanced Protection with Ceramide Infusion</h3><p>Discover the ultimate in skin protection and comfort with our Adapt CeraRing™ barrier rings, expertly designed to support individuals with ostomies. Infused with ceramide, a key lipid in maintaining the skin's natural moisture barrier, these barrier rings are essential for preventing water loss that can lead to skin damage and dryness. Ideal for those seeking to minimize peristomal skin complications and ensure a secure, leak-free fit.</p><p><strong>Key Features:</strong></p><ul>
<li>
<strong>Advanced Flextend M™ Skin Barrier Formulation:</strong> Our barrier rings are infused with ceramide, promoting healthy skin by preserving its natural protective barrier. This advanced formulation offers resilience and extended wear, ensuring your skin stays protected against irritation and moisture-related damage.</li>
<li>
<strong>Convenient, Eco-Friendly Packaging:</strong> Packaged in individual recyclable clamshell containers, our Adapt CeraRing™ barrier rings combine hygiene with environmental responsibility. Each ring is sealed for sterility and convenience, making them perfect for on-the-go lifestyles.</li>
<li>
<strong>Latex-Free Composition:</strong> Crafted without natural rubber latex, our barrier rings are suitable for all users, including those with latex allergies or sensitivities. Enjoy peace of mind knowing your skin is protected without the risk of allergic reactions.</li>
<li>
<strong>Metric Sizes for Perfect Fit:</strong> Available in a range of sizes to accommodate different stoma dimensions, our Adapt CeraRing™ barrier rings ensure a custom fit for effective leakage prevention and comfort. Sizes are provided in metric measurements, as used in Canada, to facilitate easy selection and fit.</li>
</ul><p>Elevate your ostomy care routine with Adapt CeraRing™ barrier rings. Protect your skin's natural moisture barrier, prevent leakage, and support healthy, comfortable peristomal skin. Browse our selection today and find the perfect size to enhance your ostomy care regimen.</p><p>SKU- 8805</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="/cart/add" id="product-form-choose-option886264623945638" 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="47219923878112">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8862646239456-1048"
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="Add to cart"

>
<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">Add to cart</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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="8862646239456" /><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="/cart/add" id="product-form-choose-option886264623945638" 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="47219923878112">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8862646239456-1048"
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="Add to cart"

>
<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">Add to cart</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-8862646239456-1048"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Ostomy CeraRing Barrier Rings 4.5mm Hollister | 10/Box | 8805",
"listName": "Products",
"sku": "8862646239456",
"currencyCode": "CAD",
"price": 9999,
"vendor": "Hollister"
}
}"
>
<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="8862646239456" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div><button
x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/all/products/ostomy-barrier-rings-4-5mm', $el, 'template--20337242538208__product-grid-8862646239456-1048')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/all/products/ostomy-barrier-rings-4-5mm', $el, 'template--20337242538208__product-grid-8862646239456-1048')"
@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="Button quickview"
x-customer-event-data="{
"product": {
"title": "Ostomy CeraRing Barrier Rings 4.5mm Hollister | 10/Box | 8805",
"listName": "Products",
"sku": "8862646239456",
"currencyCode": "CAD",
"price": 9999,
"vendor": "Hollister"
}
}"
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-1049', '/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="/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": false,
"title": "OtoClear® Spray Ear Wash Kit 20TIPS- 1BOTTLE 1BASIN=1KT/BX (Sku-BIO7290)",
"compare_at_price": 0,
"price": 19900,
"price_with_currency": "$199.00 CAD",
"sale_amount": "$-199.00",
"collections": "||421878399200||465748689120||",
"inventory_management": "shopify",
"qty": 0,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 516.28,
"diff_day_publish": 516.28

}]"

aria-label="OtoClear® Spray Ear Wash Kit 20TIPS- 1BOTTLE 1BASIN=1KT/BX (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('/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-1049--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "OtoClear® Spray Ear Wash Kit 20TIPS- 1BOTTLE 1BASIN=1KT/BX (Sku-BIO7290)",
"listName": "Products",
"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="otoclear®-spray-ear-wash-kit-20tips-1bottle-1basin-1kt-bx-sku-bio7290"
: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="otoclear®-spray-ear-wash-kit-20tips-1bottle-1basin-1kt-bx-sku-bio7290"
: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">
Use code SNOW10 — get 10% off
</div>

<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="/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": "OtoClear® Spray Ear Wash Kit 20TIPS- 1BOTTLE 1BASIN=1KT/BX (Sku-BIO7290)",
"listName": "Products",
"sku": "8639273009376",
"currencyCode": "CAD",
"price": 19900,
"vendor": "EmerDepot Medical Supplies"
}
}"
>
OtoClear® Spray Ear Wash Kit 20TIPS- 1BOTTLE 1BASIN=1KT/BX (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">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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', [421878399200, 465748689120])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": false

},
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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option863927300937639" 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-1049"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-1049"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "OtoClear® Spray Ear Wash Kit 20TIPS- 1BOTTLE 1BASIN=1KT/BX (Sku-BIO7290)",
"listName": "Products",
"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-1049"
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="/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": "OtoClear® Spray Ear Wash Kit 20TIPS- 1BOTTLE 1BASIN=1KT/BX (Sku-BIO7290)",
"listName": "Products",
"sku": "8639273009376",
"currencyCode": "CAD",
"price": 19900,
"vendor": "EmerDepot Medical Supplies"
}
}"
>
OtoClear® Spray Ear Wash Kit 20TIPS- 1BOTTLE 1BASIN=1KT/BX (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">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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', [421878399200, 465748689120])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": false

},
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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option863927300937639" 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-1049"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-1049"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "OtoClear® Spray Ear Wash Kit 20TIPS- 1BOTTLE 1BASIN=1KT/BX (Sku-BIO7290)",
"listName": "Products",
"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', '/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-1049"
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>Delivers greater volume compared to syringes or other manual devices. Efficient design allows for two-handed procedure.</p><ul>
<li>Manual, intermittent lavage.</li>
<li>Component: 1 Spray Wash Bottle, 20 OtoClear Tips, 1 Ear Basin.</li>
</ul><p>Packaging 1 kit/box</p><p>Feature / Property Manual, intermittent lavage, Component: 1 Spray Wash Bottle, 20 OtoClear Tips, 1 Ear Basin</p><p>Invoice Description KIT EAR SPRAY WASH OTOCLEAR 20TIPS 1BOTTLE 1BASIN=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="/cart/add" id="product-form-choose-option863927300937639" 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-1049"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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="/cart/add" id="product-form-choose-option863927300937639" 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-1049"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-1049"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "OtoClear® Spray Ear Wash Kit 20TIPS- 1BOTTLE 1BASIN=1KT/BX (Sku-BIO7290)",
"listName": "Products",
"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('/collections/all/products/otoclear%C2%AE-spray-ear-wash-kit-20tips-1bottle-1basin-1kt-bx-sku-bio7290', $el, 'template--20337242538208__product-grid-8639273009376-1049')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/all/products/otoclear%C2%AE-spray-ear-wash-kit-20tips-1bottle-1basin-1kt-bx-sku-bio7290', $el, 'template--20337242538208__product-grid-8639273009376-1049')"
@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="Button quickview"
x-customer-event-data="{
"product": {
"title": "OtoClear® Spray Ear Wash Kit 20TIPS- 1BOTTLE 1BASIN=1KT/BX (Sku-BIO7290)",
"listName": "Products",
"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-10410', '/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="/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 - Unistik 3 Normal Safety Lancet (23G x 1.8mm)",
"compare_at_price": 0,
"price": 3799,
"price_with_currency": "$37.99 CAD",
"sale_amount": "$-37.99",
"collections": "||417505575136||473594233056||405004058848||467101122784||",
"inventory_management": "shopify",
"qty": 13,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1163.54,
"diff_day_publish": 1163.54

}]"

aria-label="Owen Mumford - Unistik 3 Normal Safety Lancet (23G x 1.8mm)"
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('/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-10410--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Owen Mumford - Unistik 3 Normal Safety Lancet (23G x 1.8mm)",
"listName": "Products",
"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="owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm"
: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="owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm"
: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">
Use code SNOW10 — get 10% off
</div>

<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="/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 - Unistik 3 Normal Safety Lancet (23G x 1.8mm)",
"listName": "Products",
"sku": "7892662223072",
"currencyCode": "CAD",
"price": 3799,
"vendor": "Owen Mumford"
}
}"
>
Owen Mumford - Unistik 3 Normal Safety Lancet (23G x 1.8mm)
</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">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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', [417505575136, 473594233056, 405004058848, 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="'Available for pickup at ' + $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="'Out of stock at ' + $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-10410', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm', $el, 'template--20337242538208__product-grid-7892662223072-10410', 310); }, 0)"
data-id="template--20337242538208__product-grid-7892662223072-10410"
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="Choose 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">Choose 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-10410', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm', $el, 'template--20337242538208__product-grid-7892662223072-10410', 310); }, 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-10410"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Owen Mumford - Unistik 3 Normal Safety Lancet (23G x 1.8mm)",
"listName": "Products",
"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-10410"
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-10410"
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="/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 - Unistik 3 Normal Safety Lancet (23G x 1.8mm)",
"listName": "Products",
"sku": "7892662223072",
"currencyCode": "CAD",
"price": 3799,
"vendor": "Owen Mumford"
}
}"
>
Owen Mumford - Unistik 3 Normal Safety Lancet (23G x 1.8mm)
</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">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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', [417505575136, 473594233056, 405004058848, 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="'Available for pickup at ' + $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="'Out of stock at ' + $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-10410', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm', $el, 'template--20337242538208__product-grid-7892662223072-10410', 310); }, 0)"
data-id="template--20337242538208__product-grid-7892662223072-10410"
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="Choose 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">Choose 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-10410', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm', $el, 'template--20337242538208__product-grid-7892662223072-10410', 310); }, 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-10410"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Owen Mumford - Unistik 3 Normal Safety Lancet (23G x 1.8mm)",
"listName": "Products",
"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-10410', false, 'Unavailable', '/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', 310)"
x-init="initVariant($el)"
>
<script type="application/json">
[{"id":43527381385440,"title":"1 Box (100 pcs)","option1":"1 Box (100 pcs)","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":"owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm","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 - Unistik 3 Normal Safety Lancet (23G x 1.8mm) - 1 Box (100 pcs)","public_title":"1 Box (100 pcs)","options":["1 Box (100 pcs)"],"price":3799,"weight":318,"compare_at_price":null,"inventory_management":"shopify","barcode":"384700702014","featured_media":{"alt":"owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm","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":[]}]
</script>
<div
id="current-variant-template--20337242538208__product-grid-7892662223072-10410"
class="current-variant hidden"
>
43527381385440
</div>
<div
id="variant-update-template--20337242538208__product-grid-10410"
class="variant-update-template--20337242538208__product-grid-10410 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>SideÂ activated safety lancet.</p>
<p>Medium Flow</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-10410', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm', $el, 'template--20337242538208__product-grid-7892662223072-10410', 310); }, 0)"
data-id="template--20337242538208__product-grid-7892662223072-10410"
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="Choose 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">Choose 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-10410', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm', $el, 'template--20337242538208__product-grid-7892662223072-10410', 310); }, 0)"
data-id="template--20337242538208__product-grid-7892662223072-10410"
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="Choose 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">Choose 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('/collections/all/products/owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm', $el, 'template--20337242538208__product-grid-7892662223072-10410')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/all/products/owen-mumford-unistik-3-normal-safety-lancet-23g-x-1-8mm', $el, 'template--20337242538208__product-grid-7892662223072-10410')"
@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="Button quickview"
x-customer-event-data="{
"product": {
"title": "Owen Mumford - Unistik 3 Normal Safety Lancet (23G x 1.8mm)",
"listName": "Products",
"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-10411', '/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="/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": "Oxygen DISS Adapter - XMAS Tree Connection",
"compare_at_price": 0,
"price": 199,
"price_with_currency": "$1.99 CAD",
"sale_amount": "$-1.99",
"collections": "||417505575136||418717925600||462938898656||473594233056||417239924960||465493131488||465489133792||481092894944||",
"inventory_management": "shopify",
"qty": 1020,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 998.61,
"diff_day_publish": 998.61

},{
"variant_id": 47518930534624,
"product_id": 8020700659936,
"available": true,
"title": "Oxygen DISS Adapter - XMAS Tree Connection",
"compare_at_price": 0,
"price": 3230,
"price_with_currency": "$32.30 CAD",
"sale_amount": "$-32.30",
"collections": "||417505575136||418717925600||462938898656||473594233056||417239924960||465493131488||465489133792||481092894944||",
"inventory_management": "shopify",
"qty": 1000,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 998.61,
"diff_day_publish": 998.61

}]"

aria-label="Oxygen DISS Adapter - XMAS Tree Connection"
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('/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-10411--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Oxygen DISS Adapter - XMAS Tree Connection",
"listName": "Products",
"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="oxygen-diss-adapter-xmas-tree-connection"
: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="oxygen-diss-adapter-xmas-tree-connection"
: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">
Use code SNOW10 — get 10% off
</div>

<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="/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": "Oxygen DISS Adapter - XMAS Tree Connection",
"listName": "Products",
"sku": "8020700659936",
"currencyCode": "CAD",
"price": 199,
"vendor": "Drive Medical DeVilbiss Healthcare"
}
}"
>
Oxygen DISS Adapter - XMAS Tree Connection
</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>From $1.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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', [417505575136, 418717925600, 462938898656, 473594233056, 417239924960, 465493131488, 465489133792, 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="'Available for pickup at ' + $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="'Out of stock at ' + $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-10411', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/oxygen-diss-adapter-xmas-tree-connection', $el, 'template--20337242538208__product-grid-8020700659936-10411', 311); }, 0)"
data-id="template--20337242538208__product-grid-8020700659936-10411"
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="Choose 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">Choose 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-10411', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/oxygen-diss-adapter-xmas-tree-connection', $el, 'template--20337242538208__product-grid-8020700659936-10411', 311); }, 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-10411"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Oxygen DISS Adapter - XMAS Tree Connection",
"listName": "Products",
"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-10411"
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-10411"
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="/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": "Oxygen DISS Adapter - XMAS Tree Connection",
"listName": "Products",
"sku": "8020700659936",
"currencyCode": "CAD",
"price": 199,
"vendor": "Drive Medical DeVilbiss Healthcare"
}
}"
>
Oxygen DISS Adapter - XMAS Tree Connection
</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>From $1.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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', [417505575136, 418717925600, 462938898656, 473594233056, 417239924960, 465493131488, 465489133792, 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="'Available for pickup at ' + $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="'Out of stock at ' + $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-10411', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/oxygen-diss-adapter-xmas-tree-connection', $el, 'template--20337242538208__product-grid-8020700659936-10411', 311); }, 0)"
data-id="template--20337242538208__product-grid-8020700659936-10411"
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="Choose 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">Choose 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-10411', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/oxygen-diss-adapter-xmas-tree-connection', $el, 'template--20337242538208__product-grid-8020700659936-10411', 311); }, 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-10411"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Oxygen DISS Adapter - XMAS Tree Connection",
"listName": "Products",
"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-10411', false, 'Unavailable', '/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', 311)"
x-init="initVariant($el)"
>
<script type="application/json">
[{"id":47518930501856,"title":"1 Piece","option1":"1 Piece","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":"oxygen-diss-adapter-xmas-tree-connection","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":"Oxygen DISS Adapter - XMAS Tree Connection - 1 Piece","public_title":"1 Piece","options":["1 Piece"],"price":199,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"2141940425817","featured_media":{"alt":"oxygen-diss-adapter-xmas-tree-connection","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":[]},{"id":47518930534624,"title":"1 Pack (25 Pieces)","option1":"1 Pack (25 Pieces)","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":"oxygen-diss-adapter-xmas-tree-connection","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":"Oxygen DISS Adapter - XMAS Tree Connection - 1 Pack (25 Pieces)","public_title":"1 Pack (25 Pieces)","options":["1 Pack (25 Pieces)"],"price":3230,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"9791076674660","featured_media":{"alt":"oxygen-diss-adapter-xmas-tree-connection","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":[]}]
</script>
<div
id="current-variant-template--20337242538208__product-grid-8020700659936-10411"
class="current-variant hidden"
>
47518930501856
</div>
<div
id="variant-update-template--20337242538208__product-grid-10411"
class="variant-update-template--20337242538208__product-grid-10411 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>Converts a DISS outlet to a barb outlet. Compatible with 5Liter and 10-liter drive medical oxygen concentrators.</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-10411', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/oxygen-diss-adapter-xmas-tree-connection', $el, 'template--20337242538208__product-grid-8020700659936-10411', 311); }, 0)"
data-id="template--20337242538208__product-grid-8020700659936-10411"
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="Choose 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">Choose 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-10411', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/oxygen-diss-adapter-xmas-tree-connection', $el, 'template--20337242538208__product-grid-8020700659936-10411', 311); }, 0)"
data-id="template--20337242538208__product-grid-8020700659936-10411"
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="Choose 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">Choose 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('/collections/all/products/oxygen-diss-adapter-xmas-tree-connection', $el, 'template--20337242538208__product-grid-8020700659936-10411')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/all/products/oxygen-diss-adapter-xmas-tree-connection', $el, 'template--20337242538208__product-grid-8020700659936-10411')"
@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="Button quickview"
x-customer-event-data="{
"product": {
"title": "Oxygen DISS Adapter - XMAS Tree Connection",
"listName": "Products",
"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 class="grid-item">

<div

x-data="xProductCard('template--20337242538208__product-grid-10412', '/collections/all/products/oxygen-mask-tubing-25ft', '7970325004512')"

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="/collections/all/products/oxygen-mask-tubing-25ft"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 47225736462560,
"product_id": 7970325004512,
"available": true,
"title": "Oxygen Mask Tubing 25ft (7.6m) 202525",
"compare_at_price": 0,
"price": 899,
"price_with_currency": "$8.99 CAD",
"sale_amount": "$-8.99",
"collections": "||417505575136||416487538912||473594233056||417239924960||465489133792||415765954784||",
"inventory_management": "shopify",
"qty": 12,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1081.58,
"diff_day_publish": 1081.5

}]"

aria-label="Oxygen Mask Tubing 25ft (7.6m) 202525"
id="7970325004512-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('/collections/all/products/oxygen-mask-tubing-25ft')" 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-10412--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Oxygen Mask Tubing 25ft (7.6m) 202525",
"listName": "Products",
"sku": "7970325004512",
"currencyCode": "CAD",
"price": 899,
"vendor": "Salter Labs"
}
}"
><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/7509fd06b287e1fb69080fd428a1cd30.jpg?v=1761683507&width=450 450w,
//emerdepot.com/cdn/shop/files/7509fd06b287e1fb69080fd428a1cd30.jpg?v=1761683507&width=750 750w,
//emerdepot.com/cdn/shop/files/7509fd06b287e1fb69080fd428a1cd30.jpg?v=1761683507&width=900 900w,
//emerdepot.com/cdn/shop/files/7509fd06b287e1fb69080fd428a1cd30.jpg?v=1761683507&width=1100 1100w,
//emerdepot.com/cdn/shop/files/7509fd06b287e1fb69080fd428a1cd30.jpg?v=1761683507&width=1500 1500w,//emerdepot.com/cdn/shop/files/7509fd06b287e1fb69080fd428a1cd30.jpg?v=1761683507 532w"
src="//emerdepot.com/cdn/shop/files/7509fd06b287e1fb69080fd428a1cd30.jpg?v=1761683507&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="oxygen-mask-tubing-25ft"
:class="showSecond ? 'first-img' : ''"
class="w-full preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
loading="lazy"
width="532"
height="532"
onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

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

<picture>
<img loading="lazy"
srcset="//emerdepot.com/cdn/shop/files/7509fd06b287e1fb69080fd428a1cd30_df3759f8-1a39-49b9-9912-2cf120176650.jpg?v=1761683508&width=450 450w,
//emerdepot.com/cdn/shop/files/7509fd06b287e1fb69080fd428a1cd30_df3759f8-1a39-49b9-9912-2cf120176650.jpg?v=1761683508&width=750 750w,
//emerdepot.com/cdn/shop/files/7509fd06b287e1fb69080fd428a1cd30_df3759f8-1a39-49b9-9912-2cf120176650.jpg?v=1761683508&width=900 900w,
//emerdepot.com/cdn/shop/files/7509fd06b287e1fb69080fd428a1cd30_df3759f8-1a39-49b9-9912-2cf120176650.jpg?v=1761683508&width=1100 1100w,
//emerdepot.com/cdn/shop/files/7509fd06b287e1fb69080fd428a1cd30_df3759f8-1a39-49b9-9912-2cf120176650.jpg?v=1761683508&width=1500 1500w,//emerdepot.com/cdn/shop/files/7509fd06b287e1fb69080fd428a1cd30_df3759f8-1a39-49b9-9912-2cf120176650.jpg?v=1761683508 532w"
src="//emerdepot.com/cdn/shop/files/7509fd06b287e1fb69080fd428a1cd30_df3759f8-1a39-49b9-9912-2cf120176650.jpg?v=1761683508&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="oxygen-mask-tubing-25ft"
:class="showSecond ? 'second-img' : ''"
class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
loading="lazy"
width="532"
height="532"
onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div></div>
</div>
<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">
Use code SNOW10 — get 10% off
</div>

<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">Salter Labs</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-7970325004512">
<a href="/collections/all/products/oxygen-mask-tubing-25ft"
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": "Oxygen Mask Tubing 25ft (7.6m) 202525",
"listName": "Products",
"sku": "7970325004512",
"currencyCode": "CAD",
"price": 899,
"vendor": "Salter Labs"
}
}"
>
Oxygen Mask Tubing 25ft (7.6m) 202525
</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="7970325004512"> </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="7970325004512" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">899</div><p class="price ">
<span>$8.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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('7970325004512', [417505575136, 416487538912, 473594233056, 417239924960, 465489133792, 415765954784])"><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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option7970325004512312" 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="47225736462560">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-7970325004512-10412"
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="Add to cart"

>
<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">Add to cart</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-7970325004512-10412"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Oxygen Mask Tubing 25ft (7.6m) 202525",
"listName": "Products",
"sku": "7970325004512",
"currencyCode": "CAD",
"price": 899,
"vendor": "Salter Labs"
}
}"
>
<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="7970325004512" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-7970325004512-template--20337242538208__product-grid-10412"
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">Salter Labs</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-7970325004512">
<a href="/collections/all/products/oxygen-mask-tubing-25ft"
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": "Oxygen Mask Tubing 25ft (7.6m) 202525",
"listName": "Products",
"sku": "7970325004512",
"currencyCode": "CAD",
"price": 899,
"vendor": "Salter Labs"
}
}"
>
Oxygen Mask Tubing 25ft (7.6m) 202525
</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="7970325004512"> </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="7970325004512" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">899</div><p class="price ">
<span>$8.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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('7970325004512', [417505575136, 416487538912, 473594233056, 417239924960, 465489133792, 415765954784])"><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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option7970325004512312" 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="47225736462560">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-7970325004512-10412"
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="Add to cart"

>
<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">Add to cart</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-7970325004512-10412"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Oxygen Mask Tubing 25ft (7.6m) 202525",
"listName": "Products",
"sku": "7970325004512",
"currencyCode": "CAD",
"price": 899,
"vendor": "Salter Labs"
}
}"
>
<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="7970325004512" /><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', '/products/oxygen-mask-tubing-25ft');
});"></div>
<div
id="current-variant-template--20337242538208__product-grid-7970325004512-10412"
class="current-variant hidden"
>
47225736462560
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<ul>
<li>Channel: Three-channel safety design that is crush resistant</li>
<li>The end piece of the connector is ribbed and has a rounded, tapering edge.</li>
<li>Clarity: clear tubes</li>
</ul>
<p>View All <strong><span style="color: #09227f;"><a href="https://emerdepot.com/collections/nebulizer-toronto" title="nebulizer mask& accessories" style="color: #09227f;">Oxygen Tubing & MaskÂ Accessories.</a></span></strong></p>
<p class="h3">Oxygen Mask Specifications:</h3>
<div class="row">
<div class="col-md-6">
<div class="table-responsive">
<table class="table table table-hover blue" role="presentation">
<tbody>
<tr>
<td class="text-nowrap">Brand</td>
<td>Salter LabsÂ®</td>
</tr>
<tr>
<td class="text-nowrap">Country of Origin</td>
<td>Mexico</td>
</tr>
<tr>
<td class="text-nowrap">Application</td>
<td>Oxygen Tubing</td>
</tr>
<tr>
<td class="text-nowrap">Color</td>
<td>Clear</td>
</tr>
<tr>
<td class="text-nowrap">Connection Type</td>
<td>Standard Connector</td>
</tr>
<tr>
<td class="text-nowrap">Inside Diameter</td>
<td>4.8 mm I.D.</td>
</tr>
<tr>
<td class="text-nowrap">Length</td>
<td>25 Foot Length Tubing</td>
</tr>
<tr>
<td class="text-nowrap">Material</td>
<td>Vinyl</td>
</tr>
<tr>
<td class="text-nowrap">Sterility</td>
<td>NonSterile</td>
</tr>
<tr>
<td class="text-nowrap">Latex Free Indicator</td>
<td>Not Made with Natural Rubber Latex</td>
</tr>
<tr>
<td class="text-nowrap">Buy in store</td>
<td>Toronto Canada</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p>Â </p>
<div aria-hidden="false" role="tabpanel" data-role="content" id="additional" aria-labelledby="tab-label-additional" class="data item content"></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="/cart/add" id="product-form-choose-option7970325004512312" 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="47225736462560">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-7970325004512-10412"
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="Add to cart"

>
<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">Add to cart</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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="7970325004512" /><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="/cart/add" id="product-form-choose-option7970325004512312" 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="47225736462560">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-7970325004512-10412"
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="Add to cart"

>
<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">Add to cart</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-7970325004512-10412"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Oxygen Mask Tubing 25ft (7.6m) 202525",
"listName": "Products",
"sku": "7970325004512",
"currencyCode": "CAD",
"price": 899,
"vendor": "Salter Labs"
}
}"
>
<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="7970325004512" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div><button
x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/all/products/oxygen-mask-tubing-25ft', $el, 'template--20337242538208__product-grid-7970325004512-10412')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/all/products/oxygen-mask-tubing-25ft', $el, 'template--20337242538208__product-grid-7970325004512-10412')"
@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="Button quickview"
x-customer-event-data="{
"product": {
"title": "Oxygen Mask Tubing 25ft (7.6m) 202525",
"listName": "Products",
"sku": "7970325004512",
"currencyCode": "CAD",
"price": 899,
"vendor": "Salter Labs"
}
}"
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-10413', '/collections/all/products/oxygen-mask-tubing-7ft', '7970315403488')"

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="/collections/all/products/oxygen-mask-tubing-7ft"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 47225737183456,
"product_id": 7970315403488,
"available": false,
"title": "Oxygen Mask Tubing 7ft (2.1 m)",
"compare_at_price": 0,
"price": 999,
"price_with_currency": "$9.99 CAD",
"sale_amount": "$-9.99",
"collections": "||416487538912||421878399200||417239924960||465489133792||415765954784||",
"inventory_management": "shopify",
"qty": 0,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1081.6,
"diff_day_publish": 1081.59

}]"

aria-label="Oxygen Mask Tubing 7ft (2.1 m)"
id="7970315403488-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('/collections/all/products/oxygen-mask-tubing-7ft')" 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-10413--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Oxygen Mask Tubing 7ft (2.1 m)",
"listName": "Products",
"sku": "7970315403488",
"currencyCode": "CAD",
"price": 999,
"vendor": "Caire"
}
}"
><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/c5f28610e7e41176a549867adfdd6ba8.jpg?v=1761683504&width=450 450w,
//emerdepot.com/cdn/shop/files/c5f28610e7e41176a549867adfdd6ba8.jpg?v=1761683504&width=750 750w,
//emerdepot.com/cdn/shop/files/c5f28610e7e41176a549867adfdd6ba8.jpg?v=1761683504&width=900 900w,
//emerdepot.com/cdn/shop/files/c5f28610e7e41176a549867adfdd6ba8.jpg?v=1761683504&width=1100 1100w,
//emerdepot.com/cdn/shop/files/c5f28610e7e41176a549867adfdd6ba8.jpg?v=1761683504&width=1500 1500w,//emerdepot.com/cdn/shop/files/c5f28610e7e41176a549867adfdd6ba8.jpg?v=1761683504 532w"
src="//emerdepot.com/cdn/shop/files/c5f28610e7e41176a549867adfdd6ba8.jpg?v=1761683504&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="oxygen-mask-tubing-7ft"
:class="showSecond ? 'first-img' : ''"
class="w-full preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
loading="lazy"
width="532"
height="532"
onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

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

<picture>
<img loading="lazy"
srcset="//emerdepot.com/cdn/shop/files/c5f28610e7e41176a549867adfdd6ba8_07f58652-1465-4fb3-8979-d9f9dc1a596c.jpg?v=1761683506&width=450 450w,
//emerdepot.com/cdn/shop/files/c5f28610e7e41176a549867adfdd6ba8_07f58652-1465-4fb3-8979-d9f9dc1a596c.jpg?v=1761683506&width=750 750w,
//emerdepot.com/cdn/shop/files/c5f28610e7e41176a549867adfdd6ba8_07f58652-1465-4fb3-8979-d9f9dc1a596c.jpg?v=1761683506&width=900 900w,
//emerdepot.com/cdn/shop/files/c5f28610e7e41176a549867adfdd6ba8_07f58652-1465-4fb3-8979-d9f9dc1a596c.jpg?v=1761683506&width=1100 1100w,
//emerdepot.com/cdn/shop/files/c5f28610e7e41176a549867adfdd6ba8_07f58652-1465-4fb3-8979-d9f9dc1a596c.jpg?v=1761683506&width=1500 1500w,//emerdepot.com/cdn/shop/files/c5f28610e7e41176a549867adfdd6ba8_07f58652-1465-4fb3-8979-d9f9dc1a596c.jpg?v=1761683506 532w"
src="//emerdepot.com/cdn/shop/files/c5f28610e7e41176a549867adfdd6ba8_07f58652-1465-4fb3-8979-d9f9dc1a596c.jpg?v=1761683506&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="oxygen-mask-tubing-7ft"
:class="showSecond ? 'second-img' : ''"
class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
loading="lazy"
width="532"
height="532"
onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div></div>
</div>
<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">
Use code SNOW10 — get 10% off
</div>

<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">Caire</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-7970315403488">
<a href="/collections/all/products/oxygen-mask-tubing-7ft"
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": "Oxygen Mask Tubing 7ft (2.1 m)",
"listName": "Products",
"sku": "7970315403488",
"currencyCode": "CAD",
"price": 999,
"vendor": "Caire"
}
}"
>
Oxygen Mask Tubing 7ft (2.1 m)
</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="7970315403488"> </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="7970315403488" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">999</div><p class="price ">
<span>$9.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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('7970315403488', [416487538912, 421878399200, 417239924960, 465489133792, 415765954784])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": false

},
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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option7970315403488313" 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="47225737183456">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-7970315403488-10413"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-7970315403488-10413"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "Oxygen Mask Tubing 7ft (2.1 m)",
"listName": "Products",
"sku": "7970315403488",
"currencyCode": "CAD",
"price": 999,
"vendor": "Caire"
}
}"
>
<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="7970315403488" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-7970315403488-template--20337242538208__product-grid-10413"
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">Caire</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-7970315403488">
<a href="/collections/all/products/oxygen-mask-tubing-7ft"
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": "Oxygen Mask Tubing 7ft (2.1 m)",
"listName": "Products",
"sku": "7970315403488",
"currencyCode": "CAD",
"price": 999,
"vendor": "Caire"
}
}"
>
Oxygen Mask Tubing 7ft (2.1 m)
</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="7970315403488"> </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="7970315403488" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">999</div><p class="price ">
<span>$9.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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('7970315403488', [416487538912, 421878399200, 417239924960, 465489133792, 415765954784])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": false

},
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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option7970315403488313" 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="47225737183456">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-7970315403488-10413"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-7970315403488-10413"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "Oxygen Mask Tubing 7ft (2.1 m)",
"listName": "Products",
"sku": "7970315403488",
"currencyCode": "CAD",
"price": 999,
"vendor": "Caire"
}
}"
>
<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="7970315403488" /><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', '/products/oxygen-mask-tubing-7ft');
});"></div>
<div
id="current-variant-template--20337242538208__product-grid-7970315403488-10413"
class="current-variant hidden"
>
47225737183456
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<ul>
<li>Three-channel safety design that is crush resistant</li>
<li>Green or clear tubes without memory</li>
<li>The end piece of the connector is ribbed and has a rounded, tapering edge.</li>
</ul>
<p>View All <span style="color: #052b9a;"><strong><a style="color: #052b9a;" title="Nebulizer Machine & Accessories" href="https://emerdepot.com/collections/nebulizer-toronto">Oxygen Mask & Accessories.</a></strong></span></p>
<p class="h3">Oxygen Mask Specifications:</h3>
<div class="row">
<div class="col-md-6">
<div class="table-responsive">
<table role="presentation" class="table table-hover blue">
<tbody>
<tr>
<td class="text-nowrap">Brand</td>
<td>Salter LabsÂ®</td>
</tr>
<tr>
<td class="text-nowrap">Manufacturer</td>
<td>Sun Med</td>
</tr>
<tr>
<td class="text-nowrap">Country of Origin</td>
<td>Mexico</td>
</tr>
<tr>
<td class="text-nowrap">Application</td>
<td>Oxygen Tubing</td>
</tr>
<tr>
<td class="text-nowrap">Color</td>
<td>Clear</td>
</tr>
<tr>
<td class="text-nowrap">Connection Type</td>
<td>Standard Connector</td>
</tr>
<tr>
<td class="text-nowrap">Inside Diameter</td>
<td>4.8 mm I.D.</td>
</tr>
<tr>
<td class="text-nowrap">Length</td>
<td>7 Foot Length Tubing</td>
</tr>
<tr>
<td class="text-nowrap">Lumen Type</td>
<td>Smooth Outer / Star Lumen Inner</td>
</tr>
<tr>
<td class="text-nowrap">Material</td>
<td>Vinyl</td>
</tr>
<tr>
<td class="text-nowrap">Sterility</td>
<td>NonSterile</td>
</tr>
<tr>
<td class="text-nowrap">Latex Free Indicator</td>
<td>Not Made with Natural Rubber Latex</td>
</tr>
<tr>
<td class="text-nowrap">Buy in store</td>
<td>Toronto Canada</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p>Â </p>
<div class="data item content" aria-labelledby="tab-label-additional" id="additional" data-role="content" role="tabpanel" aria-hidden="false"></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="/cart/add" id="product-form-choose-option7970315403488313" 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="47225737183456">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-7970315403488-10413"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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="7970315403488" /><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="/cart/add" id="product-form-choose-option7970315403488313" 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="47225737183456">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-7970315403488-10413"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-7970315403488-10413"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "Oxygen Mask Tubing 7ft (2.1 m)",
"listName": "Products",
"sku": "7970315403488",
"currencyCode": "CAD",
"price": 999,
"vendor": "Caire"
}
}"
>
<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="7970315403488" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div><button
x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/all/products/oxygen-mask-tubing-7ft', $el, 'template--20337242538208__product-grid-7970315403488-10413')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/all/products/oxygen-mask-tubing-7ft', $el, 'template--20337242538208__product-grid-7970315403488-10413')"
@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="Button quickview"
x-customer-event-data="{
"product": {
"title": "Oxygen Mask Tubing 7ft (2.1 m)",
"listName": "Products",
"sku": "7970315403488",
"currencyCode": "CAD",
"price": 999,
"vendor": "Caire"
}
}"
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-10414', '/collections/all/products/oxygen-tube-25-ft', '8094164877536')"

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="/collections/all/products/oxygen-tube-25-ft"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 44163125936352,
"product_id": 8094164877536,
"available": true,
"title": "Oxygen Sure Flow Tubing With Soft Connector - 7.6 m (25 ft)",
"compare_at_price": 0,
"price": 1499,
"price_with_currency": "$14.99 CAD",
"sale_amount": "$-14.99",
"collections": "||417505575136||416487538912||473594233056||417239924960||465489133792||415765954784||",
"inventory_management": "shopify",
"qty": 108,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 841.59,
"diff_day_publish": 841.59

}]"

aria-label="Oxygen Sure Flow Tubing With Soft Connector - 7.6 m (25 ft)"
id="8094164877536-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('/collections/all/products/oxygen-tube-25-ft')" 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-10414--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Oxygen Sure Flow Tubing With Soft Connector - 7.6 m (25 ft)",
"listName": "Products",
"sku": "8094164877536",
"currencyCode": "CAD",
"price": 1499,
"vendor": "Glenwood"
}
}"
><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/f14c1facccca74a931892610a21fddb1.jpg?v=1761685958&width=450 450w,
//emerdepot.com/cdn/shop/files/f14c1facccca74a931892610a21fddb1.jpg?v=1761685958&width=750 750w,
//emerdepot.com/cdn/shop/files/f14c1facccca74a931892610a21fddb1.jpg?v=1761685958&width=900 900w,
//emerdepot.com/cdn/shop/files/f14c1facccca74a931892610a21fddb1.jpg?v=1761685958&width=1100 1100w,
//emerdepot.com/cdn/shop/files/f14c1facccca74a931892610a21fddb1.jpg?v=1761685958&width=1500 1500w,//emerdepot.com/cdn/shop/files/f14c1facccca74a931892610a21fddb1.jpg?v=1761685958 1920w"
src="//emerdepot.com/cdn/shop/files/f14c1facccca74a931892610a21fddb1.jpg?v=1761685958&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="oxygen-tube-25-ft"
:class="showSecond ? 'first-img' : ''"
class="w-full preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
loading="lazy"
width="1920"
height="1280"
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/f14c1facccca74a931892610a21fddb1_628558cb-06c7-4d4b-9f92-070bb852be1d.jpg?v=1761685959&width=450 450w,
//emerdepot.com/cdn/shop/files/f14c1facccca74a931892610a21fddb1_628558cb-06c7-4d4b-9f92-070bb852be1d.jpg?v=1761685959&width=750 750w,
//emerdepot.com/cdn/shop/files/f14c1facccca74a931892610a21fddb1_628558cb-06c7-4d4b-9f92-070bb852be1d.jpg?v=1761685959&width=900 900w,
//emerdepot.com/cdn/shop/files/f14c1facccca74a931892610a21fddb1_628558cb-06c7-4d4b-9f92-070bb852be1d.jpg?v=1761685959&width=1100 1100w,
//emerdepot.com/cdn/shop/files/f14c1facccca74a931892610a21fddb1_628558cb-06c7-4d4b-9f92-070bb852be1d.jpg?v=1761685959&width=1500 1500w,//emerdepot.com/cdn/shop/files/f14c1facccca74a931892610a21fddb1_628558cb-06c7-4d4b-9f92-070bb852be1d.jpg?v=1761685959 1920w"
src="//emerdepot.com/cdn/shop/files/f14c1facccca74a931892610a21fddb1_628558cb-06c7-4d4b-9f92-070bb852be1d.jpg?v=1761685959&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="oxygen-tube-25-ft"
:class="showSecond ? 'second-img' : ''"
class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
loading="lazy"
width="1920"
height="1280"
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">
Use code SNOW10 — get 10% off
</div>

<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">Glenwood</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-8094164877536">
<a href="/collections/all/products/oxygen-tube-25-ft"
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": "Oxygen Sure Flow Tubing With Soft Connector - 7.6 m (25 ft)",
"listName": "Products",
"sku": "8094164877536",
"currencyCode": "CAD",
"price": 1499,
"vendor": "Glenwood"
}
}"
>
Oxygen Sure Flow Tubing With Soft Connector - 7.6 m (25 ft)
</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="8094164877536"> </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="8094164877536" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

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

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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('8094164877536', [417505575136, 416487538912, 473594233056, 417239924960, 465489133792, 415765954784])"><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="'Available for pickup at ' + $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="'Out of stock at ' + $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-8094164877536-10414', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/oxygen-tube-25-ft', $el, 'template--20337242538208__product-grid-8094164877536-10414', 314); }, 0)"
data-id="template--20337242538208__product-grid-8094164877536-10414"
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="Choose 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">Choose 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-8094164877536-10414', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/oxygen-tube-25-ft', $el, 'template--20337242538208__product-grid-8094164877536-10414', 314); }, 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-8094164877536-10414"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Oxygen Sure Flow Tubing With Soft Connector - 7.6 m (25 ft)",
"listName": "Products",
"sku": "8094164877536",
"currencyCode": "CAD",
"price": 1499,
"vendor": "Glenwood"
}
}"
>
<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-8094164877536-10414"
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-8094164877536-template--20337242538208__product-grid-10414"
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">Glenwood</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-8094164877536">
<a href="/collections/all/products/oxygen-tube-25-ft"
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": "Oxygen Sure Flow Tubing With Soft Connector - 7.6 m (25 ft)",
"listName": "Products",
"sku": "8094164877536",
"currencyCode": "CAD",
"price": 1499,
"vendor": "Glenwood"
}
}"
>
Oxygen Sure Flow Tubing With Soft Connector - 7.6 m (25 ft)
</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="8094164877536"> </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="8094164877536" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

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

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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('8094164877536', [417505575136, 416487538912, 473594233056, 417239924960, 465489133792, 415765954784])"><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="'Available for pickup at ' + $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="'Out of stock at ' + $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-8094164877536-10414', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/oxygen-tube-25-ft', $el, 'template--20337242538208__product-grid-8094164877536-10414', 314); }, 0)"
data-id="template--20337242538208__product-grid-8094164877536-10414"
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="Choose 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">Choose 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-8094164877536-10414', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/oxygen-tube-25-ft', $el, 'template--20337242538208__product-grid-8094164877536-10414', 314); }, 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-8094164877536-10414"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Oxygen Sure Flow Tubing With Soft Connector - 7.6 m (25 ft)",
"listName": "Products",
"sku": "8094164877536",
"currencyCode": "CAD",
"price": 1499,
"vendor": "Glenwood"
}
}"
>
<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-10414', false, 'Unavailable', '/collections/all/products/oxygen-tube-25-ft', '8094164877536', false, true, false, 'template--20337242538208__product-grid', '', '', '//emerdepot.com/cdn/shop/files/f14c1facccca74a931892610a21fddb1.jpg?v=1761685958', 314)"
x-init="initVariant($el)"
>
<script type="application/json">
[{"id":44163125936352,"title":"1 pcs","option1":"1 pcs","option2":null,"option3":null,"sku":"GK1115-25","requires_shipping":true,"taxable":false,"featured_image":{"id":46302529061088,"product_id":8094164877536,"position":2,"created_at":"2025-04-07T16:56:11-04:00","updated_at":"2025-10-28T17:12:39-04:00","alt":"oxygen-tube-25-ft","width":1920,"height":1280,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/f14c1facccca74a931892610a21fddb1_628558cb-06c7-4d4b-9f92-070bb852be1d.jpg?v=1761685959","variant_ids":[44163125936352]},"available":true,"name":"Oxygen Sure Flow Tubing With Soft Connector - 7.6 m (25 ft) - 1 pcs","public_title":"1 pcs","options":["1 pcs"],"price":1499,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"672369115253","featured_media":{"alt":"oxygen-tube-25-ft","id":36922763706592,"position":2,"preview_image":{"aspect_ratio":1.5,"height":1280,"width":1920,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/f14c1facccca74a931892610a21fddb1_628558cb-06c7-4d4b-9f92-070bb852be1d.jpg?v=1761685959"}},"requires_selling_plan":false,"selling_plan_allocations":[]}]
</script>
<div
id="current-variant-template--20337242538208__product-grid-8094164877536-10414"
class="current-variant hidden"
>
44163125936352
</div>
<div
id="variant-update-template--20337242538208__product-grid-10414"
class="variant-update-template--20337242538208__product-grid-10414 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>This nasal cannula is specially designed for infants, ensuring a snug and comfortable fit without hampering their movements. Its unique anatomical shape eliminates the need for a flap, reducing the chances of irritation. The nasal prongs are curved and tapered to provide a secure and comfortable fit. It has a transparent and lightweight design without a lip plate, and comes with a three-channel supply tubing.</p>
<ul>
<li>Tip: Soft Tip</li>
<li>Length: 25ft Tube</li>
<li>Style: Pediatric</li>
</ul>
<p class="h4">Other SKU upon Requested:<br>
</h4>
<ul>
<li>GK 1115-07 Sure Flow Tubing 7â€™</li>
<li>GK 1115-14 Sure Flow Tubing 14â€™</li>
<li>GK 1115-25 Sure Flow Tubing 25â€™</li>
<li>GK 1115-50 Sure Flow Tubing 50â€™</li>
</ul>
</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-8094164877536-10414', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/oxygen-tube-25-ft', $el, 'template--20337242538208__product-grid-8094164877536-10414', 314); }, 0)"
data-id="template--20337242538208__product-grid-8094164877536-10414"
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="Choose 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">Choose 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-8094164877536-10414', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/all/products/oxygen-tube-25-ft', $el, 'template--20337242538208__product-grid-8094164877536-10414', 314); }, 0)"
data-id="template--20337242538208__product-grid-8094164877536-10414"
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="Choose 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">Choose 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('/collections/all/products/oxygen-tube-25-ft', $el, 'template--20337242538208__product-grid-8094164877536-10414')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/all/products/oxygen-tube-25-ft', $el, 'template--20337242538208__product-grid-8094164877536-10414')"
@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="Button quickview"
x-customer-event-data="{
"product": {
"title": "Oxygen Sure Flow Tubing With Soft Connector - 7.6 m (25 ft)",
"listName": "Products",
"sku": "8094164877536",
"currencyCode": "CAD",
"price": 1499,
"vendor": "Glenwood"
}
}"
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-10415', '/collections/all/products/padded-transfer-bench', '8580273144032')"

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="/collections/all/products/padded-transfer-bench"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 47270681706720,
"product_id": 8580273144032,
"available": true,
"title": "Padded Transfer Bench 12005KD-1",
"compare_at_price": 0,
"price": 15999,
"price_with_currency": "$159.99 CAD",
"sale_amount": "$-159.99",
"collections": "||417505575136||464319152352||472517443808||464139976928||481092894944||",
"inventory_management": "shopify",
"qty": 1,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 550.67,
"diff_day_publish": 550.67

}]"

aria-label="Padded Transfer Bench 12005KD-1"
id="8580273144032-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('/collections/all/products/padded-transfer-bench')" 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-10415--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Padded Transfer Bench 12005KD-1",
"listName": "Products",
"sku": "8580273144032",
"currencyCode": "CAD",
"price": 15999,
"vendor": "Drive Medical"
}
}"
><div
class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
@touchstart="onTouchStart($event)"
@touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
@touchmove="onTouchMove($event)"
></div>
<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
>

<picture>
<img
srcset="//emerdepot.com/cdn/shop/files/9ab42168f8d825977ee1b67b3e0677d2.jpg?v=1761687597&width=450 450w,
//emerdepot.com/cdn/shop/files/9ab42168f8d825977ee1b67b3e0677d2.jpg?v=1761687597&width=750 750w,
//emerdepot.com/cdn/shop/files/9ab42168f8d825977ee1b67b3e0677d2.jpg?v=1761687597&width=900 900w,
//emerdepot.com/cdn/shop/files/9ab42168f8d825977ee1b67b3e0677d2.jpg?v=1761687597&width=1100 1100w,
//emerdepot.com/cdn/shop/files/9ab42168f8d825977ee1b67b3e0677d2.jpg?v=1761687597&width=1500 1500w,//emerdepot.com/cdn/shop/files/9ab42168f8d825977ee1b67b3e0677d2.jpg?v=1761687597 1024w"
src="//emerdepot.com/cdn/shop/files/9ab42168f8d825977ee1b67b3e0677d2.jpg?v=1761687597&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="padded-transfer-bench"
: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="1024"
height="1024"
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/9ab42168f8d825977ee1b67b3e0677d2_8a2f47f3-96b7-464f-93cb-0852bafd6e42.jpg?v=1761687598&width=450 450w,
//emerdepot.com/cdn/shop/files/9ab42168f8d825977ee1b67b3e0677d2_8a2f47f3-96b7-464f-93cb-0852bafd6e42.jpg?v=1761687598&width=750 750w,
//emerdepot.com/cdn/shop/files/9ab42168f8d825977ee1b67b3e0677d2_8a2f47f3-96b7-464f-93cb-0852bafd6e42.jpg?v=1761687598&width=900 900w,
//emerdepot.com/cdn/shop/files/9ab42168f8d825977ee1b67b3e0677d2_8a2f47f3-96b7-464f-93cb-0852bafd6e42.jpg?v=1761687598&width=1100 1100w,
//emerdepot.com/cdn/shop/files/9ab42168f8d825977ee1b67b3e0677d2_8a2f47f3-96b7-464f-93cb-0852bafd6e42.jpg?v=1761687598&width=1500 1500w,//emerdepot.com/cdn/shop/files/9ab42168f8d825977ee1b67b3e0677d2_8a2f47f3-96b7-464f-93cb-0852bafd6e42.jpg?v=1761687598 1024w"
src="//emerdepot.com/cdn/shop/files/9ab42168f8d825977ee1b67b3e0677d2_8a2f47f3-96b7-464f-93cb-0852bafd6e42.jpg?v=1761687598&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="padded-transfer-bench"
: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="1024"
height="1024"
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">
Use code SNOW10 — get 10% off
</div>

<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</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-8580273144032">
<a href="/collections/all/products/padded-transfer-bench"
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": "Padded Transfer Bench 12005KD-1",
"listName": "Products",
"sku": "8580273144032",
"currencyCode": "CAD",
"price": 15999,
"vendor": "Drive Medical"
}
}"
>
Padded Transfer Bench 12005KD-1
</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="8580273144032"> </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="8580273144032" 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">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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('8580273144032', [417505575136, 464319152352, 472517443808, 464139976928, 481092894944])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": false,

"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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option8580273144032315" 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="47270681706720">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8580273144032-10415"
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="Add to cart"

>
<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">Add to cart</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-8580273144032-10415"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Padded Transfer Bench 12005KD-1",
"listName": "Products",
"sku": "8580273144032",
"currencyCode": "CAD",
"price": 15999,
"vendor": "Drive Medical"
}
}"
>
<span>Add to cart</span>

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

</span>
</button><input type="hidden" name="product-id" value="8580273144032" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-8580273144032-template--20337242538208__product-grid-10415"
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</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-8580273144032">
<a href="/collections/all/products/padded-transfer-bench"
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": "Padded Transfer Bench 12005KD-1",
"listName": "Products",
"sku": "8580273144032",
"currencyCode": "CAD",
"price": 15999,
"vendor": "Drive Medical"
}
}"
>
Padded Transfer Bench 12005KD-1
</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="8580273144032"> </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="8580273144032" 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">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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('8580273144032', [417505575136, 464319152352, 472517443808, 464139976928, 481092894944])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": false,

"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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option8580273144032315" 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="47270681706720">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8580273144032-10415"
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="Add to cart"

>
<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">Add to cart</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-8580273144032-10415"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Padded Transfer Bench 12005KD-1",
"listName": "Products",
"sku": "8580273144032",
"currencyCode": "CAD",
"price": 15999,
"vendor": "Drive Medical"
}
}"
>
<span>Add to cart</span>

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

</span>
</button><input type="hidden" name="product-id" value="8580273144032" /><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', '/products/padded-transfer-bench');
});"></div>
<div
id="current-variant-template--20337242538208__product-grid-8580273144032-10415"
class="current-variant hidden"
>
47270681706720
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<ul>
<li>Comfortable cushioned seat and backrest</li>
<li>Tool-free assembly of back, legs and arm</li>
<li>New pinch-free cover allows for push pins to be depressed without pinching fingers</li>
<li>A-frame construction provides stability</li>
<li>Height adjusts in ½" increments with unique "Dual Column" extension legs</li>
</ul>

</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="/cart/add" id="product-form-choose-option8580273144032315" 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="47270681706720">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8580273144032-10415"
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="Add to cart"

>
<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">Add to cart</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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="8580273144032" /><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="/cart/add" id="product-form-choose-option8580273144032315" 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="47270681706720">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8580273144032-10415"
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="Add to cart"

>
<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">Add to cart</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-8580273144032-10415"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

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

</span>
</button><input type="hidden" name="product-id" value="8580273144032" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div><button
x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/all/products/padded-transfer-bench', $el, 'template--20337242538208__product-grid-8580273144032-10415')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/all/products/padded-transfer-bench', $el, 'template--20337242538208__product-grid-8580273144032-10415')"
@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="Button quickview"
x-customer-event-data="{
"product": {
"title": "Padded Transfer Bench 12005KD-1",
"listName": "Products",
"sku": "8580273144032",
"currencyCode": "CAD",
"price": 15999,
"vendor": "Drive Medical"
}
}"
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-10416', '/collections/all/products/pads-crutch-underarm', '8066119729376')"

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="/collections/all/products/pads-crutch-underarm"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 47234283667680,
"product_id": 8066119729376,
"available": false,
"title": "Pads Crutch Underarm (1 Pair)",
"compare_at_price": 0,
"price": 635,
"price_with_currency": "$6.35 CAD",
"sale_amount": "$-6.35",
"collections": "||418240102624||472517443808||421878399200||418539536608||",
"inventory_management": "shopify",
"qty": 0,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 899.59,
"diff_day_publish": 899.59

}]"

aria-label="Pads Crutch Underarm (1 Pair)"
id="8066119729376-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('/collections/all/products/pads-crutch-underarm')" 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-10416--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Pads Crutch Underarm (1 Pair)",
"listName": "Products",
"sku": "8066119729376",
"currencyCode": "CAD",
"price": 635,
"vendor": "Airgo"
}
}"
><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/dc6ba45fef43ab33ea071cdb46d6b64c.png?v=1761685631&width=450 450w,
//emerdepot.com/cdn/shop/files/dc6ba45fef43ab33ea071cdb46d6b64c.png?v=1761685631&width=750 750w,
//emerdepot.com/cdn/shop/files/dc6ba45fef43ab33ea071cdb46d6b64c.png?v=1761685631&width=900 900w,
//emerdepot.com/cdn/shop/files/dc6ba45fef43ab33ea071cdb46d6b64c.png?v=1761685631&width=1100 1100w,
//emerdepot.com/cdn/shop/files/dc6ba45fef43ab33ea071cdb46d6b64c.png?v=1761685631&width=1500 1500w,//emerdepot.com/cdn/shop/files/dc6ba45fef43ab33ea071cdb46d6b64c.png?v=1761685631 532w"
src="//emerdepot.com/cdn/shop/files/dc6ba45fef43ab33ea071cdb46d6b64c.png?v=1761685631&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="pads-crutch-underarm"
:class="showSecond ? 'first-img' : ''"
class="w-full preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
loading="lazy"
width="532"
height="532"
onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

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

<picture>
<img loading="lazy"
srcset="//emerdepot.com/cdn/shop/files/dc6ba45fef43ab33ea071cdb46d6b64c_89992a7c-0e9a-4fe9-9e24-77007debdc67.png?v=1761685632&width=450 450w,
//emerdepot.com/cdn/shop/files/dc6ba45fef43ab33ea071cdb46d6b64c_89992a7c-0e9a-4fe9-9e24-77007debdc67.png?v=1761685632&width=750 750w,
//emerdepot.com/cdn/shop/files/dc6ba45fef43ab33ea071cdb46d6b64c_89992a7c-0e9a-4fe9-9e24-77007debdc67.png?v=1761685632&width=900 900w,
//emerdepot.com/cdn/shop/files/dc6ba45fef43ab33ea071cdb46d6b64c_89992a7c-0e9a-4fe9-9e24-77007debdc67.png?v=1761685632&width=1100 1100w,
//emerdepot.com/cdn/shop/files/dc6ba45fef43ab33ea071cdb46d6b64c_89992a7c-0e9a-4fe9-9e24-77007debdc67.png?v=1761685632&width=1500 1500w,//emerdepot.com/cdn/shop/files/dc6ba45fef43ab33ea071cdb46d6b64c_89992a7c-0e9a-4fe9-9e24-77007debdc67.png?v=1761685632 532w"
src="//emerdepot.com/cdn/shop/files/dc6ba45fef43ab33ea071cdb46d6b64c_89992a7c-0e9a-4fe9-9e24-77007debdc67.png?v=1761685632&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="pads-crutch-underarm"
:class="showSecond ? 'second-img' : ''"
class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
loading="lazy"
width="532"
height="532"
onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div></div>
</div>
<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">
Use code SNOW10 — get 10% off
</div>

<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">Airgo</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-8066119729376">
<a href="/collections/all/products/pads-crutch-underarm"
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": "Pads Crutch Underarm (1 Pair)",
"listName": "Products",
"sku": "8066119729376",
"currencyCode": "CAD",
"price": 635,
"vendor": "Airgo"
}
}"
>
Pads Crutch Underarm (1 Pair)
</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="8066119729376"> </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="8066119729376" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">635</div><p class="price ">
<span>$6.35 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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('8066119729376', [418240102624, 472517443808, 421878399200, 418539536608])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": false

},
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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option8066119729376316" 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="47234283667680">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8066119729376-10416"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-8066119729376-10416"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "Pads Crutch Underarm (1 Pair)",
"listName": "Products",
"sku": "8066119729376",
"currencyCode": "CAD",
"price": 635,
"vendor": "Airgo"
}
}"
>
<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="8066119729376" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-8066119729376-template--20337242538208__product-grid-10416"
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">Airgo</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-8066119729376">
<a href="/collections/all/products/pads-crutch-underarm"
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": "Pads Crutch Underarm (1 Pair)",
"listName": "Products",
"sku": "8066119729376",
"currencyCode": "CAD",
"price": 635,
"vendor": "Airgo"
}
}"
>
Pads Crutch Underarm (1 Pair)
</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="8066119729376"> </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="8066119729376" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">635</div><p class="price ">
<span>$6.35 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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('8066119729376', [418240102624, 472517443808, 421878399200, 418539536608])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": false

},
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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option8066119729376316" 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="47234283667680">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8066119729376-10416"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-8066119729376-10416"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "Pads Crutch Underarm (1 Pair)",
"listName": "Products",
"sku": "8066119729376",
"currencyCode": "CAD",
"price": 635,
"vendor": "Airgo"
}
}"
>
<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="8066119729376" /><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', '/products/pads-crutch-underarm');
});"></div>
<div
id="current-variant-template--20337242538208__product-grid-8066119729376-10416"
class="current-variant hidden"
>
47234283667680
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<p>Pads Crutch Underarm (1 Pair) are lightweight, high-density foam crutch cushions that provide superior protection and padding. The foam helps absorb shock and reduce stress on the users underarms to help minimize fatigue, aches, and pains. The cushions are easy to attach and adjust for a secure fit and superior comfort.</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="/cart/add" id="product-form-choose-option8066119729376316" 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="47234283667680">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8066119729376-10416"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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="8066119729376" /><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="/cart/add" id="product-form-choose-option8066119729376316" 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="47234283667680">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8066119729376-10416"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-8066119729376-10416"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "Pads Crutch Underarm (1 Pair)",
"listName": "Products",
"sku": "8066119729376",
"currencyCode": "CAD",
"price": 635,
"vendor": "Airgo"
}
}"
>
<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="8066119729376" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div><button
x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/all/products/pads-crutch-underarm', $el, 'template--20337242538208__product-grid-8066119729376-10416')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/all/products/pads-crutch-underarm', $el, 'template--20337242538208__product-grid-8066119729376-10416')"
@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="Button quickview"
x-customer-event-data="{
"product": {
"title": "Pads Crutch Underarm (1 Pair)",
"listName": "Products",
"sku": "8066119729376",
"currencyCode": "CAD",
"price": 635,
"vendor": "Airgo"
}
}"
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-10417', '/collections/all/products/aluminum-crutches-with-accessories-pair', '7865041715424')"

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="/collections/all/products/aluminum-crutches-with-accessories-pair"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 47234287173856,
"product_id": 7865041715424,
"available": true,
"title": "Pair Aluminum Crutches with Accessories for Adult- (5&#39;2&quot; to 5&#39;10&quot;)",
"compare_at_price": 0,
"price": 6200,
"price_with_currency": "$62.00 CAD",
"sale_amount": "$-62.00",
"collections": "||417505575136||418240102624||472517443808||473594233056||418539536608||414393336032||481092894944||",
"inventory_management": "shopify",
"qty": 18,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1184.67,
"diff_day_publish": 1184.67

}]"

aria-label="Pair Aluminum Crutches with Accessories for Adult- (5'2" to 5'10")"
id="7865041715424-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('/collections/all/products/aluminum-crutches-with-accessories-pair')" 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-10417--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Pair Aluminum Crutches with Accessories for Adult- (5&#39;2&quot; to 5&#39;10&quot;)",
"listName": "Products",
"sku": "7865041715424",
"currencyCode": "CAD",
"price": 6200,
"vendor": "Drive Medical"
}
}"
><div
class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
@touchstart="onTouchStart($event)"
@touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
@touchmove="onTouchMove($event)"
></div>
<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
>

<picture>
<img
srcset="//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63.png?v=1761682331&width=450 450w,
//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63.png?v=1761682331&width=750 750w,
//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63.png?v=1761682331&width=900 900w,
//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63.png?v=1761682331&width=1100 1100w,
//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63.png?v=1761682331&width=1500 1500w,//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63.png?v=1761682331 532w"
src="//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63.png?v=1761682331&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="aluminum-crutches-with-accessories-pair"
:class="showSecond ? 'first-img' : ''"
class="w-full preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
loading="lazy"
width="532"
height="532"
onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

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

<picture>
<img loading="lazy"
srcset="//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63_f67d0cba-212b-4a4d-9e4c-7d429444af88.png?v=1761682332&width=450 450w,
//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63_f67d0cba-212b-4a4d-9e4c-7d429444af88.png?v=1761682332&width=750 750w,
//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63_f67d0cba-212b-4a4d-9e4c-7d429444af88.png?v=1761682332&width=900 900w,
//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63_f67d0cba-212b-4a4d-9e4c-7d429444af88.png?v=1761682332&width=1100 1100w,
//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63_f67d0cba-212b-4a4d-9e4c-7d429444af88.png?v=1761682332&width=1500 1500w,//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63_f67d0cba-212b-4a4d-9e4c-7d429444af88.png?v=1761682332 532w"
src="//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63_f67d0cba-212b-4a4d-9e4c-7d429444af88.png?v=1761682332&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="aluminum-crutches-with-accessories-pair"
:class="showSecond ? 'second-img' : ''"
class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
loading="lazy"
width="532"
height="532"
onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div></div>
</div>
<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">
Use code SNOW10 — get 10% off
</div>

<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</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-7865041715424">
<a href="/collections/all/products/aluminum-crutches-with-accessories-pair"
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": "Pair Aluminum Crutches with Accessories for Adult- (5&#39;2&quot; to 5&#39;10&quot;)",
"listName": "Products",
"sku": "7865041715424",
"currencyCode": "CAD",
"price": 6200,
"vendor": "Drive Medical"
}
}"
>
Pair Aluminum Crutches with Accessories for Adult- (5'2" to 5'10")
</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="7865041715424"> </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="7865041715424" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">6200</div><p class="price ">
<span>$62.00 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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('7865041715424', [417505575136, 418240102624, 472517443808, 473594233056, 418539536608, 414393336032, 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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option7865041715424317" 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="47234287173856">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-7865041715424-10417"
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="Add to cart"

>
<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">Add to cart</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-7865041715424-10417"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Pair Aluminum Crutches with Accessories for Adult- (5&#39;2&quot; to 5&#39;10&quot;)",
"listName": "Products",
"sku": "7865041715424",
"currencyCode": "CAD",
"price": 6200,
"vendor": "Drive Medical"
}
}"
>
<span>Add to cart</span>

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

</span>
</button><input type="hidden" name="product-id" value="7865041715424" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-7865041715424-template--20337242538208__product-grid-10417"
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</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-7865041715424">
<a href="/collections/all/products/aluminum-crutches-with-accessories-pair"
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": "Pair Aluminum Crutches with Accessories for Adult- (5&#39;2&quot; to 5&#39;10&quot;)",
"listName": "Products",
"sku": "7865041715424",
"currencyCode": "CAD",
"price": 6200,
"vendor": "Drive Medical"
}
}"
>
Pair Aluminum Crutches with Accessories for Adult- (5'2" to 5'10")
</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="7865041715424"> </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="7865041715424" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">6200</div><p class="price ">
<span>$62.00 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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('7865041715424', [417505575136, 418240102624, 472517443808, 473594233056, 418539536608, 414393336032, 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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option7865041715424317" 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="47234287173856">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-7865041715424-10417"
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="Add to cart"

>
<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">Add to cart</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-7865041715424-10417"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Pair Aluminum Crutches with Accessories for Adult- (5&#39;2&quot; to 5&#39;10&quot;)",
"listName": "Products",
"sku": "7865041715424",
"currencyCode": "CAD",
"price": 6200,
"vendor": "Drive Medical"
}
}"
>
<span>Add to cart</span>

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

</span>
</button><input type="hidden" name="product-id" value="7865041715424" /><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', '/products/aluminum-crutches-with-accessories-pair');
});"></div>
<div
id="current-variant-template--20337242538208__product-grid-7865041715424-10417"
class="current-variant hidden"
>
47234287173856
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<p><strong>Patient height:</strong> 52" to 510"<br></p>
<ul>
<li>Lighter than wood, the standard aluminum crutch provides stability and durability</li>
<li>â€¢ Double extruded center tube provides additional strength to weight-bearing area</li>
<li>â€¢ Pushpin adjustment makes it easy to adjust crutch height in 1" increments</li>
<li>â€¢ Non-skid, jumbo-size vinyl contoured tips provide excellent traction</li>
<li>â€¢ Easy wing nut adjustments for hand grips</li>
<li>â€¢ Comfortable, durable accessories are latex-free</li>
<li>â€¢ Weight Capacity 350 lbs. on aluminum crutch (excluding pediatric)</li>
</ul>
</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="/cart/add" id="product-form-choose-option7865041715424317" 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="47234287173856">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-7865041715424-10417"
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="Add to cart"

>
<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">Add to cart</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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="7865041715424" /><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="/cart/add" id="product-form-choose-option7865041715424317" 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="47234287173856">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-7865041715424-10417"
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="Add to cart"

>
<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">Add to cart</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-7865041715424-10417"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

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

</span>
</button><input type="hidden" name="product-id" value="7865041715424" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div><button
x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/all/products/aluminum-crutches-with-accessories-pair', $el, 'template--20337242538208__product-grid-7865041715424-10417')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/all/products/aluminum-crutches-with-accessories-pair', $el, 'template--20337242538208__product-grid-7865041715424-10417')"
@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="Button quickview"
x-customer-event-data="{
"product": {
"title": "Pair Aluminum Crutches with Accessories for Adult- (5&#39;2&quot; to 5&#39;10&quot;)",
"listName": "Products",
"sku": "7865041715424",
"currencyCode": "CAD",
"price": 6200,
"vendor": "Drive Medical"
}
}"
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-10418', '/collections/all/products/pair-aluminum-crutches-with-accessories-for-youth', '8061143056608')"

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="/collections/all/products/pair-aluminum-crutches-with-accessories-for-youth"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 47234281111776,
"product_id": 8061143056608,
"available": false,
"title": "Pair Aluminum Crutches with Accessories for Youth- (4&#39;6&quot; to 5&#39;2&quot;)",
"compare_at_price": 0,
"price": 4699,
"price_with_currency": "$46.99 CAD",
"sale_amount": "$-46.99",
"collections": "||418240102624||472517443808||421878399200||418539536608||414393336032||481092894944||",
"inventory_management": "shopify",
"qty": 0,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 912.83,
"diff_day_publish": 912.82

}]"

aria-label="Pair Aluminum Crutches with Accessories for Youth- (4'6" to 5'2")"
id="8061143056608-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('/collections/all/products/pair-aluminum-crutches-with-accessories-for-youth')" 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-10418--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Pair Aluminum Crutches with Accessories for Youth- (4&#39;6&quot; to 5&#39;2&quot;)",
"listName": "Products",
"sku": "8061143056608",
"currencyCode": "CAD",
"price": 4699,
"vendor": "Drive Medical"
}
}"
><div
class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
@touchstart="onTouchStart($event)"
@touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
@touchmove="onTouchMove($event)"
></div>
<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
>

<picture>
<img
srcset="//emerdepot.com/cdn/shop/files/992cf3657090691bd1dca2a9cbe58b26.jpg?v=1761685271&width=450 450w,
//emerdepot.com/cdn/shop/files/992cf3657090691bd1dca2a9cbe58b26.jpg?v=1761685271&width=750 750w,
//emerdepot.com/cdn/shop/files/992cf3657090691bd1dca2a9cbe58b26.jpg?v=1761685271&width=900 900w,
//emerdepot.com/cdn/shop/files/992cf3657090691bd1dca2a9cbe58b26.jpg?v=1761685271&width=1100 1100w,
//emerdepot.com/cdn/shop/files/992cf3657090691bd1dca2a9cbe58b26.jpg?v=1761685271&width=1500 1500w,//emerdepot.com/cdn/shop/files/992cf3657090691bd1dca2a9cbe58b26.jpg?v=1761685271 360w"
src="//emerdepot.com/cdn/shop/files/992cf3657090691bd1dca2a9cbe58b26.jpg?v=1761685271&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-aluminum-crutches-with-accessories-for-youth"
: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="360"
height="360"
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/992cf3657090691bd1dca2a9cbe58b26_5bb596dd-68ff-4120-ac88-659ed5457844.jpg?v=1761685272&width=450 450w,
//emerdepot.com/cdn/shop/files/992cf3657090691bd1dca2a9cbe58b26_5bb596dd-68ff-4120-ac88-659ed5457844.jpg?v=1761685272&width=750 750w,
//emerdepot.com/cdn/shop/files/992cf3657090691bd1dca2a9cbe58b26_5bb596dd-68ff-4120-ac88-659ed5457844.jpg?v=1761685272&width=900 900w,
//emerdepot.com/cdn/shop/files/992cf3657090691bd1dca2a9cbe58b26_5bb596dd-68ff-4120-ac88-659ed5457844.jpg?v=1761685272&width=1100 1100w,
//emerdepot.com/cdn/shop/files/992cf3657090691bd1dca2a9cbe58b26_5bb596dd-68ff-4120-ac88-659ed5457844.jpg?v=1761685272&width=1500 1500w,//emerdepot.com/cdn/shop/files/992cf3657090691bd1dca2a9cbe58b26_5bb596dd-68ff-4120-ac88-659ed5457844.jpg?v=1761685272 360w"
src="//emerdepot.com/cdn/shop/files/992cf3657090691bd1dca2a9cbe58b26_5bb596dd-68ff-4120-ac88-659ed5457844.jpg?v=1761685272&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-aluminum-crutches-with-accessories-for-youth"
: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="360"
height="360"
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">
Use code SNOW10 — get 10% off
</div>

<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</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-8061143056608">
<a href="/collections/all/products/pair-aluminum-crutches-with-accessories-for-youth"
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": "Pair Aluminum Crutches with Accessories for Youth- (4&#39;6&quot; to 5&#39;2&quot;)",
"listName": "Products",
"sku": "8061143056608",
"currencyCode": "CAD",
"price": 4699,
"vendor": "Drive Medical"
}
}"
>
Pair Aluminum Crutches with Accessories for Youth- (4'6" to 5'2")
</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="8061143056608"> </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="8061143056608" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">4699</div><p class="price ">
<span>$46.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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('8061143056608', [418240102624, 472517443808, 421878399200, 418539536608, 414393336032, 481092894944])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": false

},
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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option8061143056608318" 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="47234281111776">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8061143056608-10418"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-8061143056608-10418"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "Pair Aluminum Crutches with Accessories for Youth- (4&#39;6&quot; to 5&#39;2&quot;)",
"listName": "Products",
"sku": "8061143056608",
"currencyCode": "CAD",
"price": 4699,
"vendor": "Drive Medical"
}
}"
>
<span>Add to cart</span>

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

</span>
</button><input type="hidden" name="product-id" value="8061143056608" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-8061143056608-template--20337242538208__product-grid-10418"
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</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-8061143056608">
<a href="/collections/all/products/pair-aluminum-crutches-with-accessories-for-youth"
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": "Pair Aluminum Crutches with Accessories for Youth- (4&#39;6&quot; to 5&#39;2&quot;)",
"listName": "Products",
"sku": "8061143056608",
"currencyCode": "CAD",
"price": 4699,
"vendor": "Drive Medical"
}
}"
>
Pair Aluminum Crutches with Accessories for Youth- (4'6" to 5'2")
</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="8061143056608"> </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="8061143056608" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">4699</div><p class="price ">
<span>$46.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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('8061143056608', [418240102624, 472517443808, 421878399200, 418539536608, 414393336032, 481092894944])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": false

},
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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option8061143056608318" 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="47234281111776">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8061143056608-10418"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-8061143056608-10418"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "Pair Aluminum Crutches with Accessories for Youth- (4&#39;6&quot; to 5&#39;2&quot;)",
"listName": "Products",
"sku": "8061143056608",
"currencyCode": "CAD",
"price": 4699,
"vendor": "Drive Medical"
}
}"
>
<span>Add to cart</span>

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

</span>
</button><input type="hidden" name="product-id" value="8061143056608" /><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', '/products/pair-aluminum-crutches-with-accessories-for-youth');
});"></div>
<div
id="current-variant-template--20337242538208__product-grid-8061143056608-10418"
class="current-variant hidden"
>
47234281111776
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<p><strong>Patient height:</strong> 46" to 52"<br></p>
<ul>
<li>Lighter than wood, the standard aluminum crutch provides stability and durability</li>
<li>â€¢ Double extruded center tube provides additional strength to weight-bearing area</li>
<li>â€¢ Pushpin adjustment makes it easy-to-adjust crutch height in 1" increments</li>
<li>â€¢ Non-skid, jumbo-size vinyl contoured tips provide excellent traction</li>
<li>â€¢ Easy wing nut adjustments for hand grips</li>
<li>â€¢ Comfortable, durable accessories are latex free</li>
<li>â€¢ Weight Capacity 350 lbs. on aluminum crutch (excluding pediatric)</li>
</ul>
</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="/cart/add" id="product-form-choose-option8061143056608318" 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="47234281111776">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8061143056608-10418"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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="8061143056608" /><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="/cart/add" id="product-form-choose-option8061143056608318" 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="47234281111776">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8061143056608-10418"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-8061143056608-10418"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

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

</span>
</button><input type="hidden" name="product-id" value="8061143056608" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div><button
x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/all/products/pair-aluminum-crutches-with-accessories-for-youth', $el, 'template--20337242538208__product-grid-8061143056608-10418')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/all/products/pair-aluminum-crutches-with-accessories-for-youth', $el, 'template--20337242538208__product-grid-8061143056608-10418')"
@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="Button quickview"
x-customer-event-data="{
"product": {
"title": "Pair Aluminum Crutches with Accessories for Youth- (4&#39;6&quot; to 5&#39;2&quot;)",
"listName": "Products",
"sku": "8061143056608",
"currencyCode": "CAD",
"price": 4699,
"vendor": "Drive Medical"
}
}"
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-10419', '/collections/all/products/pair-aluminum-crutches-with-accessories-tall-adult', '7865044500704')"

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="/collections/all/products/pair-aluminum-crutches-with-accessories-tall-adult"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 47234287075552,
"product_id": 7865044500704,
"available": true,
"title": "Pair Aluminum Crutches with Accessories, Tall Adult (5&#39;10&quot; to 6&#39;6&quot;)",
"compare_at_price": 0,
"price": 9325,
"price_with_currency": "$93.25 CAD",
"sale_amount": "$-93.25",
"collections": "||417505575136||418240102624||472517443808||473594233056||418539536608||414393336032||481092894944||",
"inventory_management": "shopify",
"qty": 2,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1184.67,
"diff_day_publish": 1184.67

}]"

aria-label="Pair Aluminum Crutches with Accessories, Tall Adult (5'10" to 6'6")"
id="7865044500704-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('/collections/all/products/pair-aluminum-crutches-with-accessories-tall-adult')" 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-10419--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Pair Aluminum Crutches with Accessories, Tall Adult (5&#39;10&quot; to 6&#39;6&quot;)",
"listName": "Products",
"sku": "7865044500704",
"currencyCode": "CAD",
"price": 9325,
"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/c85c46117b914db3aaf1cfe87fa55b63_b333649e-19af-4b06-90bc-0cfe4749c4a2.png?v=1761682334&width=450 450w,
//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63_b333649e-19af-4b06-90bc-0cfe4749c4a2.png?v=1761682334&width=750 750w,
//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63_b333649e-19af-4b06-90bc-0cfe4749c4a2.png?v=1761682334&width=900 900w,
//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63_b333649e-19af-4b06-90bc-0cfe4749c4a2.png?v=1761682334&width=1100 1100w,
//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63_b333649e-19af-4b06-90bc-0cfe4749c4a2.png?v=1761682334&width=1500 1500w,//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63_b333649e-19af-4b06-90bc-0cfe4749c4a2.png?v=1761682334 532w"
src="//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63_b333649e-19af-4b06-90bc-0cfe4749c4a2.png?v=1761682334&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-aluminum-crutches-with-accessories-tall-adult"
:class="showSecond ? 'first-img' : ''"
class="w-full preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
loading="lazy"
width="532"
height="532"
onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

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

<picture>
<img loading="lazy"
srcset="//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63_a8685ff3-85e2-4910-be0d-569e29064dc7.png?v=1761682335&width=450 450w,
//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63_a8685ff3-85e2-4910-be0d-569e29064dc7.png?v=1761682335&width=750 750w,
//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63_a8685ff3-85e2-4910-be0d-569e29064dc7.png?v=1761682335&width=900 900w,
//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63_a8685ff3-85e2-4910-be0d-569e29064dc7.png?v=1761682335&width=1100 1100w,
//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63_a8685ff3-85e2-4910-be0d-569e29064dc7.png?v=1761682335&width=1500 1500w,//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63_a8685ff3-85e2-4910-be0d-569e29064dc7.png?v=1761682335 532w"
src="//emerdepot.com/cdn/shop/files/c85c46117b914db3aaf1cfe87fa55b63_a8685ff3-85e2-4910-be0d-569e29064dc7.png?v=1761682335&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-aluminum-crutches-with-accessories-tall-adult"
:class="showSecond ? 'second-img' : ''"
class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover opacity-0 lg:group-hover:opacity-100"
loading="lazy"
width="532"
height="532"
onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
/>
</picture>

</div></div>
</div>
<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">
Use code SNOW10 — get 10% off
</div>

<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-7865044500704">
<a href="/collections/all/products/pair-aluminum-crutches-with-accessories-tall-adult"
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": "Pair Aluminum Crutches with Accessories, Tall Adult (5&#39;10&quot; to 6&#39;6&quot;)",
"listName": "Products",
"sku": "7865044500704",
"currencyCode": "CAD",
"price": 9325,
"vendor": "Drive Medical DeVilbiss Healthcare"
}
}"
>
Pair Aluminum Crutches with Accessories, Tall Adult (5'10" to 6'6")
</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="7865044500704"> </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="7865044500704" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">9325</div><p class="price ">
<span>$93.25 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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('7865044500704', [417505575136, 418240102624, 472517443808, 473594233056, 418539536608, 414393336032, 481092894944])"><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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option7865044500704319" 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="47234287075552">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-7865044500704-10419"
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="Add to cart"

>
<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">Add to cart</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-7865044500704-10419"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Pair Aluminum Crutches with Accessories, Tall Adult (5&#39;10&quot; to 6&#39;6&quot;)",
"listName": "Products",
"sku": "7865044500704",
"currencyCode": "CAD",
"price": 9325,
"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><input type="hidden" name="product-id" value="7865044500704" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-7865044500704-template--20337242538208__product-grid-10419"
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-7865044500704">
<a href="/collections/all/products/pair-aluminum-crutches-with-accessories-tall-adult"
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": "Pair Aluminum Crutches with Accessories, Tall Adult (5&#39;10&quot; to 6&#39;6&quot;)",
"listName": "Products",
"sku": "7865044500704",
"currencyCode": "CAD",
"price": 9325,
"vendor": "Drive Medical DeVilbiss Healthcare"
}
}"
>
Pair Aluminum Crutches with Accessories, Tall Adult (5'10" to 6'6")
</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="7865044500704"> </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="7865044500704" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">9325</div><p class="price ">
<span>$93.25 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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('7865044500704', [417505575136, 418240102624, 472517443808, 473594233056, 418539536608, 414393336032, 481092894944])"><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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option7865044500704319" 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="47234287075552">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-7865044500704-10419"
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="Add to cart"

>
<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">Add to cart</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-7865044500704-10419"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Pair Aluminum Crutches with Accessories, Tall Adult (5&#39;10&quot; to 6&#39;6&quot;)",
"listName": "Products",
"sku": "7865044500704",
"currencyCode": "CAD",
"price": 9325,
"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><input type="hidden" name="product-id" value="7865044500704" /><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', '/products/pair-aluminum-crutches-with-accessories-tall-adult');
});"></div>
<div
id="current-variant-template--20337242538208__product-grid-7865044500704-10419"
class="current-variant hidden"
>
47234287075552
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<div>Patient height:Â <strong>510" to 66"</strong>
</div>
<ul>
<li>Lighter than wood, the standard aluminum crutch provides stability and durability</li>
<li>â€¢ Double extruded center tube provides additional strength to weight-bearing area</li>
<li>â€¢ Pushpin adjustment makes it easy-to-adjust crutch height in 1" increments</li>
<li>â€¢ Non-skid, jumbo-size vinyl contoured tips provide excellent traction</li>
<li>â€¢ Easy wing nut adjustments for hand grips</li>
<li>â€¢ Comfortable, durable accessories are latex free</li>
<li>â€¢ Weight Capacity 350 lbs. on aluminum crutch (excluding pediatric)</li>
</ul>
</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="/cart/add" id="product-form-choose-option7865044500704319" 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="47234287075552">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-7865044500704-10419"
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="Add to cart"

>
<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">Add to cart</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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="7865044500704" /><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="/cart/add" id="product-form-choose-option7865044500704319" 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="47234287075552">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-7865044500704-10419"
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="Add to cart"

>
<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">Add to cart</span>

</span></span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-7865044500704-10419"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Pair Aluminum Crutches with Accessories, Tall Adult (5&#39;10&quot; to 6&#39;6&quot;)",
"listName": "Products",
"sku": "7865044500704",
"currencyCode": "CAD",
"price": 9325,
"vendor": "Drive Medical DeVilbiss Healthcare"
}
}"
>
<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="7865044500704" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div><button
x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/all/products/pair-aluminum-crutches-with-accessories-tall-adult', $el, 'template--20337242538208__product-grid-7865044500704-10419')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/all/products/pair-aluminum-crutches-with-accessories-tall-adult', $el, 'template--20337242538208__product-grid-7865044500704-10419')"
@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="Button quickview"
x-customer-event-data="{
"product": {
"title": "Pair Aluminum Crutches with Accessories, Tall Adult (5&#39;10&quot; to 6&#39;6&quot;)",
"listName": "Products",
"sku": "7865044500704",
"currencyCode": "CAD",
"price": 9325,
"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 class="grid-item">

<div

x-data="xProductCard('template--20337242538208__product-grid-10420', '/collections/all/products/palmero-bite-block-covers-1850', '8109012025568')"

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="/collections/all/products/palmero-bite-block-covers-1850"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 47217164484832,
"product_id": 8109012025568,
"available": false,
"title": "PALMERO: Bite Block Covers 1 X 2 (1000) 1850",
"compare_at_price": 0,
"price": 3899,
"price_with_currency": "$38.99 CAD",
"sale_amount": "$-38.99",
"collections": "||421878399200||",
"inventory_management": "shopify",
"qty": 0,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 813.66,
"diff_day_publish": 813.66

}]"

aria-label="PALMERO: Bite Block Covers 1 X 2 (1000) 1850"
id="8109012025568-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('/collections/all/products/palmero-bite-block-covers-1850')" 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-10420--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "PALMERO: Bite Block Covers 1 X 2 (1000) 1850",
"listName": "Products",
"sku": "8109012025568",
"currencyCode": "CAD",
"price": 3899,
"vendor": "Palmero"
}
}"
><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/b47689fed26acaefd201aa02fbff511c.png?v=1761686096&width=450 450w,
//emerdepot.com/cdn/shop/files/b47689fed26acaefd201aa02fbff511c.png?v=1761686096&width=750 750w,
//emerdepot.com/cdn/shop/files/b47689fed26acaefd201aa02fbff511c.png?v=1761686096&width=900 900w,
//emerdepot.com/cdn/shop/files/b47689fed26acaefd201aa02fbff511c.png?v=1761686096&width=1100 1100w,
//emerdepot.com/cdn/shop/files/b47689fed26acaefd201aa02fbff511c.png?v=1761686096&width=1500 1500w,//emerdepot.com/cdn/shop/files/b47689fed26acaefd201aa02fbff511c.png?v=1761686096 1200w"
src="//emerdepot.com/cdn/shop/files/b47689fed26acaefd201aa02fbff511c.png?v=1761686096&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="palmero-bite-block-covers-1850"
: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="1200"
height="1200"
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/b47689fed26acaefd201aa02fbff511c_9d5d75c6-5ce1-49e4-bcca-d76342bf86de.png?v=1761686098&width=450 450w,
//emerdepot.com/cdn/shop/files/b47689fed26acaefd201aa02fbff511c_9d5d75c6-5ce1-49e4-bcca-d76342bf86de.png?v=1761686098&width=750 750w,
//emerdepot.com/cdn/shop/files/b47689fed26acaefd201aa02fbff511c_9d5d75c6-5ce1-49e4-bcca-d76342bf86de.png?v=1761686098&width=900 900w,
//emerdepot.com/cdn/shop/files/b47689fed26acaefd201aa02fbff511c_9d5d75c6-5ce1-49e4-bcca-d76342bf86de.png?v=1761686098&width=1100 1100w,
//emerdepot.com/cdn/shop/files/b47689fed26acaefd201aa02fbff511c_9d5d75c6-5ce1-49e4-bcca-d76342bf86de.png?v=1761686098&width=1500 1500w,//emerdepot.com/cdn/shop/files/b47689fed26acaefd201aa02fbff511c_9d5d75c6-5ce1-49e4-bcca-d76342bf86de.png?v=1761686098 1200w"
src="//emerdepot.com/cdn/shop/files/b47689fed26acaefd201aa02fbff511c_9d5d75c6-5ce1-49e4-bcca-d76342bf86de.png?v=1761686098&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="palmero-bite-block-covers-1850"
: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="1200"
height="1200"
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">
Use code SNOW10 — get 10% off
</div>

<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">Palmero</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-8109012025568">
<a href="/collections/all/products/palmero-bite-block-covers-1850"
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": "PALMERO: Bite Block Covers 1 X 2 (1000) 1850",
"listName": "Products",
"sku": "8109012025568",
"currencyCode": "CAD",
"price": 3899,
"vendor": "Palmero"
}
}"
>
PALMERO: Bite Block Covers 1 X 2 (1000) 1850
</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="8109012025568"> </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="8109012025568" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">3899</div><p class="price ">
<span>$38.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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('8109012025568', [421878399200])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": false

},
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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option8109012025568320" 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="47217164484832">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8109012025568-10420"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-8109012025568-10420"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "PALMERO: Bite Block Covers 1 X 2 (1000) 1850",
"listName": "Products",
"sku": "8109012025568",
"currencyCode": "CAD",
"price": 3899,
"vendor": "Palmero"
}
}"
>
<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="8109012025568" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-8109012025568-template--20337242538208__product-grid-10420"
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">Palmero</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-8109012025568">
<a href="/collections/all/products/palmero-bite-block-covers-1850"
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": "PALMERO: Bite Block Covers 1 X 2 (1000) 1850",
"listName": "Products",
"sku": "8109012025568",
"currencyCode": "CAD",
"price": 3899,
"vendor": "Palmero"
}
}"
>
PALMERO: Bite Block Covers 1 X 2 (1000) 1850
</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="8109012025568"> </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="8109012025568" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">3899</div><p class="price ">
<span>$38.99 CAD</span>
</p><small class="text-[70%] hidden">
<span class="hidden">Unit price</span>
<span class="up price-item price-item--last">
<span>

</span>
<span aria-hidden="true">/</span>
<span class="hidden"> per </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('8109012025568', [421878399200])"><div
x-data='{
storeAvailabilites: {
"EmerDepot Retail Store (Monday to Saturday 10:00AM-6:00PM)": false

},
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="'Available for pickup at ' + $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="'Out of stock at ' + $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="/cart/add" id="product-form-choose-option8109012025568320" 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="47217164484832">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8109012025568-10420"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-8109012025568-10420"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "PALMERO: Bite Block Covers 1 X 2 (1000) 1850",
"listName": "Products",
"sku": "8109012025568",
"currencyCode": "CAD",
"price": 3899,
"vendor": "Palmero"
}
}"
>
<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="8109012025568" /><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', '/products/palmero-bite-block-covers-1850');
});"></div>
<div
id="current-variant-template--20337242538208__product-grid-8109012025568-10420"
class="current-variant hidden"
>
47217164484832
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<p data-mce-fragment="1">Safely protect your bite block with these Palmero Bite Block Covers. Each box comes with 1,000 covers measuring 1" x 2", perfect for standard dental block sizes. Soft and easy-to-use, their latex-free construction ensures a hygienic and comfortable experience for your patients.<br><strong>MPN</strong>:Â <span data-mce-fragment="1">1850</span>:Â </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="/cart/add" id="product-form-choose-option8109012025568320" 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="47217164484832">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8109012025568-10420"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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="8109012025568" /><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="/cart/add" id="product-form-choose-option8109012025568320" 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="47217164484832">

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-8109012025568-10420"
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'"

disabled
aria-label="Sold out"

>
<span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</span>
<div
class="flex gap-x-2 items-center justify-center"
role="alert"
x-cloak
x-show="errorMessage"
>
Sold out
</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-8109012025568-10420"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

disabled
aria-label="Sold out"

x-customer-event-data="{
"product": {
"title": "PALMERO: Bite Block Covers 1 X 2 (1000) 1850",
"listName": "Products",
"sku": "8109012025568",
"currencyCode": "CAD",
"price": 3899,
"vendor": "Palmero"
}
}"
>
<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="8109012025568" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div><button
x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/all/products/palmero-bite-block-covers-1850', $el, 'template--20337242538208__product-grid-8109012025568-10420')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/all/products/palmero-bite-block-covers-1850', $el, 'template--20337242538208__product-grid-8109012025568-10420')"
@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="Button quickview"
x-customer-event-data="{
"product": {
"title": "PALMERO: Bite Block Covers 1 X 2 (1000) 1850",
"listName": "Products",
"sku": "8109012025568",
"currencyCode": "CAD",
"price": 3899,
"vendor": "Palmero"
}
}"
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="/collections/all?page=103" class="md:p-4 p-3.5 block disable-effect" aria-label="Previous" 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="/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="Page 1" 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="/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="Page 102" data-instant-allow-query-string>102</a></li>

<li class="my-1 md:w-14 md:h-14 flex items-center justify-center"><a href="/collections/all?page=103" 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="Page 103" data-instant-allow-query-string>103</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="Page 104">104</p></li>

<li class="my-1 md:w-14 md:h-14 flex items-center justify-center"><a href="/collections/all?page=105" 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="Page 105" data-instant-allow-query-string>105</a></li>

<li class="my-1 md:w-14 md:h-14 flex items-center justify-center"><a href="/collections/all?page=106" 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="Page 106" data-instant-allow-query-string>106</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="/collections/all?page=138" 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="Page 138" data-instant-allow-query-string>138</a></li>

<li class="">
<a href="/collections/all?page=105" class="md:p-4 p-3.5 block disable-effect" aria-label="Next" 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="/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="/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="/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

</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="/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="Email"
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"
>
Email
</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="Subscribe"
>

<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="/pages/quick-order-list" class="hover-text-link nav-link relative block lg:inline-block">
Quick Order List
</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">
Login
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/collections" class="hover-text-link nav-link relative block lg:inline-block">
Products
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/pages/about-us" class="hover-text-link nav-link relative block lg:inline-block">
About Us
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/pages/contact-us" class="hover-text-link nav-link relative block lg:inline-block">
Contact Us
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/pages/avada-sitemap" class="hover-text-link nav-link relative block lg:inline-block">
Site Map
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/pages/business-enrollment-form" class="hover-text-link nav-link relative block lg:inline-block">
Open Business Account
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/pages/wholesale-medical-supplies-equipment-in-canada" class="hover-text-link nav-link relative block lg:inline-block">
Buy Medical Supplies in Bulk/Wholesale
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/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="/pages/quick-order-list" class="hover-text-link nav-link relative block lg:inline-block">
Quick Order List
</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">
Login
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/collections" class="hover-text-link nav-link relative block lg:inline-block">
Products
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/pages/about-us" class="hover-text-link nav-link relative block lg:inline-block">
About Us
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/pages/contact-us" class="hover-text-link nav-link relative block lg:inline-block">
Contact Us
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/pages/avada-sitemap" class="hover-text-link nav-link relative block lg:inline-block">
Site Map
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/pages/business-enrollment-form" class="hover-text-link nav-link relative block lg:inline-block">
Open Business Account
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/pages/wholesale-medical-supplies-equipment-in-canada" class="hover-text-link nav-link relative block lg:inline-block">
Buy Medical Supplies in Bulk/Wholesale
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/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="/pages/shipping-cancellation-policy" class="hover-text-link nav-link relative block lg:inline-block">
Shipping & Cancellation Policy
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/pages/refund-and-return-policy" class="hover-text-link nav-link relative block lg:inline-block">
Refund & Return Policy
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/pages/term-conditions" class="hover-text-link nav-link relative block lg:inline-block">
Term & Conditions
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/pages/price-match-policy" class="hover-text-link nav-link relative block lg:inline-block">
Price Match Policy
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/pages/authorised-odsp-vendor" class="hover-text-link nav-link relative block lg:inline-block">
Authorised ODSP Vendor
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/pages/ontario-assistive-devices-program-adp" class="hover-text-link nav-link relative block lg:inline-block">
Ontario Assistive Devices Program (ADP)
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/pages/adp-adult-mobility-equipment-categories" class="hover-text-link nav-link relative block lg:inline-block">
ADP Adult Mobility Equipment Categories
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="https://account.emerdepot.com/orders?locale=en&region_country=CA" 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="/pages/shipping-cancellation-policy" class="hover-text-link nav-link relative block lg:inline-block">
Shipping & Cancellation Policy
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/pages/refund-and-return-policy" class="hover-text-link nav-link relative block lg:inline-block">
Refund & Return Policy
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/pages/term-conditions" class="hover-text-link nav-link relative block lg:inline-block">
Term & Conditions
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/pages/price-match-policy" class="hover-text-link nav-link relative block lg:inline-block">
Price Match Policy
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/pages/authorised-odsp-vendor" class="hover-text-link nav-link relative block lg:inline-block">
Authorised ODSP Vendor
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/pages/ontario-assistive-devices-program-adp" class="hover-text-link nav-link relative block lg:inline-block">
Ontario Assistive Devices Program (ADP)
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="/pages/adp-adult-mobility-equipment-categories" class="hover-text-link nav-link relative block lg:inline-block">
ADP Adult Mobility Equipment Categories
</a>
</li><li class="mb-1 first:pt-0 pt-2">
<a href="https://account.emerdepot.com/orders?locale=en&region_country=CA" 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">© 2025, </p>
<a href="/" 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 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="-36 25 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-unionpay"><title id="pi-unionpay">Union Pay</title><path fill="#005B9A" d="M-36 46.8v.7-.7zM-18.3 25v24h-7.2c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h1.4zm12.6 0c-1.3 0-2.9 1-3.2 2.3l-4.5 19.4c-.3 1.3.5 2.3 1.8 2.3h-4.9V25h10.8z"/><path fill="#E9292D" d="M-19.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3h-8.9c-.8 0-1.5-.6-1.5-1.4v-21c0-.8.7-1.6 1.5-1.6h14.7z"/><path fill="#0E73B9" d="M-5.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3H-26h.5c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h14z"/><path fill="#059DA4" d="M2 26.6v21c0 .8-.6 1.4-1.5 1.4h-12.1c-1.3 0-2.1-1.1-1.8-2.3l4.5-19.4C-8.6 26-7 25-5.7 25H.5c.9 0 1.5.7 1.5 1.6z"/><path fill="#fff" d="M-21.122 38.645h.14c.14 0 .28-.07.28-.14l.42-.63h1.19l-.21.35h1.4l-.21.63h-1.68c-.21.28-.42.42-.7.42h-.84l.21-.63m-.21.91h3.01l-.21.7h-1.19l-.21.7h1.19l-.21.7h-1.19l-.28 1.05c-.07.14 0 .28.28.21h.98l-.21.7h-1.89c-.35 0-.49-.21-.35-.63l.35-1.33h-.77l.21-.7h.77l.21-.7h-.7l.21-.7zm4.83-1.75v.42s.56-.42 1.12-.42h1.96l-.77 2.66c-.07.28-.35.49-.77.49h-2.24l-.49 1.89c0 .07 0 .14.14.14h.42l-.14.56h-1.12c-.42 0-.56-.14-.49-.35l1.47-5.39h.91zm1.68.77h-1.75l-.21.7s.28-.21.77-.21h1.05l.14-.49zm-.63 1.68c.14 0 .21 0 .21-.14l.14-.35h-1.75l-.14.56 1.54-.07zm-1.19.84h.98v.42h.28c.14 0 .21-.07.21-.14l.07-.28h.84l-.14.49c-.07.35-.35.49-.77.56h-.56v.77c0 .14.07.21.35.21h.49l-.14.56h-1.19c-.35 0-.49-.14-.49-.49l.07-2.1zm4.2-2.45l.21-.84h1.19l-.07.28s.56-.28 1.05-.28h1.47l-.21.84h-.21l-1.12 3.85h.21l-.21.77h-.21l-.07.35h-1.19l.07-.35h-2.17l.21-.77h.21l1.12-3.85h-.28m1.26 0l-.28 1.05s.49-.21.91-.28c.07-.35.21-.77.21-.77h-.84zm-.49 1.54l-.28 1.12s.56-.28.98-.28c.14-.42.21-.77.21-.77l-.91-.07zm.21 2.31l.21-.77h-.84l-.21.77h.84zm2.87-4.69h1.12l.07.42c0 .07.07.14.21.14h.21l-.21.7h-.77c-.28 0-.49-.07-.49-.35l-.14-.91zm-.35 1.47h3.57l-.21.77h-1.19l-.21.7h1.12l-.21.77h-1.26l-.28.42h.63l.14.84c0 .07.07.14.21.14h.21l-.21.7h-.7c-.35 0-.56-.07-.56-.35l-.14-.77-.56.84c-.14.21-.35.35-.63.35h-1.05l.21-.7h.35c.14 0 .21-.07.35-.21l.84-1.26h-1.05l.21-.77h1.19l.21-.7h-1.19l.21-.77zm-19.74-5.04c-.14.7-.42 1.19-.91 1.54-.49.35-1.12.56-1.89.56-.7 0-1.26-.21-1.54-.56-.21-.28-.35-.56-.35-.98 0-.14 0-.35.07-.56l.84-3.92h1.19l-.77 3.92v.28c0 .21.07.35.14.49.14.21.35.28.7.28s.7-.07.91-.28c.21-.21.42-.42.49-.77l.77-3.92h1.19l-.84 3.92m1.12-1.54h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35.14.21.21.49.14.91l-.49 2.38h-.91l.42-2.17c.07-.28.07-.49 0-.56-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.63-3.57m9.8 0h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35s.21.49.14.91l-.49 2.38h-.91l.42-2.24c.07-.21 0-.42-.07-.49-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.7-3.57m-5.81 0h.98l-.77 3.5h-.98l.77-3.5m.35-1.33h.98l-.21.84h-.98l.21-.84zm1.4 4.55c-.21-.21-.35-.56-.35-.98v-.21c0-.07 0-.21.07-.28.14-.56.35-1.05.7-1.33.35-.35.84-.49 1.33-.49.42 0 .77.14 1.05.35.21.21.35.56.35.98v.21c0 .07 0 .21-.07.28-.14.56-.35.98-.7 1.33-.35.35-.84.49-1.33.49-.35 0-.7-.14-1.05-.35m1.89-.7c.14-.21.28-.49.35-.84v-.35c0-.21-.07-.35-.14-.49a.635.635 0 0 0-.49-.21c-.28 0-.49.07-.63.28-.14.21-.28.49-.35.84v.28c0 .21.07.35.14.49.14.14.28.21.49.21.28.07.42 0 .63-.21m6.51-4.69h2.52c.49 0 .84.14 1.12.35.28.21.35.56.35.91v.28c0 .07 0 .21-.07.28-.07.49-.35.98-.7 1.26-.42.35-.84.49-1.4.49h-1.4l-.42 2.03h-1.19l1.19-5.6m.56 2.59h1.12c.28 0 .49-.07.7-.21.14-.14.28-.35.35-.63v-.28c0-.21-.07-.35-.21-.42-.14-.07-.35-.14-.7-.14h-.91l-.35 1.68zm8.68 3.71c-.35.77-.7 1.26-.91 1.47-.21.21-.63.7-1.61.7l.07-.63c.84-.28 1.26-1.4 1.54-1.96l-.28-3.78h1.19l.07 2.38.91-2.31h1.05l-2.03 4.13m-2.94-3.85l-.42.28c-.42-.35-.84-.56-1.54-.21-.98.49-1.89 4.13.91 2.94l.14.21h1.12l.7-3.29-.91.07m-.56 1.82c-.21.56-.56.84-.91.77-.28-.14-.35-.63-.21-1.19.21-.56.56-.84.91-.77.28.14.35.63.21 1.19"/></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">Choosing a selection results in a full page refresh.
</li>
<li id="a11y-new-window-message">Opens in a new window.
</li>
</ul>
<script>
window.Eurus = {
sliderScript: '//emerdepot.com/cdn/shop/t/64/assets/splide4.1.3.js?v=75458750262329959491761256187',
cart_error: `There was an error while updating your cart. Please try again.`,
cart_quantity_error_html: `You can only add [quantity] of this item to your cart.`,
loadedScript: new Set(),
cart_add_url: '/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>

<script>
document.addEventListener("DOMContentLoaded", function () {
const snowContainer = document.createElement("div");
snowContainer.style.position = "fixed";
snowContainer.style.top = "0";
snowContainer.style.left = "0";
snowContainer.style.width = "100%";
snowContainer.style.height = "200px"; // ← ограничиваем зону снегопада
snowContainer.style.pointerEvents = "none";
snowContainer.style.zIndex = "9999";
snowContainer.style.overflow = "hidden"; // ← чтобы снег не выходил за зону
document.body.appendChild(snowContainer);

function createSnowflake() {
const snowflake = document.createElement("div");
snowflake.innerHTML = "❄";
snowflake.style.position = "absolute";
snowflake.style.top = "-20px";
snowflake.style.left = Math.random() * window.innerWidth + "px";
snowflake.style.fontSize = 10 + Math.random() * 20 + "px";
snowflake.style.opacity = 0.5 + Math.random();
snowflake.style.color = "#ffffff"; // ← цвет снежинок (белый)
snowflake.style.filter = "drop-shadow(0 0 4px #aeeaff)"; // ← мягкое свечение (опционально)

snowflake.style.animation = `fallShort ${2 + Math.random() * 3}s linear`;
snowContainer.appendChild(snowflake);

setTimeout(() => snowflake.remove(), 5000);
}

setInterval(createSnowflake, 400);
});
</script>

<style>
@keyframes fallShort {
from {
transform: translateY(0px) rotate(0deg);
}
to {
transform: translateY(100px) rotate(360deg); /* ← только 100 пикселей */
}
}
</style>

<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-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=%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="/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://account.emerdepot.com?locale=en&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-ARzdWTngvMFlVWUtIS__8776485610325655785" class="shopify-block shopify-app-block">
<link href="//cdn.shopify.com/extensions/ef8b9999-3a0e-4603-ade9-a93d870852fb/hiko-social-login-158/assets/fonts.css" rel="stylesheet" type="text/css" media="all" />

<link href="//cdn.shopify.com/extensions/ef8b9999-3a0e-4603-ade9-a93d870852fb/hiko-social-login-158/assets/styles.css" rel="stylesheet" type="text/css" media="all" />
<script src="https://cdn.shopify.com/extensions/ef8b9999-3a0e-4603-ade9-a93d870852fb/hiko-social-login-158/assets/app.js?" async defer></script>

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

<script src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/cropper.min.js" async crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/cropper.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/img-search-modal.css" crossorigin="anonymous">
<script>
var birseShopID = '55849812162';
var birseShopDomain = 'emerdepot2.myshopify.com';
var birseShopCountry = 'CA';
var birseShopLanguageISO = 'en';
try{
window.birseShopLanguage = 'en'.toUpperCase().replace(/-/g, '_');
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';
</script>
<script src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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>Image Search</h2>
<div class="dropzone">
<template template id="drophere">
<p class="drop-img-here">Drop your image here</p>
</template>
<template template id="uploaded">
<div class="upload-img-wrap">
<img width="100%" height="auto" class="upload-img" alt="uploaded image">
</div>
<p class="drop-img-here">Drop your image here</p>
</template>
<template template id="uploading">
<div class="uploading-wrap">
<img
src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading.svg"
class="birse-icon-xl"
width="80"
height="80"
alt="loading"
>
<p>Uploading...</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>Only JPG, PNG or WebP file types are supported, and the file size should be less than 20MB.</p>
<div>
<button class="upload-btn">Upload another image</button>
<input
type="file"
accept="image/jpeg, image/png, image/webp"
style="display: none !important;"
>
</div>
</div>
</template>
</div>
<div class="upload-img-footer">

Paste your image here or <button class="upload-btn">upload a file</button>

<input
class="upload-input"
type="file"
accept="image/jpeg, image/png, image/webp"
>
</div>
</div>
<div class="search-result-container">
<h2>Search result</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-img-search-btn">
<img
src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading.svg"
alt="loading"
width="22"
height="22"
class="loading hidden birse-icon-md"
>
</button>
<div class="on-sale hidden">Sale</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">

Select Specifications

</button>
<button class="add-to-cart-btn hidden">
<span class="add-to-cart-label">Add to Cart</span>
<span class="added-to-cart-label hidden">Added</span>
<img
src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading-white.svg"
alt="loading"
width="20"
height="20"
class="loading hidden birse-icon-sm"
>
</button>
<button class="sold-out-btn hidden" disabled>Sold out</button>
<button class="view-product-btn hidden">商品を見る</button>
</div>
</a>
</template>
</div>
</div>
<div class="no-result hidden">No related products matching the picture were found.</div>
</div>
<button close-button>
<img src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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>Image Search</h2>
<div class="birse-uploading-state-wrap">
<img src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading.svg" class="birse-icon-xl" width="80" height="80" alt="loading">
<p>Uploading...</p>
</div>
<button close-button>
<img src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/cross.svg" class="birse-icon-md" width="22" height="22" alt="close">
</button>
</template>
<template template id="error">
<h2>Image Search</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>Only JPG, PNG or WebP file types are supported, and the file size should be less than 20MB.</p>
<input
type="file"
accept="image/jpeg, image/png, image/webp"
style="display: none !important;"
>
<button class="upload-btn">Upload another image</button>
</div>
<button close-button>
<img src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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
class="birse-upload-input"
style="display: none !important"
type="file"
accept="image/jpeg, image/png, image/webp"
>
</div>
<h2>Image Search</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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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-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-img-search-btn">
<img
src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading.svg"
alt="loading"
width="22"
height="22"
class="loading hidden birse-icon-md"
>
</button>
<div class="on-sale hidden">Sale</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">

Select Specifications

</button>
<button class="add-to-cart-btn hidden">
<span class="add-to-cart-label">Add to Cart</span>
<span class="added-to-cart-label hidden">Added</span>
<img
src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading-white.svg"
alt="loading"
width="20"
height="20"
class="loading hidden birse-icon-sm"
>
</button>
<button class="sold-out-btn hidden" disabled>Sold out</button>
<button class="view-product-btn hidden">商品を見る</button>
</div>
</a>
</template>
</div>
<div class="no-result hidden">No related products matching the picture were found.</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>

Select Specifications

</span>
<button class="birse-model-select-close-btn">
<img src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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">Add to Cart</span>
<span class="added-to-cart-label hidden">Added</span>
<img
src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading-white.svg"
alt="loading"
width="20"
height="20"
class="loading hidden birse-icon-sm"
>
</button>
<button class="sold-out-btn hidden" disabled>Sold out</button>
</template>
</birse-model-select>

<script src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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">Search by 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;
}

.card:hover birse-in-store-img-search-button{
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-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-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-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block"><script>
window['ShopifyForms'] = {
...window['ShopifyForms'],
currentPageType: "collection"
};
</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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/cropper.min.js" async crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/cropper.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/img-search-modal.css" crossorigin="anonymous">
<script>
var birseShopID = '55849812162';
var birseShopDomain = 'emerdepot2.myshopify.com';
var birseShopCountry = 'CA';
var birseShopLanguageISO = 'en';
try{
window.birseShopLanguage = 'en'.toUpperCase().replace(/-/g, '_');
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';
</script>
<script src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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>Image Search</h2>
<div class="dropzone">
<template template id="drophere">
<p class="drop-img-here">Drop your image here</p>
</template>
<template template id="uploaded">
<div class="upload-img-wrap">
<img width="100%" height="auto" class="upload-img" alt="uploaded image">
</div>
<p class="drop-img-here">Drop your image here</p>
</template>
<template template id="uploading">
<div class="uploading-wrap">
<img
src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading.svg"
class="birse-icon-xl"
width="80"
height="80"
alt="loading"
>
<p>Uploading...</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>Only JPG, PNG or WebP file types are supported, and the file size should be less than 20MB.</p>
<div>
<button class="upload-btn">Upload another image</button>
<input
type="file"
accept="image/jpeg, image/png, image/webp"
style="display: none !important;"
>
</div>
</div>
</template>
</div>
<div class="upload-img-footer">

Paste your image here or <button class="upload-btn">upload a file</button>

<input
class="upload-input"
type="file"
accept="image/jpeg, image/png, image/webp"
>
</div>
</div>
<div class="search-result-container">
<h2>Search result</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-img-search-btn">
<img
src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading.svg"
alt="loading"
width="22"
height="22"
class="loading hidden birse-icon-md"
>
</button>
<div class="on-sale hidden">Sale</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">

Select Specifications

</button>
<button class="add-to-cart-btn hidden">
<span class="add-to-cart-label">Add to Cart</span>
<span class="added-to-cart-label hidden">Added</span>
<img
src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading-white.svg"
alt="loading"
width="20"
height="20"
class="loading hidden birse-icon-sm"
>
</button>
<button class="sold-out-btn hidden" disabled>Sold out</button>
<button class="view-product-btn hidden">商品を見る</button>
</div>
</a>
</template>
</div>
</div>
<div class="no-result hidden">No related products matching the picture were found.</div>
</div>
<button close-button>
<img src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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>Image Search</h2>
<div class="birse-uploading-state-wrap">
<img src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading.svg" class="birse-icon-xl" width="80" height="80" alt="loading">
<p>Uploading...</p>
</div>
<button close-button>
<img src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/cross.svg" class="birse-icon-md" width="22" height="22" alt="close">
</button>
</template>
<template template id="error">
<h2>Image Search</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>Only JPG, PNG or WebP file types are supported, and the file size should be less than 20MB.</p>
<input
type="file"
accept="image/jpeg, image/png, image/webp"
style="display: none !important;"
>
<button class="upload-btn">Upload another image</button>
</div>
<button close-button>
<img src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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
class="birse-upload-input"
style="display: none !important"
type="file"
accept="image/jpeg, image/png, image/webp"
>
</div>
<h2>Image Search</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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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-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-img-search-btn">
<img
src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading.svg"
alt="loading"
width="22"
height="22"
class="loading hidden birse-icon-md"
>
</button>
<div class="on-sale hidden">Sale</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">

Select Specifications

</button>
<button class="add-to-cart-btn hidden">
<span class="add-to-cart-label">Add to Cart</span>
<span class="added-to-cart-label hidden">Added</span>
<img
src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading-white.svg"
alt="loading"
width="20"
height="20"
class="loading hidden birse-icon-sm"
>
</button>
<button class="sold-out-btn hidden" disabled>Sold out</button>
<button class="view-product-btn hidden">商品を見る</button>
</div>
</a>
</template>
</div>
<div class="no-result hidden">No related products matching the picture were found.</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>

Select Specifications

</span>
<button class="birse-model-select-close-btn">
<img src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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">Add to Cart</span>
<span class="added-to-cart-label hidden">Added</span>
<img
src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading-white.svg"
alt="loading"
width="20"
height="20"
class="loading hidden birse-icon-sm"
>
</button>
<button class="sold-out-btn hidden" disabled>Sold out</button>
</template>
</birse-model-select>

<script src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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="display: none !important;"
>
</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>Image Search</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>Drag and drop your image here, click "Upload Image," or paste the image here</p>
<input
type="file"
accept="image/jpeg, image/png, image/webp"
style="display: none !important;"
autofocus
>
<button class="upload-btn" type="button">Upload Image</button>

</template>
<template id="drophere" template>
<p style="pointer-events: none;">Drop your image here</p>
</template>
<template id="uploading" template>
<img
src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading.svg"
class="birse-loading-icon birse-icon-xl"
alt="loading"
width="80"
height="80"
>
<p>Uploading...</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>Only JPG, PNG or WebP file types are supported, and the file size should be less than 20MB.</p>
<input
type="file"
accept="image/jpeg, image/png, image/webp"
style="display: none !important;"
autofocus
>
<button class="upload-btn" type="button">Upload another image</button>

</template>
</div>
<div class="birse-hot-search-img-container">
<div class="birse-label">Popular Search Product Images</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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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-AWlVGUS9XS3Fad2xPa__5592472998061532238" class="shopify-block shopify-app-block">

<script src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/cropper.min.js" async crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/cropper.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/img-search-modal.css" crossorigin="anonymous">
<script>
var birseShopID = '55849812162';
var birseShopDomain = 'emerdepot2.myshopify.com';
var birseShopCountry = 'CA';
var birseShopLanguageISO = 'en';
try{
window.birseShopLanguage = 'en'.toUpperCase().replace(/-/g, '_');
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';
</script>
<script src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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>Image Search</h2>
<div class="dropzone">
<template template id="drophere">
<p class="drop-img-here">Drop your image here</p>
</template>
<template template id="uploaded">
<div class="upload-img-wrap">
<img width="100%" height="auto" class="upload-img" alt="uploaded image">
</div>
<p class="drop-img-here">Drop your image here</p>
</template>
<template template id="uploading">
<div class="uploading-wrap">
<img
src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading.svg"
class="birse-icon-xl"
width="80"
height="80"
alt="loading"
>
<p>Uploading...</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>Only JPG, PNG or WebP file types are supported, and the file size should be less than 20MB.</p>
<div>
<button class="upload-btn">Upload another image</button>
<input
type="file"
accept="image/jpeg, image/png, image/webp"
style="display: none !important;"
>
</div>
</div>
</template>
</div>
<div class="upload-img-footer">

Paste your image here or <button class="upload-btn">upload a file</button>

<input
class="upload-input"
type="file"
accept="image/jpeg, image/png, image/webp"
>
</div>
</div>
<div class="search-result-container">
<h2>Search result</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-img-search-btn">
<img
src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading.svg"
alt="loading"
width="22"
height="22"
class="loading hidden birse-icon-md"
>
</button>
<div class="on-sale hidden">Sale</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">

Select Specifications

</button>
<button class="add-to-cart-btn hidden">
<span class="add-to-cart-label">Add to Cart</span>
<span class="added-to-cart-label hidden">Added</span>
<img
src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading-white.svg"
alt="loading"
width="20"
height="20"
class="loading hidden birse-icon-sm"
>
</button>
<button class="sold-out-btn hidden" disabled>Sold out</button>
<button class="view-product-btn hidden">商品を見る</button>
</div>
</a>
</template>
</div>
</div>
<div class="no-result hidden">No related products matching the picture were found.</div>
</div>
<button close-button>
<img src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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>Image Search</h2>
<div class="birse-uploading-state-wrap">
<img src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading.svg" class="birse-icon-xl" width="80" height="80" alt="loading">
<p>Uploading...</p>
</div>
<button close-button>
<img src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/cross.svg" class="birse-icon-md" width="22" height="22" alt="close">
</button>
</template>
<template template id="error">
<h2>Image Search</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>Only JPG, PNG or WebP file types are supported, and the file size should be less than 20MB.</p>
<input
type="file"
accept="image/jpeg, image/png, image/webp"
style="display: none !important;"
>
<button class="upload-btn">Upload another image</button>
</div>
<button close-button>
<img src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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
class="birse-upload-input"
style="display: none !important"
type="file"
accept="image/jpeg, image/png, image/webp"
>
</div>
<h2>Image Search</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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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-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-img-search-btn">
<img
src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading.svg"
alt="loading"
width="22"
height="22"
class="loading hidden birse-icon-md"
>
</button>
<div class="on-sale hidden">Sale</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">

Select Specifications

</button>
<button class="add-to-cart-btn hidden">
<span class="add-to-cart-label">Add to Cart</span>
<span class="added-to-cart-label hidden">Added</span>
<img
src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading-white.svg"
alt="loading"
width="20"
height="20"
class="loading hidden birse-icon-sm"
>
</button>
<button class="sold-out-btn hidden" disabled>Sold out</button>
<button class="view-product-btn hidden">商品を見る</button>
</div>
</a>
</template>
</div>
<div class="no-result hidden">No related products matching the picture were found.</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>

Select Specifications

</span>
<button class="birse-model-select-close-btn">
<img src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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">Add to Cart</span>
<span class="added-to-cart-label hidden">Added</span>
<img
src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading-white.svg"
alt="loading"
width="20"
height="20"
class="loading hidden birse-icon-sm"
>
</button>
<button class="sold-out-btn hidden" disabled>Sold out</button>
</template>
</birse-model-select>


<script>
var birseDragOpen = ('true' || 'true') === 'true';
var birseInputSelector = `input[name='q']`;
</script>
<script src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/img-search.js" defer crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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"
>
</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>Image Search</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>Drag and drop your image here, click "Upload Image," or paste the image here</p>
<input
type="file"
accept="image/jpeg, image/png, image/webp"
style="display: none !important;"
autofocus
>
<button class="upload-btn" type="button">Upload Image</button>

</template>
<template id="drophere" template>
<p style="pointer-events: none;">Drop your image here</p>
</template>
<template id="uploading" template>
<img
src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading.svg"
class="birse-loading-icon birse-icon-xl"
alt="loading"
width="80"
height="80"
>
<p>Uploading...</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>Only JPG, PNG or WebP file types are supported, and the file size should be less than 20MB.</p>
<input
type="file"
accept="image/jpeg, image/png, image/webp"
style="display: none !important;"
autofocus
>
<button class="upload-btn" type="button">Upload another image</button>

</template>
</div>
<div class="birse-hot-search-img-container">
<div class="birse-label">Popular Search Product Images</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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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-upload-input {
display: none !important;
}
</style>

<script>
var birseSearchSuggestion = ('true' || 'true') === 'true';
var birseSearchSuggestionShowKeyword = ('true' || 'true') === 'true';
var birseSearchSuggestionShowCollection =
('true' || 'true') === 'true';

var birseSuggestionCustomKeyword = null

var birseSuggestionCustomCollection = null

</script>
<script src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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">Popular Query</div>
<div class="birse-keyword-list"></div>
</div>
<div class="birse-collection-container">
<div class="birse-label">Popular Product Collection</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">

Popular Search Product Images
</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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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">

Products
</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-img-search-btn">
<img
src="https://cdn.shopify.com/extensions/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/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/019ae313-33a5-7a46-8c51-998d0c30e1c1/shopify-plugin-217/assets/loading.svg"
alt="loading"
width="24"
height="24"
class="birse-loading-icon hidden birse-icon-md"
>
</button>
<div class="on-sale hidden">Sale</div>
<div class="sold-out hidden">Sold out</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="/search">View All Results</a>
</div>
<div class="birse-empty-search-result hidden">No matching data found</div>
</template>
</birse-search-suggestion>
<script id="birse-search-suggestion-setting" type="application/json">
{
"hot_keyword": "Popular Query",
"hot_collection": "Popular Product Collection",
"relative_keyword": "Related Query",
"collection": "Product Collection",
"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></body>
</html>}