Buy Disinfectants & Sanitizers Online in Canada | EmerDepot Medical – Page 2

Metrex

CaviWipes Surface Disinfectant | 3 Minute | 6" x 6.75" | 160/tub | 11-1100

$20.50 CAD

Clorox

Clorox Hydrogen Peroxide Cleaner Disinfectant Wipes | 12" x 11" | 01458

From $69.99 CAD

Fast Contact Times for Fast Room Turnover
30 seconds to 1 minute contact times on most bacteria and viruses.
Study proves an advantage over a leading quat.‡
Kills 35 out of 57 pathogens in just 30 seconds
Terminal Wipes Bucket 185 ct.
Active Ingredient : Hydrogen Peroxide 1.4% w/w
Health Canada DIN# : 02406225

Bacteria	Kill Time
Acinetobacter baumannii (multidrug-resistant)	30 sec
Campylobacter jejuni	30 sec
Enterobacter aerogenes	30 sec
Enterococcus faecalis (vancomycin-resistant) (VRE)	30 sec
Enterococcus faecium (multidrug-resistant)	30 sec
Escherichia coli	30 sec
Escherichia coli ESBL	30 sec
Escherichia coli New Delhi Metallo-Beta Lactamase-1 (NDM-1)	30 sec
Escherichia coli O157:H7	30 sec
Klebsiella oxytoca	30 sec*
Klebsiella pneumoniae (carbapenem-resistant)	30 sec
Klebsiella pneumoniae New Delhi Metallo-Beta Lactamase-1 (NDM-1)	30 sec
Klebsiella pneumoniae ESBL	30 sec
Klebsiella pneumoniae (multidrug-resistant)	30 sec
Pseudomonas aeruginosa	30 sec
Salmonella enterica	30 sec
Staphylococcus aureus	1 min
Staphylococcus aureus (linezolid-resistant) (LRSA)	45 sec
Staphylococcus aureus (methicillin-resistant) (MRSA) (ATCC 33591)	30 sec
Staphylococcus aureus (methicillin-resistant) (MRSA) (ATCC 33592)	30 sec
Staphylococcus aureus (community-associated methicillin-resistant) (CA-MRSA) (USA 300)	45 sec
Staphylococcus epidermidis(coagulase-negative staphylococci) (CoNS)	45 sec*
Stenotrophomonas maltophilia	30 sec
Streptococcus pneumoniae (penicillin-resistant)	30 sec
Streptococcus pyogenes	30 sec
Bordetella bronchiseptica	1 min
Bordetella pertussis	1 min
Salmonella enterica subspecies enterica serovar Typhi	1 min
Shigella sonnei	1 min

MYCOBACTERA	KILL TIME
Mycobacterium terrae - (TB)	1 min

Virus	Kill Time
Avian influenza A virus	30 sec
Cytomegalovirus	30 sec
Herpes simplex virus type 1 (HSV-1)	30 sec
Herpes simplex virus type 2 (HSV-2)	30 sec
Human Hepatitis B virus (HBV)	30 sec
Human Hepatitis C virus (HCV)	30 sec
Human coronavirus	30 sec
Human immunodeficiency virus type 1 (HIV-1)	30 sec
Influenza A virus (H1N1)	30 sec
Influenza A virus (Hong Kong)	30 sec
Influenza B virus	30 sec
Respiratory Syncytial virus (RSV)	30 sec
Rhinovirus (Type 37)	1 min
Rotavirus	1 min
Norovirus (Human) using Feline Calcivirus	1 min
Canine Distemper virus	30 sec
Canine Influenza (H3N2) Virus	1 min
Canine Influenza (H3N8) Virus	1 min
Feline Infectious Peritonitis virus	1 min
Feline Rhinotracheitis virus	1 min
Pseudorabies virus	1 min
Human Adenovirus type 5 (BSV)	1 min
SARS-CoV-2 (the virus that causes COVID-19)	30 sec
Poliovirus type 1 (BSV)	30 sec

Mold / Fungi	Kill Time
Candida albicans	2 min
Trichophyton mentagrophytes (athlete’s foot fungus)	2 min
Candida auris	2 min
Microsporum canis	1 min

Prevail

Prevail Animal Premise Disinfectant Cleaner & Deodorizer 3.78L | 12105

$49.99 CAD

Prevail

Prevail Animal Premise Disinfectant Cleaner & Deodorizer 1L | 12101

$17.99 CAD

Virox Tech

PREempt Cs20 Disinfectant for Medical Devices & Instruments 1L | 11401

$23.99 CAD

Aloe Care

Spectrum Advanced Foaming Hand Sanitizer 110mL | 204-0011

From $6.99 CAD

aloe-care-foaming-alcohol-hand-sanitizer

6% OFF

Aloe Care

Aloe Care - Foaming Hand Sanitizer (1000ml)

~~$148.00 CAD~~ From $22.95 CAD

Steris

Prolystica Ultra Concentrate Instrument Lubricant Steris (5L) | 1C05T4WR

From $369.00 CAD

pre-klenz-instrument-cleaner-trigger-spray-bottle-steris-650ml

12% OFF

Steris

Pre-Klenz Instrument Cleaner/Sterilize Spray Bottle | Steris (650ml)

~~$359.99 CAD~~ From $29.99 CAD

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-option7520245088480310" 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-210"
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-option7520245088480310" 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-210"
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-210"
: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": "Cleaning &amp; Disinfecting Supplies",
"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/disinfectants-sanitizers/products/optim-33tb-surface-cleaner-disinfectant', $el, 'template--20337242538208__product-grid-7520245088480-210')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/disinfectants-sanitizers/products/optim-33tb-surface-cleaner-disinfectant', $el, 'template--20337242538208__product-grid-7520245088480-210')"
@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": "Cleaning &amp; Disinfecting Supplies",
"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-211', '/collections/disinfectants-sanitizers/products/clorox-hydrogen-peroxide-wipes', '7517745512672')"

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/disinfectants-sanitizers/products/clorox-hydrogen-peroxide-wipes"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 43485401612512,
"product_id": 7517745512672,
"available": true,
"title": "Clorox Healthcare Hydrogen Peroxide Disinfecting Wipes | 6.75&quot; x 9&quot; | 01456",
"compare_at_price": 0,
"price": 8999,
"price_with_currency": "$89.99 CAD",
"sale_amount": "$-89.99",
"collections": "||417505575136||264299348162||465573118176||421878399200||473594233056||",
"inventory_management": "shopify",
"qty": 7,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1437.95,
"diff_day_publish": 1168.4

},{
"variant_id": 48400346743008,
"product_id": 7517745512672,
"available": true,
"title": "Clorox Healthcare Hydrogen Peroxide Disinfecting Wipes | 6.75&quot; x 9&quot; | 01456",
"compare_at_price": 0,
"price": 1699,
"price_with_currency": "$16.99 CAD",
"sale_amount": "$-16.99",
"collections": "||417505575136||264299348162||465573118176||421878399200||473594233056||",
"inventory_management": "shopify",
"qty": 0,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1437.95,
"diff_day_publish": 1168.4

}]"

aria-label="Clorox Healthcare Hydrogen Peroxide Disinfecting Wipes | 6.75" x 9" | 01456"
id="7517745512672-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/disinfectants-sanitizers/products/clorox-hydrogen-peroxide-wipes')" 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-211--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Clorox Healthcare Hydrogen Peroxide Disinfecting Wipes | 6.75&quot; x 9&quot; | 01456",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "7517745512672",
"currencyCode": "CAD",
"price": 1699,
"vendor": "Attends"
}
}"
><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/ab7297eea7f2985a5797d114a5317f1e_7e2614fc-f7e9-4de5-a093-09a6775496ab.png?v=1765383865&width=450 450w,
//emerdepot.com/cdn/shop/files/ab7297eea7f2985a5797d114a5317f1e_7e2614fc-f7e9-4de5-a093-09a6775496ab.png?v=1765383865&width=750 750w,
//emerdepot.com/cdn/shop/files/ab7297eea7f2985a5797d114a5317f1e_7e2614fc-f7e9-4de5-a093-09a6775496ab.png?v=1765383865&width=900 900w,
//emerdepot.com/cdn/shop/files/ab7297eea7f2985a5797d114a5317f1e_7e2614fc-f7e9-4de5-a093-09a6775496ab.png?v=1765383865&width=1100 1100w,
//emerdepot.com/cdn/shop/files/ab7297eea7f2985a5797d114a5317f1e_7e2614fc-f7e9-4de5-a093-09a6775496ab.png?v=1765383865&width=1500 1500w,//emerdepot.com/cdn/shop/files/ab7297eea7f2985a5797d114a5317f1e_7e2614fc-f7e9-4de5-a093-09a6775496ab.png?v=1765383865 1000w"
src="//emerdepot.com/cdn/shop/files/ab7297eea7f2985a5797d114a5317f1e_7e2614fc-f7e9-4de5-a093-09a6775496ab.png?v=1765383865&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="01456"
: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="1000"
height="1000"
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/ab7297eea7f2985a5797d114a5317f1e_836cd375-2b9a-4a9c-8de6-490909606b0f.png?v=1765383866&width=450 450w,
//emerdepot.com/cdn/shop/files/ab7297eea7f2985a5797d114a5317f1e_836cd375-2b9a-4a9c-8de6-490909606b0f.png?v=1765383866&width=750 750w,
//emerdepot.com/cdn/shop/files/ab7297eea7f2985a5797d114a5317f1e_836cd375-2b9a-4a9c-8de6-490909606b0f.png?v=1765383866&width=900 900w,
//emerdepot.com/cdn/shop/files/ab7297eea7f2985a5797d114a5317f1e_836cd375-2b9a-4a9c-8de6-490909606b0f.png?v=1765383866&width=1100 1100w,
//emerdepot.com/cdn/shop/files/ab7297eea7f2985a5797d114a5317f1e_836cd375-2b9a-4a9c-8de6-490909606b0f.png?v=1765383866&width=1500 1500w,//emerdepot.com/cdn/shop/files/ab7297eea7f2985a5797d114a5317f1e_836cd375-2b9a-4a9c-8de6-490909606b0f.png?v=1765383866 1000w"
src="//emerdepot.com/cdn/shop/files/ab7297eea7f2985a5797d114a5317f1e_836cd375-2b9a-4a9c-8de6-490909606b0f.png?v=1765383866&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="01456-C"
: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="1000"
height="1000"
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="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">Attends</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-7517745512672">
<a href="/collections/disinfectants-sanitizers/products/clorox-hydrogen-peroxide-wipes"
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": "Clorox Healthcare Hydrogen Peroxide Disinfecting Wipes | 6.75&quot; x 9&quot; | 01456",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "7517745512672",
"currencyCode": "CAD",
"price": 1699,
"vendor": "Attends"
}
}"
>
Clorox Healthcare Hydrogen Peroxide Disinfecting Wipes | 6.75" x 9" | 01456
</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="7517745512672"> </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="7517745512672" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">1699</div><p class="price ">
<span>From $16.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('7517745512672', [417505575136, 264299348162, 465573118176, 421878399200, 473594233056])"><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-7517745512672-211', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/clorox-hydrogen-peroxide-wipes', $el, 'template--20337242538208__product-grid-7517745512672-211', 311); }, 0)"
data-id="template--20337242538208__product-grid-7517745512672-211"
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-7517745512672-211', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/clorox-hydrogen-peroxide-wipes', $el, 'template--20337242538208__product-grid-7517745512672-211', 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-7517745512672-211"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Clorox Healthcare Hydrogen Peroxide Disinfecting Wipes | 6.75&quot; x 9&quot; | 01456",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "7517745512672",
"currencyCode": "CAD",
"price": 1699,
"vendor": "Attends"
}
}"
>
<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-7517745512672-211"
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-7517745512672-template--20337242538208__product-grid-211"
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">Attends</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-7517745512672">
<a href="/collections/disinfectants-sanitizers/products/clorox-hydrogen-peroxide-wipes"
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": "Clorox Healthcare Hydrogen Peroxide Disinfecting Wipes | 6.75&quot; x 9&quot; | 01456",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "7517745512672",
"currencyCode": "CAD",
"price": 1699,
"vendor": "Attends"
}
}"
>
Clorox Healthcare Hydrogen Peroxide Disinfecting Wipes | 6.75" x 9" | 01456
</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="7517745512672"> </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="7517745512672" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">1699</div><p class="price ">
<span>From $16.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('7517745512672', [417505575136, 264299348162, 465573118176, 421878399200, 473594233056])"><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-7517745512672-211', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/clorox-hydrogen-peroxide-wipes', $el, 'template--20337242538208__product-grid-7517745512672-211', 311); }, 0)"
data-id="template--20337242538208__product-grid-7517745512672-211"
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-7517745512672-211', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/clorox-hydrogen-peroxide-wipes', $el, 'template--20337242538208__product-grid-7517745512672-211', 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-7517745512672-211"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Clorox Healthcare Hydrogen Peroxide Disinfecting Wipes | 6.75&quot; x 9&quot; | 01456",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "7517745512672",
"currencyCode": "CAD",
"price": 1699,
"vendor": "Attends"
}
}"
>
<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-211', false, 'Unavailable', '/collections/disinfectants-sanitizers/products/clorox-hydrogen-peroxide-wipes', '7517745512672', false, true, false, 'template--20337242538208__product-grid', '', '', '//emerdepot.com/cdn/shop/files/ab7297eea7f2985a5797d114a5317f1e_7e2614fc-f7e9-4de5-a093-09a6775496ab.png?v=1765383865', 311)"
x-init="initVariant($el)"
>
<script type="application/json">
[{"id":43485401612512,"title":"1 Case (6 Tubs)","option1":"1 Case (6 Tubs)","option2":null,"option3":null,"sku":"01456-C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Clorox Healthcare Hydrogen Peroxide Disinfecting Wipes | 6.75\" x 9\" | 01456 - 1 Case (6 Tubs)","public_title":"1 Case (6 Tubs)","options":["1 Case (6 Tubs)"],"price":8999,"weight":2767,"compare_at_price":null,"inventory_management":"shopify","barcode":"10055500014566","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":48400346743008,"title":"1 Tub (95 Wipes)","option1":"1 Tub (95 Wipes)","option2":null,"option3":null,"sku":"01456","requires_shipping":true,"taxable":true,"featured_image":{"id":50981176934624,"product_id":7517745512672,"position":4,"created_at":"2025-12-10T11:26:16-05:00","updated_at":"2025-12-10T11:26:16-05:00","alt":"01456","width":1000,"height":1000,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/ab7297eea7f2985a5797d114a5317f1e.png?v=1765383976","variant_ids":[48400346743008]},"available":true,"name":"Clorox Healthcare Hydrogen Peroxide Disinfecting Wipes | 6.75\" x 9\" | 01456 - 1 Tub (95 Wipes)","public_title":"1 Tub (95 Wipes)","options":["1 Tub (95 Wipes)"],"price":1699,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"055500014569","featured_media":{"alt":"01456","id":40355958489312,"position":4,"preview_image":{"aspect_ratio":1.0,"height":1000,"width":1000,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/ab7297eea7f2985a5797d114a5317f1e.png?v=1765383976"}},"requires_selling_plan":false,"selling_plan_allocations":[]}]
</script>
<div
id="current-variant-template--20337242538208__product-grid-7517745512672-211"
class="current-variant hidden"
>
43485401612512
</div>
<div
id="variant-update-template--20337242538208__product-grid-211"
class="variant-update-template--20337242538208__product-grid-211 list-layout:md:text-left rtl:list-layout:md:text-right options-container"
>

</div>
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<p class="h3" data-oe-version="1.2">Fast Contact Times for Fast Room Turnover</h3><ul>
<li>30 seconds to 1 minute contact times on most bacteria and viruses.</li>
<li>Study proves an advantage over a leading quat.‡</li>
<li>Kills 35 out of 57 pathogens in just 30 seconds</li>
<li>
<strong>Quantity per Unit & Size of Unit: </strong>95 ct. canister (17.1 cm x 22.8) </li>
<li>
<strong>Unit Quantity per Case: </strong>6 per case</li>
<li>
<strong>Active Ingredient: </strong>Hydrogen Peroxide 1.4% w/w</li>
<li>
<strong>Health Canada DIN#: </strong>2406225</li>
</ul><table class="table table-bordered o_table"><tbody>
<tr>
<td>Bacteria</td>
<td>Kill Time</td>
</tr>
<tr>
<td>
<em>Acinetobacter baumannii</em> (multidrug-resistant)</td>
<td>30 sec</td>
</tr>
<tr>
<td><em>Campylobacter jejuni</em></td>
<td>30 sec</td>
</tr>
<tr>
<td><em>Enterobacter aerogenes</em></td>
<td>30 sec</td>
</tr>
<tr>
<td>
<em>Enterococcus faecalis </em>(vancomycin-resistant) (VRE)</td>
<td>30 sec</td>
</tr>
<tr>
<td>
<em>Enterococcus faecium</em> (multidrug-resistant)</td>
<td>30 sec</td>
</tr>
<tr>
<td><em>Escherichia coli</em></td>
<td>30 sec</td>
</tr>
<tr>
<td>
<em>Escherichia coli</em> ESBL</td>
<td>30 sec</td>
</tr>
<tr>
<td>
<em>Escherichia coli</em> New Delhi Metallo-Beta Lactamase-1 (NDM-1)</td>
<td>30 sec</td>
</tr>
<tr>
<td>
<em>Escherichia coli</em> O157:H7</td>
<td>30 sec</td>
</tr>
<tr>
<td><em>Klebsiella oxytoca</em></td>
<td>30 sec*</td>
</tr>
<tr>
<td>
<em>Klebsiella pneumoniae</em> (carbapenem-resistant)</td>
<td>30 sec</td>
</tr>
<tr>
<td>
<em>Klebsiella pneumoniae</em> New Delhi Metallo-Beta Lactamase-1 (NDM-1)</td>
<td>30 sec</td>
</tr>
<tr>
<td>
<em>Klebsiella pneumoniae</em> ESBL</td>
<td>30 sec</td>
</tr>
<tr>
<td>
<em>Klebsiella pneumoniae</em> (multidrug-resistant)</td>
<td>30 sec</td>
</tr>
<tr>
<td><em>Pseudomonas aeruginosa</em></td>
<td>30 sec</td>
</tr>
<tr>
<td><em>Salmonella enterica</em></td>
<td>30 sec</td>
</tr>
<tr>
<td><em>Staphylococcus aureus</em></td>
<td>1 min</td>
</tr>
<tr>
<td>
<em>Staphylococcus aureus</em> (linezolid-resistant) (LRSA)</td>
<td>45 sec</td>
</tr>
<tr>
<td>
<em>Staphylococcus aureus</em> (methicillin-resistant) (MRSA) (ATCC 33591)</td>
<td>30 sec</td>
</tr>
<tr>
<td>
<em>Staphylococcus aureus</em> (methicillin-resistant) (MRSA) (ATCC 33592)</td>
<td>30 sec</td>
</tr>
<tr>
<td>
<em>Staphylococcus aureus</em> (community-associated methicillin-resistant) (CA-MRSA) (USA 300)</td>
<td>45 sec</td>
</tr>
<tr>
<td>
<em>Staphylococcus epidermidis</em>(coagulase-negative staphylococci) (CoNS)</td>
<td>45 sec*</td>
</tr>
<tr>
<td><em>Stenotrophomonas maltophilia</em></td>
<td>30 sec</td>
</tr>
<tr>
<td>
<em>Streptococcus pneumoniae</em> (penicillin-resistant)</td>
<td>30 sec</td>
</tr>
<tr>
<td><em>Streptococcus pyogenes</em></td>
<td>30 sec</td>
</tr>
<tr>
<td><em>Bordetella bronchiseptica</em></td>
<td>1 min</td>
</tr>
<tr>
<td><em>Bordetella pertussis</em></td>
<td>1 min</td>
</tr>
<tr>
<td><em>Salmonella enterica subspecies enterica serovar Typhi</em></td>
<td>1 min</td>
</tr>
<tr>
<td><em>Shigella sonnei</em></td>
<td>1 min</td>
</tr>
</tbody></table><table class="table table-bordered o_table"><tbody>
<tr>
<td>MYCOBACTERA</td>
<td>KILL TIME</td>
</tr>
<tr>
<td>
<em>Mycobacterium terrae</em> - (TB)</td>
<td>1 min</td>
</tr>
</tbody></table><table class="table table-bordered o_table"><tbody>
<tr>
<td>Virus</td>
<td>Kill Time</td>
</tr>
<tr>
<td>Avian influenza A virus</td>
<td>30 sec</td>
</tr>
<tr>
<td>Cytomegalovirus</td>
<td>30 sec</td>
</tr>
<tr>
<td>Herpes simplex virus type 1 (HSV-1)</td>
<td>30 sec</td>
</tr>
<tr>
<td>Herpes simplex virus type 2 (HSV-2)</td>
<td>30 sec</td>
</tr>
<tr>
<td>Human Hepatitis B virus (HBV)</td>
<td>30 sec</td>
</tr>
<tr>
<td>Human Hepatitis C virus (HCV)</td>
<td>30 sec</td>
</tr>
<tr>
<td>Human coronavirus</td>
<td>30 sec</td>
</tr>
<tr>
<td>Human immunodeficiency virus type 1 (HIV-1)</td>
<td>30 sec</td>
</tr>
<tr>
<td>Influenza A virus (H1N1)</td>
<td>30 sec</td>
</tr>
<tr>
<td>Influenza A virus (Hong Kong)</td>
<td>30 sec</td>
</tr>
<tr>
<td>Influenza B virus</td>
<td>30 sec</td>
</tr>
<tr>
<td>Respiratory Syncytial virus (RSV)</td>
<td>30 sec</td>
</tr>
<tr>
<td>Rhinovirus (Type 37)</td>
<td>1 min</td>
</tr>
<tr>
<td>Rotavirus</td>
<td>1 min</td>
</tr>
<tr>
<td>Norovirus (Human) using Feline Calcivirus</td>
<td>1 min</td>
</tr>
<tr>
<td>Canine Distemper virus</td>
<td>30 sec</td>
</tr>
<tr>
<td>Canine Influenza (H3N2) Virus</td>
<td>1 min</td>
</tr>
<tr>
<td>Canine Influenza (H3N8) Virus</td>
<td>1 min</td>
</tr>
<tr>
<td>Feline Infectious Peritonitis virus</td>
<td>1 min</td>
</tr>
<tr>
<td>Feline Rhinotracheitis virus</td>
<td>1 min</td>
</tr>
<tr>
<td>Pseudorabies virus</td>
<td>1 min</td>
</tr>
<tr>
<td>Human Adenovirus type 5 (BSV)</td>
<td>1 min</td>
</tr>
<tr>
<td>SARS-CoV-2 (the virus that causes COVID-19)</td>
<td>30 sec</td>
</tr>
<tr>
<td>Poliovirus type 1 (BSV)</td>
<td>30 sec</td>
</tr>
</tbody></table><table class="table table-bordered o_table"><tbody>
<tr>
<td>Mold / Fungi</td>
<td>Kill Time</td>
</tr>
<tr>
<td><em>Candida albicans</em></td>
<td>2 min</td>
</tr>
<tr>
<td>
<em>Trichophyton mentagrophytes</em> (athlete’s foot fungus)</td>
<td>2 min</td>
</tr>
<tr>
<td><em>Candida auris</em></td>
<td>2 min</td>
</tr>
<tr>
<td><em>Microsporum canis</em></td>
<td>1 min</td>
</tr>
</tbody></table><div><br></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-7517745512672-211', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/clorox-hydrogen-peroxide-wipes', $el, 'template--20337242538208__product-grid-7517745512672-211', 311); }, 0)"
data-id="template--20337242538208__product-grid-7517745512672-211"
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-7517745512672-211', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/clorox-hydrogen-peroxide-wipes', $el, 'template--20337242538208__product-grid-7517745512672-211', 311); }, 0)"
data-id="template--20337242538208__product-grid-7517745512672-211"
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/disinfectants-sanitizers/products/clorox-hydrogen-peroxide-wipes', $el, 'template--20337242538208__product-grid-7517745512672-211')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/disinfectants-sanitizers/products/clorox-hydrogen-peroxide-wipes', $el, 'template--20337242538208__product-grid-7517745512672-211')"
@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": "Clorox Healthcare Hydrogen Peroxide Disinfecting Wipes | 6.75&quot; x 9&quot; | 01456",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "7517745512672",
"currencyCode": "CAD",
"price": 1699,
"vendor": "Attends"
}
}"
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-212', '/collections/disinfectants-sanitizers/products/isopropyl-alcohol-99-99-toronto-canada', '7464281276640')"

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/disinfectants-sanitizers/products/isopropyl-alcohol-99-99-toronto-canada"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 42686551064800,
"product_id": 7464281276640,
"available": true,
"title": "99.99% Isopropyl Alcohol by Tavos - Local Delivery Only",
"compare_at_price": 4900,
"price": 3550,
"price_with_currency": "$35.50 CAD",
"sale_amount": "$13.50",
"collections": "||417505575136||479371755744||264299348162||462002356448||465573118176||473594233056||",
"inventory_management": "shopify",
"qty": 11,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1483.01,
"diff_day_publish": 1483.01

},{
"variant_id": 42686551097568,
"product_id": 7464281276640,
"available": true,
"title": "99.99% Isopropyl Alcohol by Tavos - Local Delivery Only",
"compare_at_price": 19900,
"price": 11988,
"price_with_currency": "$119.88 CAD",
"sale_amount": "$79.12",
"collections": "||417505575136||479371755744||264299348162||462002356448||465573118176||473594233056||",
"inventory_management": "shopify",
"qty": 2,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1483.01,
"diff_day_publish": 1483.01

}]"

aria-label="99.99% Isopropyl Alcohol by Tavos - Local Delivery Only"
id="7464281276640-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/disinfectants-sanitizers/products/isopropyl-alcohol-99-99-toronto-canada')" 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-212--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "99.99% Isopropyl Alcohol by Tavos - Local Delivery Only",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "7464281276640",
"currencyCode": "CAD",
"price": 3550,
"vendor": "Tavos"
}
}"
><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/6fb19bfa64ed9ed6b4de47eb08932d8d.jpg?v=1761679871&width=450 450w,
//emerdepot.com/cdn/shop/files/6fb19bfa64ed9ed6b4de47eb08932d8d.jpg?v=1761679871&width=750 750w,
//emerdepot.com/cdn/shop/files/6fb19bfa64ed9ed6b4de47eb08932d8d.jpg?v=1761679871&width=900 900w,
//emerdepot.com/cdn/shop/files/6fb19bfa64ed9ed6b4de47eb08932d8d.jpg?v=1761679871&width=1100 1100w,
//emerdepot.com/cdn/shop/files/6fb19bfa64ed9ed6b4de47eb08932d8d.jpg?v=1761679871&width=1500 1500w,//emerdepot.com/cdn/shop/files/6fb19bfa64ed9ed6b4de47eb08932d8d.jpg?v=1761679871 1563w"
src="//emerdepot.com/cdn/shop/files/6fb19bfa64ed9ed6b4de47eb08932d8d.jpg?v=1761679871&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="isopropyl-alcohol-99-99-toronto-canada"
: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/6fb19bfa64ed9ed6b4de47eb08932d8d_bba058d2-b336-454a-83eb-ff899bffb0a7.jpg?v=1761679873&width=450 450w,
//emerdepot.com/cdn/shop/files/6fb19bfa64ed9ed6b4de47eb08932d8d_bba058d2-b336-454a-83eb-ff899bffb0a7.jpg?v=1761679873&width=750 750w,
//emerdepot.com/cdn/shop/files/6fb19bfa64ed9ed6b4de47eb08932d8d_bba058d2-b336-454a-83eb-ff899bffb0a7.jpg?v=1761679873&width=900 900w,
//emerdepot.com/cdn/shop/files/6fb19bfa64ed9ed6b4de47eb08932d8d_bba058d2-b336-454a-83eb-ff899bffb0a7.jpg?v=1761679873&width=1100 1100w,
//emerdepot.com/cdn/shop/files/6fb19bfa64ed9ed6b4de47eb08932d8d_bba058d2-b336-454a-83eb-ff899bffb0a7.jpg?v=1761679873&width=1500 1500w,//emerdepot.com/cdn/shop/files/6fb19bfa64ed9ed6b4de47eb08932d8d_bba058d2-b336-454a-83eb-ff899bffb0a7.jpg?v=1761679873 1563w"
src="//emerdepot.com/cdn/shop/files/6fb19bfa64ed9ed6b4de47eb08932d8d_bba058d2-b336-454a-83eb-ff899bffb0a7.jpg?v=1761679873&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="isopropyl-alcohol-99-99-toronto-canada"
: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">
39% 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">Tavos</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-7464281276640">
<a href="/collections/disinfectants-sanitizers/products/isopropyl-alcohol-99-99-toronto-canada"
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": "99.99% Isopropyl Alcohol by Tavos - Local Delivery Only",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "7464281276640",
"currencyCode": "CAD",
"price": 3550,
"vendor": "Tavos"
}
}"
>
99.99% Isopropyl Alcohol by Tavos - Local Delivery Only
</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="7464281276640"> </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="7464281276640" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">3550</div>
<div class="">
<small class="cap rtl:inline-block">
<s class="rtl:leading-tight">$49.00 CAD</s>
</small><span class="price-sale selection:bg-text-[rgb(var(--colors-price-sale),0.2)] ml-1 rtl:mr-1 rtl:ml-0">From $35.50 CAD</span>
</div><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('7464281276640', [417505575136, 479371755744, 264299348162, 462002356448, 465573118176, 473594233056])"><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-7464281276640-212', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/isopropyl-alcohol-99-99-toronto-canada', $el, 'template--20337242538208__product-grid-7464281276640-212', 312); }, 0)"
data-id="template--20337242538208__product-grid-7464281276640-212"
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-7464281276640-212', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/isopropyl-alcohol-99-99-toronto-canada', $el, 'template--20337242538208__product-grid-7464281276640-212', 312); }, 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-7464281276640-212"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "99.99% Isopropyl Alcohol by Tavos - Local Delivery Only",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "7464281276640",
"currencyCode": "CAD",
"price": 3550,
"vendor": "Tavos"
}
}"
>
<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-7464281276640-212"
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-7464281276640-template--20337242538208__product-grid-212"
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">Tavos</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-7464281276640">
<a href="/collections/disinfectants-sanitizers/products/isopropyl-alcohol-99-99-toronto-canada"
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": "99.99% Isopropyl Alcohol by Tavos - Local Delivery Only",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "7464281276640",
"currencyCode": "CAD",
"price": 3550,
"vendor": "Tavos"
}
}"
>
99.99% Isopropyl Alcohol by Tavos - Local Delivery Only
</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="7464281276640"> </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="7464281276640" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">3550</div>
<div class="">
<small class="cap rtl:inline-block">
<s class="rtl:leading-tight">$49.00 CAD</s>
</small><span class="price-sale selection:bg-text-[rgb(var(--colors-price-sale),0.2)] ml-1 rtl:mr-1 rtl:ml-0">From $35.50 CAD</span>
</div><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('7464281276640', [417505575136, 479371755744, 264299348162, 462002356448, 465573118176, 473594233056])"><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-7464281276640-212', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/isopropyl-alcohol-99-99-toronto-canada', $el, 'template--20337242538208__product-grid-7464281276640-212', 312); }, 0)"
data-id="template--20337242538208__product-grid-7464281276640-212"
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-7464281276640-212', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/isopropyl-alcohol-99-99-toronto-canada', $el, 'template--20337242538208__product-grid-7464281276640-212', 312); }, 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-7464281276640-212"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "99.99% Isopropyl Alcohol by Tavos - Local Delivery Only",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "7464281276640",
"currencyCode": "CAD",
"price": 3550,
"vendor": "Tavos"
}
}"
>
<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-212', false, 'Unavailable', '/collections/disinfectants-sanitizers/products/isopropyl-alcohol-99-99-toronto-canada', '7464281276640', false, true, false, 'template--20337242538208__product-grid', '', '', '//emerdepot.com/cdn/shop/files/6fb19bfa64ed9ed6b4de47eb08932d8d.jpg?v=1761679871', 312)"
x-init="initVariant($el)"
>
<script type="application/json">
[{"id":42686551064800,"title":"1 Gallon","option1":"1 Gallon","option2":null,"option3":null,"sku":"IPA991G","requires_shipping":true,"taxable":true,"featured_image":{"id":47589466112224,"product_id":7464281276640,"position":3,"created_at":"2025-06-13T11:13:26-04:00","updated_at":"2025-10-28T15:31:14-04:00","alt":"isopropyl-alcohol-99-99-toronto-canada","width":1563,"height":1563,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/6fb19bfa64ed9ed6b4de47eb08932d8d_e5188f10-c416-415e-a639-7c2fd9114f0d.jpg?v=1761679874","variant_ids":[42686551064800]},"available":true,"name":"99.99% Isopropyl Alcohol by Tavos - Local Delivery Only - 1 Gallon","public_title":"1 Gallon","options":["1 Gallon"],"price":3550,"weight":0,"compare_at_price":4900,"inventory_management":"shopify","barcode":"ñ1704258057513","featured_media":{"alt":"isopropyl-alcohol-99-99-toronto-canada","id":37624992104672,"position":3,"preview_image":{"aspect_ratio":1.0,"height":1563,"width":1563,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/6fb19bfa64ed9ed6b4de47eb08932d8d_e5188f10-c416-415e-a639-7c2fd9114f0d.jpg?v=1761679874"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42686551097568,"title":"1 Case ( 4 Gallon)","option1":"1 Case ( 4 Gallon)","option2":null,"option3":null,"sku":"IPA991G-C","requires_shipping":true,"taxable":true,"featured_image":{"id":47589466177760,"product_id":7464281276640,"position":4,"created_at":"2025-06-13T11:13:29-04:00","updated_at":"2025-10-28T15:31:16-04:00","alt":"isopropyl-alcohol-99-99-toronto-canada","width":1563,"height":1563,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/6fb19bfa64ed9ed6b4de47eb08932d8d_3d5e1918-dc03-430e-bfdc-02cc2a1b49fd.jpg?v=1761679876","variant_ids":[42686551097568]},"available":true,"name":"99.99% Isopropyl Alcohol by Tavos - Local Delivery Only - 1 Case ( 4 Gallon)","public_title":"1 Case ( 4 Gallon)","options":["1 Case ( 4 Gallon)"],"price":11988,"weight":11340,"compare_at_price":19900,"inventory_management":"shopify","barcode":"51097568","featured_media":{"alt":"isopropyl-alcohol-99-99-toronto-canada","id":37624992137440,"position":4,"preview_image":{"aspect_ratio":1.0,"height":1563,"width":1563,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/6fb19bfa64ed9ed6b4de47eb08932d8d_3d5e1918-dc03-430e-bfdc-02cc2a1b49fd.jpg?v=1761679876"}},"requires_selling_plan":false,"selling_plan_allocations":[]}]
</script>
<div
id="current-variant-template--20337242538208__product-grid-7464281276640-212"
class="current-variant hidden"
>
42686551064800
</div>
<div
id="variant-update-template--20337242538208__product-grid-212"
class="variant-update-template--20337242538208__product-grid-212 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>Isopropyl Alcohol 99.9% by Tavos ( 1 Gallon) </p>
<ul>
<li>
<strong>Alcohol</strong>: 99.99%</li>
<li>
<strong>Shipping</strong>: Addition $25 Surcharge may apply</li>
<li>
<strong>Size</strong>: 1 Gallon</li>
</ul>
<p><br>Shipping Dangerous Goods Surcharge May apply outside GTA</p>
<p>(Additional $25 - Please call 1-888-401-3637 for more info)</p>
<p>This Isopropyl Alcohol 99.9% of Tavos is Made In Canada.</p>
<p>Ref Code:- TC9010-1B</p>
<p>Manufacturer SKU:- IPA991G</p>
<p> </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-7464281276640-212', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/isopropyl-alcohol-99-99-toronto-canada', $el, 'template--20337242538208__product-grid-7464281276640-212', 312); }, 0)"
data-id="template--20337242538208__product-grid-7464281276640-212"
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-7464281276640-212', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/isopropyl-alcohol-99-99-toronto-canada', $el, 'template--20337242538208__product-grid-7464281276640-212', 312); }, 0)"
data-id="template--20337242538208__product-grid-7464281276640-212"
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/disinfectants-sanitizers/products/isopropyl-alcohol-99-99-toronto-canada', $el, 'template--20337242538208__product-grid-7464281276640-212')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/disinfectants-sanitizers/products/isopropyl-alcohol-99-99-toronto-canada', $el, 'template--20337242538208__product-grid-7464281276640-212')"
@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": "99.99% Isopropyl Alcohol by Tavos - Local Delivery Only",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "7464281276640",
"currencyCode": "CAD",
"price": 3550,
"vendor": "Tavos"
}
}"
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-213', '/collections/disinfectants-sanitizers/products/automatic-soap-dispenser-ir-sensor', '6866843959490')"

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/disinfectants-sanitizers/products/automatic-soap-dispenser-ir-sensor"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 47291065073888,
"product_id": 6866843959490,
"available": true,
"title": "Automatic Soap/Sanitizer Dispenser - IR sensor",
"compare_at_price": 0,
"price": 3600,
"price_with_currency": "$36.00 CAD",
"sale_amount": "$-36.00",
"collections": "||417505575136||264299348162||465573150944||467269812448||266830053570||402806014176||473594233056||465709203680||",
"inventory_management": "shopify",
"qty": 10,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1609.13,
"diff_day_publish": 1606.12

}]"

aria-label="Automatic Soap/Sanitizer Dispenser - IR sensor"
id="6866843959490-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/disinfectants-sanitizers/products/automatic-soap-dispenser-ir-sensor')" 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-213--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Automatic Soap/Sanitizer Dispenser - IR sensor",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6866843959490",
"currencyCode": "CAD",
"price": 3600,
"vendor": "EmerDepot"
}
}"
><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/cd97a575d41fcda29336667e2356d79e.jpg?v=1761679653&width=450 450w,
//emerdepot.com/cdn/shop/files/cd97a575d41fcda29336667e2356d79e.jpg?v=1761679653&width=750 750w,
//emerdepot.com/cdn/shop/files/cd97a575d41fcda29336667e2356d79e.jpg?v=1761679653&width=900 900w,
//emerdepot.com/cdn/shop/files/cd97a575d41fcda29336667e2356d79e.jpg?v=1761679653&width=1100 1100w,
//emerdepot.com/cdn/shop/files/cd97a575d41fcda29336667e2356d79e.jpg?v=1761679653&width=1500 1500w,//emerdepot.com/cdn/shop/files/cd97a575d41fcda29336667e2356d79e.jpg?v=1761679653 962w"
src="//emerdepot.com/cdn/shop/files/cd97a575d41fcda29336667e2356d79e.jpg?v=1761679653&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="automatic-soap-dispenser-ir-sensor"
: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="962"
height="961"
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/cd97a575d41fcda29336667e2356d79e_76b07443-09ae-4c19-b567-410a8331ead0.jpg?v=1761679656&width=450 450w,
//emerdepot.com/cdn/shop/files/cd97a575d41fcda29336667e2356d79e_76b07443-09ae-4c19-b567-410a8331ead0.jpg?v=1761679656&width=750 750w,
//emerdepot.com/cdn/shop/files/cd97a575d41fcda29336667e2356d79e_76b07443-09ae-4c19-b567-410a8331ead0.jpg?v=1761679656&width=900 900w,
//emerdepot.com/cdn/shop/files/cd97a575d41fcda29336667e2356d79e_76b07443-09ae-4c19-b567-410a8331ead0.jpg?v=1761679656&width=1100 1100w,
//emerdepot.com/cdn/shop/files/cd97a575d41fcda29336667e2356d79e_76b07443-09ae-4c19-b567-410a8331ead0.jpg?v=1761679656&width=1500 1500w,//emerdepot.com/cdn/shop/files/cd97a575d41fcda29336667e2356d79e_76b07443-09ae-4c19-b567-410a8331ead0.jpg?v=1761679656 962w"
src="//emerdepot.com/cdn/shop/files/cd97a575d41fcda29336667e2356d79e_76b07443-09ae-4c19-b567-410a8331ead0.jpg?v=1761679656&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="automatic-soap-dispenser-ir-sensor"
: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="962"
height="961"
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="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</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-6866843959490">
<a href="/collections/disinfectants-sanitizers/products/automatic-soap-dispenser-ir-sensor"
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": "Automatic Soap/Sanitizer Dispenser - IR sensor",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6866843959490",
"currencyCode": "CAD",
"price": 3600,
"vendor": "EmerDepot"
}
}"
>
Automatic Soap/Sanitizer Dispenser - IR sensor
</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="6866843959490"> </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="6866843959490" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">3600</div><p class="price ">
<span>$36.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('6866843959490', [417505575136, 264299348162, 465573150944, 467269812448, 266830053570, 402806014176, 473594233056, 465709203680])"><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)": 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-option6866843959490313" 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="47291065073888">

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

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Automatic Soap/Sanitizer Dispenser - IR sensor",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6866843959490",
"currencyCode": "CAD",
"price": 3600,
"vendor": "EmerDepot"
}
}"
>
<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="6866843959490" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-6866843959490-template--20337242538208__product-grid-213"
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</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-6866843959490">
<a href="/collections/disinfectants-sanitizers/products/automatic-soap-dispenser-ir-sensor"
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": "Automatic Soap/Sanitizer Dispenser - IR sensor",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6866843959490",
"currencyCode": "CAD",
"price": 3600,
"vendor": "EmerDepot"
}
}"
>
Automatic Soap/Sanitizer Dispenser - IR sensor
</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="6866843959490"> </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="6866843959490" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">3600</div><p class="price ">
<span>$36.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('6866843959490', [417505575136, 264299348162, 465573150944, 467269812448, 266830053570, 402806014176, 473594233056, 465709203680])"><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)": 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-option6866843959490313" 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="47291065073888">

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

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Automatic Soap/Sanitizer Dispenser - IR sensor",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6866843959490",
"currencyCode": "CAD",
"price": 3600,
"vendor": "EmerDepot"
}
}"
>
<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="6866843959490" /><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/automatic-soap-dispenser-ir-sensor');
});"></div>
<div
id="current-variant-template--20337242538208__product-grid-6866843959490-213"
class="current-variant hidden"
>
47291065073888
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<p>Its an automatic operated through motion captured sensor, touch-free to avoid cross infection.</p>
<p>No-dripping valve and waterproof design, energy-economic 4 batteries stand for 1 year.</p>
<p>4 level of dispensing from 0.5 ML to 2ML matching multiple purposes for hands-washing, bathing, cleaning.</p>
<p>Large capacity with 15.2 fl oz/450 ml refill tank, suitable for different liquids including medecine alcohol and thick cleaning liquid</p>
<p><br><b data-mce-fragment="1">Easy to setup and use:</b><span data-mce-fragment="1">Â Just put this soap dispenser on a flat place, powered by 4 pieces AA batteries (not included), no wiring, no tools needed, easy to install.Â </span>Wall-mounted or put on flat place as you wish</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-option6866843959490313" 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="47291065073888">

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

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

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Automatic Soap/Sanitizer Dispenser - IR sensor",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6866843959490",
"currencyCode": "CAD",
"price": 3600,
"vendor": "EmerDepot"
}
}"
>
<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="6866843959490" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div><button
x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/disinfectants-sanitizers/products/automatic-soap-dispenser-ir-sensor', $el, 'template--20337242538208__product-grid-6866843959490-213')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/disinfectants-sanitizers/products/automatic-soap-dispenser-ir-sensor', $el, 'template--20337242538208__product-grid-6866843959490-213')"
@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": "Automatic Soap/Sanitizer Dispenser - IR sensor",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6866843959490",
"currencyCode": "CAD",
"price": 3600,
"vendor": "EmerDepot"
}
}"
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-214', '/collections/disinfectants-sanitizers/products/cavicide-surface-disinfectant-liquid-spray-bottle-24oz-3-minute', '6621144973506')"

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/disinfectants-sanitizers/products/cavicide-surface-disinfectant-liquid-spray-bottle-24oz-3-minute"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 39611395670210,
"product_id": 6621144973506,
"available": true,
"title": "CaviCide Surface Disinfectant Liquid Spray Bottle - 1 minute 24oz",
"compare_at_price": 0,
"price": 2499,
"price_with_currency": "$24.99 CAD",
"sale_amount": "$-24.99",
"collections": "||417505575136||264299348162||465573118176||473594233056||",
"inventory_management": "shopify",
"qty": 9,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1718.36,
"diff_day_publish": 1718.36

},{
"variant_id": 39611395702978,
"product_id": 6621144973506,
"available": true,
"title": "CaviCide Surface Disinfectant Liquid Spray Bottle - 1 minute 24oz",
"compare_at_price": 0,
"price": 19999,
"price_with_currency": "$199.99 CAD",
"sale_amount": "$-199.99",
"collections": "||417505575136||264299348162||465573118176||473594233056||",
"inventory_management": "shopify",
"qty": 13,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1718.36,
"diff_day_publish": 1718.36

}]"

aria-label="CaviCide Surface Disinfectant Liquid Spray Bottle - 1 minute 24oz"
id="6621144973506-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/disinfectants-sanitizers/products/cavicide-surface-disinfectant-liquid-spray-bottle-24oz-3-minute')" 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-214--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "CaviCide Surface Disinfectant Liquid Spray Bottle - 1 minute 24oz",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144973506",
"currencyCode": "CAD",
"price": 2499,
"vendor": "Cavicide"
}
}"
><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/ca0bfa8b952cb9f030313c7d116bf003_54d657a4-02e9-4034-b120-6e92d397d444.png?v=1763052962&width=450 450w,
//emerdepot.com/cdn/shop/files/ca0bfa8b952cb9f030313c7d116bf003_54d657a4-02e9-4034-b120-6e92d397d444.png?v=1763052962&width=750 750w,
//emerdepot.com/cdn/shop/files/ca0bfa8b952cb9f030313c7d116bf003_54d657a4-02e9-4034-b120-6e92d397d444.png?v=1763052962&width=900 900w,
//emerdepot.com/cdn/shop/files/ca0bfa8b952cb9f030313c7d116bf003_54d657a4-02e9-4034-b120-6e92d397d444.png?v=1763052962&width=1100 1100w,
//emerdepot.com/cdn/shop/files/ca0bfa8b952cb9f030313c7d116bf003_54d657a4-02e9-4034-b120-6e92d397d444.png?v=1763052962&width=1500 1500w,//emerdepot.com/cdn/shop/files/ca0bfa8b952cb9f030313c7d116bf003_54d657a4-02e9-4034-b120-6e92d397d444.png?v=1763052962 800w"
src="//emerdepot.com/cdn/shop/files/ca0bfa8b952cb9f030313c7d116bf003_54d657a4-02e9-4034-b120-6e92d397d444.png?v=1763052962&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="cavicide-surface-disinfectant-liquid-spray-bottle-24oz-3-minute"
: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="800"
height="800"
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/ca0bfa8b952cb9f030313c7d116bf003.png?v=1763052964&width=450 450w,
//emerdepot.com/cdn/shop/files/ca0bfa8b952cb9f030313c7d116bf003.png?v=1763052964&width=750 750w,
//emerdepot.com/cdn/shop/files/ca0bfa8b952cb9f030313c7d116bf003.png?v=1763052964&width=900 900w,
//emerdepot.com/cdn/shop/files/ca0bfa8b952cb9f030313c7d116bf003.png?v=1763052964&width=1100 1100w,
//emerdepot.com/cdn/shop/files/ca0bfa8b952cb9f030313c7d116bf003.png?v=1763052964&width=1500 1500w,//emerdepot.com/cdn/shop/files/ca0bfa8b952cb9f030313c7d116bf003.png?v=1763052964 800w"
src="//emerdepot.com/cdn/shop/files/ca0bfa8b952cb9f030313c7d116bf003.png?v=1763052964&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="cavicide-surface-disinfectant-liquid-spray-bottle-24oz-3-minute"
: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="800"
height="800"
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="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">Cavicide</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-6621144973506">
<a href="/collections/disinfectants-sanitizers/products/cavicide-surface-disinfectant-liquid-spray-bottle-24oz-3-minute"
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": "CaviCide Surface Disinfectant Liquid Spray Bottle - 1 minute 24oz",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144973506",
"currencyCode": "CAD",
"price": 2499,
"vendor": "Cavicide"
}
}"
>
CaviCide Surface Disinfectant Liquid Spray Bottle - 1 minute 24oz
</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="6621144973506"> </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="6621144973506" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">2499</div><p class="price ">
<span>From $24.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('6621144973506', [417505575136, 264299348162, 465573118176, 473594233056])"><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-6621144973506-214', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/cavicide-surface-disinfectant-liquid-spray-bottle-24oz-3-minute', $el, 'template--20337242538208__product-grid-6621144973506-214', 314); }, 0)"
data-id="template--20337242538208__product-grid-6621144973506-214"
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-6621144973506-214', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/cavicide-surface-disinfectant-liquid-spray-bottle-24oz-3-minute', $el, 'template--20337242538208__product-grid-6621144973506-214', 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-6621144973506-214"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "CaviCide Surface Disinfectant Liquid Spray Bottle - 1 minute 24oz",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144973506",
"currencyCode": "CAD",
"price": 2499,
"vendor": "Cavicide"
}
}"
>
<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-6621144973506-214"
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-6621144973506-template--20337242538208__product-grid-214"
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">Cavicide</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-6621144973506">
<a href="/collections/disinfectants-sanitizers/products/cavicide-surface-disinfectant-liquid-spray-bottle-24oz-3-minute"
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": "CaviCide Surface Disinfectant Liquid Spray Bottle - 1 minute 24oz",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144973506",
"currencyCode": "CAD",
"price": 2499,
"vendor": "Cavicide"
}
}"
>
CaviCide Surface Disinfectant Liquid Spray Bottle - 1 minute 24oz
</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="6621144973506"> </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="6621144973506" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">2499</div><p class="price ">
<span>From $24.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('6621144973506', [417505575136, 264299348162, 465573118176, 473594233056])"><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-6621144973506-214', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/cavicide-surface-disinfectant-liquid-spray-bottle-24oz-3-minute', $el, 'template--20337242538208__product-grid-6621144973506-214', 314); }, 0)"
data-id="template--20337242538208__product-grid-6621144973506-214"
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-6621144973506-214', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/cavicide-surface-disinfectant-liquid-spray-bottle-24oz-3-minute', $el, 'template--20337242538208__product-grid-6621144973506-214', 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-6621144973506-214"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "CaviCide Surface Disinfectant Liquid Spray Bottle - 1 minute 24oz",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144973506",
"currencyCode": "CAD",
"price": 2499,
"vendor": "Cavicide"
}
}"
>
<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-214', false, 'Unavailable', '/collections/disinfectants-sanitizers/products/cavicide-surface-disinfectant-liquid-spray-bottle-24oz-3-minute', '6621144973506', false, true, false, 'template--20337242538208__product-grid', '', '', '//emerdepot.com/cdn/shop/files/ca0bfa8b952cb9f030313c7d116bf003_54d657a4-02e9-4034-b120-6e92d397d444.png?v=1763052962', 314)"
x-init="initVariant($el)"
>
<script type="application/json">
[{"id":39611395670210,"title":"1 Bottle","option1":"1 Bottle","option2":null,"option3":null,"sku":"11-5024","requires_shipping":true,"taxable":true,"featured_image":{"id":50420723974368,"product_id":6621144973506,"position":3,"created_at":"2025-11-13T11:56:06-05:00","updated_at":"2025-11-13T11:56:06-05:00","alt":"cavicide-surface-disinfectant-liquid-spray-bottle-24oz-3-minute","width":800,"height":800,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/ca0bfa8b952cb9f030313c7d116bf003_da955ea4-fa7d-43be-bd31-da3d9b2f078f.png?v=1763052966","variant_ids":[39611395670210]},"available":true,"name":"CaviCide Surface Disinfectant Liquid Spray Bottle - 1 minute 24oz - 1 Bottle","public_title":"1 Bottle","options":["1 Bottle"],"price":2499,"weight":726,"compare_at_price":null,"inventory_management":"shopify","barcode":"00615375010204","featured_media":{"alt":"cavicide-surface-disinfectant-liquid-spray-bottle-24oz-3-minute","id":39810383675616,"position":3,"preview_image":{"aspect_ratio":1.0,"height":800,"width":800,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/ca0bfa8b952cb9f030313c7d116bf003_da955ea4-fa7d-43be-bd31-da3d9b2f078f.png?v=1763052966"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39611395702978,"title":"12 Bottle(1Case)","option1":"12 Bottle(1Case)","option2":null,"option3":null,"sku":"11-5024-C","requires_shipping":true,"taxable":true,"featured_image":{"id":50420726989024,"product_id":6621144973506,"position":4,"created_at":"2025-11-13T11:56:09-05:00","updated_at":"2025-11-13T11:56:09-05:00","alt":"cavicide-surface-disinfectant-liquid-spray-bottle-24oz-3-minute","width":800,"height":800,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/ca0bfa8b952cb9f030313c7d116bf003_d5699c8c-39b0-46c3-b7bd-3391e68b576b.png?v=1763052969","variant_ids":[39611395702978]},"available":true,"name":"CaviCide Surface Disinfectant Liquid Spray Bottle - 1 minute 24oz - 12 Bottle(1Case)","public_title":"12 Bottle(1Case)","options":["12 Bottle(1Case)"],"price":19999,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","featured_media":{"alt":"cavicide-surface-disinfectant-liquid-spray-bottle-24oz-3-minute","id":39810385248480,"position":4,"preview_image":{"aspect_ratio":1.0,"height":800,"width":800,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/ca0bfa8b952cb9f030313c7d116bf003_d5699c8c-39b0-46c3-b7bd-3391e68b576b.png?v=1763052969"}},"requires_selling_plan":false,"selling_plan_allocations":[]}]
</script>
<div
id="current-variant-template--20337242538208__product-grid-6621144973506-214"
class="current-variant hidden"
>
39611395670210
</div>
<div
id="variant-update-template--20337242538208__product-grid-214"
class="variant-update-template--20337242538208__product-grid-214 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><b>Fragrance:</b> Fragrance-Free</p><p><b>Brand:</b> CaviCide1™</p><p><b>Feature / Property:</b> Jug, Bleach and Phenol-Free, for Killing Bacteria and Fungi</p><p>

<br></p><p>Packaging : 12 each/case</p><p>Feature / Property : 1min Contact Time, Bleach-Free, Phenol-Free, Multi-Purpose</p><p>Invoice Description</p><p>DISINFECTANT SURFACE 24OZ BOT CAVICIDE1 12EA/CA</p><p>MPN : 11-5024</p><p>

</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-6621144973506-214', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/cavicide-surface-disinfectant-liquid-spray-bottle-24oz-3-minute', $el, 'template--20337242538208__product-grid-6621144973506-214', 314); }, 0)"
data-id="template--20337242538208__product-grid-6621144973506-214"
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-6621144973506-214', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/cavicide-surface-disinfectant-liquid-spray-bottle-24oz-3-minute', $el, 'template--20337242538208__product-grid-6621144973506-214', 314); }, 0)"
data-id="template--20337242538208__product-grid-6621144973506-214"
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/disinfectants-sanitizers/products/cavicide-surface-disinfectant-liquid-spray-bottle-24oz-3-minute', $el, 'template--20337242538208__product-grid-6621144973506-214')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/disinfectants-sanitizers/products/cavicide-surface-disinfectant-liquid-spray-bottle-24oz-3-minute', $el, 'template--20337242538208__product-grid-6621144973506-214')"
@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": "CaviCide Surface Disinfectant Liquid Spray Bottle - 1 minute 24oz",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144973506",
"currencyCode": "CAD",
"price": 2499,
"vendor": "Cavicide"
}
}"
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-215', '/collections/disinfectants-sanitizers/products/cavicide-surface-disinfectant-liquid-2-5-gallon-3-minute', '6621144940738')"

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/disinfectants-sanitizers/products/cavicide-surface-disinfectant-liquid-2-5-gallon-3-minute"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 47339537957088,
"product_id": 6621144940738,
"available": true,
"title": "CaviCide Surface Disinfectant Liquid 2.5L Gallon",
"compare_at_price": 0,
"price": 12400,
"price_with_currency": "$124.00 CAD",
"sale_amount": "$-124.00",
"collections": "||264299348162||465573118176||421878399200||",
"inventory_management": "shopify",
"qty": 0,
"container": "card",
"can_show_preorder": true,
"diff_day_create": 1718.36,
"diff_day_publish": 1718.36

}]"

aria-label="CaviCide Surface Disinfectant Liquid 2.5L Gallon"
id="6621144940738-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/disinfectants-sanitizers/products/cavicide-surface-disinfectant-liquid-2-5-gallon-3-minute')" 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-215--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "CaviCide Surface Disinfectant Liquid 2.5L Gallon",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144940738",
"currencyCode": "CAD",
"price": 12400,
"vendor": "Valuemed"
}
}"
><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/5f05338f6caa29f25818374fe5bf72cf_91c8fc38-8e16-43ca-be64-1209ff11054e.jpg?v=1761679297&width=450 450w,
//emerdepot.com/cdn/shop/files/5f05338f6caa29f25818374fe5bf72cf_91c8fc38-8e16-43ca-be64-1209ff11054e.jpg?v=1761679297&width=750 750w,
//emerdepot.com/cdn/shop/files/5f05338f6caa29f25818374fe5bf72cf_91c8fc38-8e16-43ca-be64-1209ff11054e.jpg?v=1761679297&width=900 900w,
//emerdepot.com/cdn/shop/files/5f05338f6caa29f25818374fe5bf72cf_91c8fc38-8e16-43ca-be64-1209ff11054e.jpg?v=1761679297&width=1100 1100w,
//emerdepot.com/cdn/shop/files/5f05338f6caa29f25818374fe5bf72cf_91c8fc38-8e16-43ca-be64-1209ff11054e.jpg?v=1761679297&width=1500 1500w,//emerdepot.com/cdn/shop/files/5f05338f6caa29f25818374fe5bf72cf_91c8fc38-8e16-43ca-be64-1209ff11054e.jpg?v=1761679297 540w"
src="//emerdepot.com/cdn/shop/files/5f05338f6caa29f25818374fe5bf72cf_91c8fc38-8e16-43ca-be64-1209ff11054e.jpg?v=1761679297&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="cavicide-surface-disinfectant-liquid-2-5-gallon-3-minute"
: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="540"
height="540"
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/5f05338f6caa29f25818374fe5bf72cf.jpg?v=1761679299&width=450 450w,
//emerdepot.com/cdn/shop/files/5f05338f6caa29f25818374fe5bf72cf.jpg?v=1761679299&width=750 750w,
//emerdepot.com/cdn/shop/files/5f05338f6caa29f25818374fe5bf72cf.jpg?v=1761679299&width=900 900w,
//emerdepot.com/cdn/shop/files/5f05338f6caa29f25818374fe5bf72cf.jpg?v=1761679299&width=1100 1100w,
//emerdepot.com/cdn/shop/files/5f05338f6caa29f25818374fe5bf72cf.jpg?v=1761679299&width=1500 1500w,//emerdepot.com/cdn/shop/files/5f05338f6caa29f25818374fe5bf72cf.jpg?v=1761679299 540w"
src="//emerdepot.com/cdn/shop/files/5f05338f6caa29f25818374fe5bf72cf.jpg?v=1761679299&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="cavicide-surface-disinfectant-liquid-2-5-gallon-3-minute"
: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="540"
height="540"
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="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">Valuemed</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-6621144940738">
<a href="/collections/disinfectants-sanitizers/products/cavicide-surface-disinfectant-liquid-2-5-gallon-3-minute"
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": "CaviCide Surface Disinfectant Liquid 2.5L Gallon",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144940738",
"currencyCode": "CAD",
"price": 12400,
"vendor": "Valuemed"
}
}"
>
CaviCide Surface Disinfectant Liquid 2.5L Gallon
</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="6621144940738"> </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="6621144940738" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">12400</div><p class="price ">
<span>$124.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('6621144940738', [264299348162, 465573118176, 421878399200])"><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-option6621144940738315" 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="47339537957088">

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

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

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "CaviCide Surface Disinfectant Liquid 2.5L Gallon",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144940738",
"currencyCode": "CAD",
"price": 12400,
"vendor": "Valuemed"
}
}"
>
<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="6621144940738" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-6621144940738-template--20337242538208__product-grid-215"
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">Valuemed</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-6621144940738">
<a href="/collections/disinfectants-sanitizers/products/cavicide-surface-disinfectant-liquid-2-5-gallon-3-minute"
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": "CaviCide Surface Disinfectant Liquid 2.5L Gallon",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144940738",
"currencyCode": "CAD",
"price": 12400,
"vendor": "Valuemed"
}
}"
>
CaviCide Surface Disinfectant Liquid 2.5L Gallon
</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="6621144940738"> </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="6621144940738" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">12400</div><p class="price ">
<span>$124.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('6621144940738', [264299348162, 465573118176, 421878399200])"><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-option6621144940738315" 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="47339537957088">

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

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

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "CaviCide Surface Disinfectant Liquid 2.5L Gallon",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144940738",
"currencyCode": "CAD",
"price": 12400,
"vendor": "Valuemed"
}
}"
>
<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="6621144940738" /><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/cavicide-surface-disinfectant-liquid-2-5-gallon-3-minute');
});"></div>
<div
id="current-variant-template--20337242538208__product-grid-6621144940738-215"
class="current-variant hidden"
>
47339537957088
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<p><strong>Surface Disinfectant/Decontaminant Cleaner</strong></p>
<p>CaviCide is a convenient, ready-to-use, intermediate-level surface disinfectant effective against TB, HCV, bacteria (including MRSA and VRE), and fungi. It is safe for all areas of the facility including the NICU, operating rooms, isolation rooms, patient care areas, and laboratories. When used as directed, it will effectively clean and decontaminate critical and semi-critical instrumentation.</p>
<p>CaviCide is safe for use on non-porous surfaces. It is perfect for cleaning and decontamination of environmental and medical device surfaces.</p>
<p class="h3">CaviCide Kill Claims:<br>
</h3>
<ul>
<li>3 minutes</li>
<li>Mycobacterium tuberculosis var: bovis (BCG)</li>
<li>Staphylococcus aureus</li>
<li>Pseudomonas aeruginosa</li>
<li>Salmonella choleraesuis</li>
<li>Trichophyton mentagrophytes</li>
<li>Methicillin-Resistant Staphylococcus aureus (MRSA)</li>
<li>Vancomycin-resistant Enterococcus faecalis (VRE)</li>
<li>Staphylococcus aureus with reduced susceptibility to vancomycin</li>
<li>Hepatitis C Virus (HCV)</li>
<li>Herpes Simplex Virus Types 1 and 2</li>
<li>Influenza A2 Virus</li>
<li><span>Human immunodeficiency viruses(HIV)</span></li>
<li>Multi-Drug Resistant (MDR) Acinetobacter baumannii</li>
<li>Klebsiella pneumoniae</li>
<li>Bordetella pertussis</li>
<li>Extended Spectrum ÃƒÅ¸-lactamase Escherichia coli (ESBL)</li>
<li>Candida albicans</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-option6621144940738315" 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="47339537957088">

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

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-6621144940738-215"
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">Pre-order</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="6621144940738" /><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-option6621144940738315" 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="47339537957088">

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

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

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "CaviCide Surface Disinfectant Liquid 2.5L Gallon",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144940738",
"currencyCode": "CAD",
"price": 12400,
"vendor": "Valuemed"
}
}"
>
<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="6621144940738" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div><button
x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/disinfectants-sanitizers/products/cavicide-surface-disinfectant-liquid-2-5-gallon-3-minute', $el, 'template--20337242538208__product-grid-6621144940738-215')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/disinfectants-sanitizers/products/cavicide-surface-disinfectant-liquid-2-5-gallon-3-minute', $el, 'template--20337242538208__product-grid-6621144940738-215')"
@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": "CaviCide Surface Disinfectant Liquid 2.5L Gallon",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144940738",
"currencyCode": "CAD",
"price": 12400,
"vendor": "Valuemed"
}
}"
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-216', '/collections/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-liquid-1-gallon-size-3-minute', '6621144842434')"

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/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-liquid-1-gallon-size-3-minute"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 43706665763040,
"product_id": 6621144842434,
"available": true,
"title": "CaviCide Surface Disinfectant Liquid 3 Minute | 3.8L | 11-1000",
"compare_at_price": 5200,
"price": 4499,
"price_with_currency": "$44.99 CAD",
"sale_amount": "$7.01",
"collections": "||417505575136||479371755744||264299348162||462002356448||465573118176||473594233056||",
"inventory_management": "shopify",
"qty": 13,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1718.36,
"diff_day_publish": 1718.36

},{
"variant_id": 43706665795808,
"product_id": 6621144842434,
"available": true,
"title": "CaviCide Surface Disinfectant Liquid 3 Minute | 3.8L | 11-1000",
"compare_at_price": 0,
"price": 15999,
"price_with_currency": "$159.99 CAD",
"sale_amount": "$-159.99",
"collections": "||417505575136||479371755744||264299348162||462002356448||465573118176||473594233056||",
"inventory_management": "shopify",
"qty": 14,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1718.36,
"diff_day_publish": 1718.36

}]"

aria-label="CaviCide Surface Disinfectant Liquid 3 Minute | 3.8L | 11-1000"
id="6621144842434-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/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-liquid-1-gallon-size-3-minute')" 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-216--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "CaviCide Surface Disinfectant Liquid 3 Minute | 3.8L | 11-1000",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144842434",
"currencyCode": "CAD",
"price": 4499,
"vendor": "Cavicide"
}
}"
><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/60889c3e7c9d60b6da46fc4d165fd32c_82faccfc-89d3-474f-8526-b933c291d9f4.jpg?v=1763058327&width=450 450w,
//emerdepot.com/cdn/shop/files/60889c3e7c9d60b6da46fc4d165fd32c_82faccfc-89d3-474f-8526-b933c291d9f4.jpg?v=1763058327&width=750 750w,
//emerdepot.com/cdn/shop/files/60889c3e7c9d60b6da46fc4d165fd32c_82faccfc-89d3-474f-8526-b933c291d9f4.jpg?v=1763058327&width=900 900w,
//emerdepot.com/cdn/shop/files/60889c3e7c9d60b6da46fc4d165fd32c_82faccfc-89d3-474f-8526-b933c291d9f4.jpg?v=1763058327&width=1100 1100w,
//emerdepot.com/cdn/shop/files/60889c3e7c9d60b6da46fc4d165fd32c_82faccfc-89d3-474f-8526-b933c291d9f4.jpg?v=1763058327&width=1500 1500w,//emerdepot.com/cdn/shop/files/60889c3e7c9d60b6da46fc4d165fd32c_82faccfc-89d3-474f-8526-b933c291d9f4.jpg?v=1763058327 540w"
src="//emerdepot.com/cdn/shop/files/60889c3e7c9d60b6da46fc4d165fd32c_82faccfc-89d3-474f-8526-b933c291d9f4.jpg?v=1763058327&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="cavicide1-surface-disinfectant-liquid-1-gallon-size-3-minute"
: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="540"
height="540"
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/60889c3e7c9d60b6da46fc4d165fd32c.jpg?v=1763058329&width=450 450w,
//emerdepot.com/cdn/shop/files/60889c3e7c9d60b6da46fc4d165fd32c.jpg?v=1763058329&width=750 750w,
//emerdepot.com/cdn/shop/files/60889c3e7c9d60b6da46fc4d165fd32c.jpg?v=1763058329&width=900 900w,
//emerdepot.com/cdn/shop/files/60889c3e7c9d60b6da46fc4d165fd32c.jpg?v=1763058329&width=1100 1100w,
//emerdepot.com/cdn/shop/files/60889c3e7c9d60b6da46fc4d165fd32c.jpg?v=1763058329&width=1500 1500w,//emerdepot.com/cdn/shop/files/60889c3e7c9d60b6da46fc4d165fd32c.jpg?v=1763058329 540w"
src="//emerdepot.com/cdn/shop/files/60889c3e7c9d60b6da46fc4d165fd32c.jpg?v=1763058329&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="cavicide1-surface-disinfectant-liquid-1-gallon-size-3-minute"
: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="540"
height="540"
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">
13% 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">Cavicide</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-6621144842434">
<a href="/collections/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-liquid-1-gallon-size-3-minute"
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": "CaviCide Surface Disinfectant Liquid 3 Minute | 3.8L | 11-1000",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144842434",
"currencyCode": "CAD",
"price": 4499,
"vendor": "Cavicide"
}
}"
>
CaviCide Surface Disinfectant Liquid 3 Minute | 3.8L | 11-1000
</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="6621144842434"> </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="6621144842434" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">4499</div>
<div class="">
<small class="cap rtl:inline-block">
<s class="rtl:leading-tight">$52.00 CAD</s>
</small><span class="price-sale selection:bg-text-[rgb(var(--colors-price-sale),0.2)] ml-1 rtl:mr-1 rtl:ml-0">From $44.99 CAD</span>
</div><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('6621144842434', [417505575136, 479371755744, 264299348162, 462002356448, 465573118176, 473594233056])"><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-6621144842434-216', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-liquid-1-gallon-size-3-minute', $el, 'template--20337242538208__product-grid-6621144842434-216', 316); }, 0)"
data-id="template--20337242538208__product-grid-6621144842434-216"
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-6621144842434-216', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-liquid-1-gallon-size-3-minute', $el, 'template--20337242538208__product-grid-6621144842434-216', 316); }, 0)"
class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
data-id="template--20337242538208__product-grid-6621144842434-216"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "CaviCide Surface Disinfectant Liquid 3 Minute | 3.8L | 11-1000",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144842434",
"currencyCode": "CAD",
"price": 4499,
"vendor": "Cavicide"
}
}"
>
<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-6621144842434-216"
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-6621144842434-template--20337242538208__product-grid-216"
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">Cavicide</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-6621144842434">
<a href="/collections/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-liquid-1-gallon-size-3-minute"
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": "CaviCide Surface Disinfectant Liquid 3 Minute | 3.8L | 11-1000",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144842434",
"currencyCode": "CAD",
"price": 4499,
"vendor": "Cavicide"
}
}"
>
CaviCide Surface Disinfectant Liquid 3 Minute | 3.8L | 11-1000
</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="6621144842434"> </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="6621144842434" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">4499</div>
<div class="">
<small class="cap rtl:inline-block">
<s class="rtl:leading-tight">$52.00 CAD</s>
</small><span class="price-sale selection:bg-text-[rgb(var(--colors-price-sale),0.2)] ml-1 rtl:mr-1 rtl:ml-0">From $44.99 CAD</span>
</div><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('6621144842434', [417505575136, 479371755744, 264299348162, 462002356448, 465573118176, 473594233056])"><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-6621144842434-216', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-liquid-1-gallon-size-3-minute', $el, 'template--20337242538208__product-grid-6621144842434-216', 316); }, 0)"
data-id="template--20337242538208__product-grid-6621144842434-216"
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-6621144842434-216', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-liquid-1-gallon-size-3-minute', $el, 'template--20337242538208__product-grid-6621144842434-216', 316); }, 0)"
class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
data-id="template--20337242538208__product-grid-6621144842434-216"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "CaviCide Surface Disinfectant Liquid 3 Minute | 3.8L | 11-1000",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144842434",
"currencyCode": "CAD",
"price": 4499,
"vendor": "Cavicide"
}
}"
>
<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-216', false, 'Unavailable', '/collections/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-liquid-1-gallon-size-3-minute', '6621144842434', false, true, false, 'template--20337242538208__product-grid', '', '', '//emerdepot.com/cdn/shop/files/60889c3e7c9d60b6da46fc4d165fd32c_82faccfc-89d3-474f-8526-b933c291d9f4.jpg?v=1763058327', 316)"
x-init="initVariant($el)"
>
<script type="application/json">
[{"id":43706665763040,"title":"1 Gallon","option1":"1 Gallon","option2":null,"option3":null,"sku":"11-1000","requires_shipping":true,"taxable":true,"featured_image":{"id":50421898739936,"product_id":6621144842434,"position":3,"created_at":"2025-11-13T13:25:32-05:00","updated_at":"2025-11-13T13:25:32-05:00","alt":"cavicide1-surface-disinfectant-liquid-1-gallon-size-3-minute","width":540,"height":540,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/60889c3e7c9d60b6da46fc4d165fd32c_dca47eff-388f-49ea-a2c5-ab9cd4518889.jpg?v=1763058332","variant_ids":[43706665763040]},"available":true,"name":"CaviCide Surface Disinfectant Liquid 3 Minute | 3.8L | 11-1000 - 1 Gallon","public_title":"1 Gallon","options":["1 Gallon"],"price":4499,"weight":0,"compare_at_price":5200,"inventory_management":"shopify","barcode":"00615375009697","featured_media":{"alt":"cavicide1-surface-disinfectant-liquid-1-gallon-size-3-minute","id":39811531964640,"position":3,"preview_image":{"aspect_ratio":1.0,"height":540,"width":540,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/60889c3e7c9d60b6da46fc4d165fd32c_dca47eff-388f-49ea-a2c5-ab9cd4518889.jpg?v=1763058332"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":43706665795808,"title":"1 Case ( 4 Gallons)","option1":"1 Case ( 4 Gallons)","option2":null,"option3":null,"sku":"11-1000-C","requires_shipping":true,"taxable":true,"featured_image":{"id":50421899362528,"product_id":6621144842434,"position":4,"created_at":"2025-11-13T13:25:34-05:00","updated_at":"2025-11-13T13:25:34-05:00","alt":"cavicide1-surface-disinfectant-liquid-1-gallon-size-3-minute","width":540,"height":540,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/60889c3e7c9d60b6da46fc4d165fd32c_834ce1ca-a021-4263-b7c7-290ea4fae094.jpg?v=1763058334","variant_ids":[43706665795808]},"available":true,"name":"CaviCide Surface Disinfectant Liquid 3 Minute | 3.8L | 11-1000 - 1 Case ( 4 Gallons)","public_title":"1 Case ( 4 Gallons)","options":["1 Case ( 4 Gallons)"],"price":15999,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","featured_media":{"alt":"cavicide1-surface-disinfectant-liquid-1-gallon-size-3-minute","id":39811532554464,"position":4,"preview_image":{"aspect_ratio":1.0,"height":540,"width":540,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/60889c3e7c9d60b6da46fc4d165fd32c_834ce1ca-a021-4263-b7c7-290ea4fae094.jpg?v=1763058334"}},"requires_selling_plan":false,"selling_plan_allocations":[]}]
</script>
<div
id="current-variant-template--20337242538208__product-grid-6621144842434-216"
class="current-variant hidden"
>
43706665763040
</div>
<div
id="variant-update-template--20337242538208__product-grid-216"
class="variant-update-template--20337242538208__product-grid-216 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>CaviCide is a convenient, ready-to-use, intermediate-level surface disinfectant effective against <strong>TB, HCV, bacteria (including MRSA and VRE), and fungi</strong>. It is safe for all areas of the facility including the <em><strong>NICU, operating rooms, isolation rooms, patient care areas, and laboratories</strong>.</em> When used as directed, it will effectively clean and decontaminate critical and semi-critical instrumentation. CaviCide is safe for use on non-porous surfaces. It is perfect for cleaning and decontamination of environmental and medical device surfaces.</p>
<p class="h3">CaviCide Kill Claims in 3 minutes</h3>
<ul>
<li>Mycobacterium tuberculosis var: Bovis (BCG)</li>
<li>Staphylococcus aureus<br>
</li>
<li>Pseudomonas aeruginosa<br>
</li>
<li>Salmonella choleraesuis<br>
</li>
<li>Trichophyton mentagrophytes<br>
</li>
<li>Methicillin-resistant Staphylococcus aureus (MRSA)<br>
</li>
<li>Vancomycin-resistant Enterococcus faecalis (VRE)<br>
</li>
<li>Staphylococcus aureus with reduced susceptibility to vancomycin<br>
</li>
<li>Hepatitis C Virus (HCV)<br>
</li>
<li>Herpes Simplex Virus Types 1 and 2</li>
<li><span>Human immunodeficiency viruses(HIV)</span></li>
<li>Human Coronavirus (not associated with Severe Acute Respiratory Syndrome or SARS)<br>
</li>
<li>Influenza A2 Virus<br>
</li>
<li>Klebsiella pneumoniae<br>
</li>
<li>Bordetella pertussis<br>
</li>
<li>Extended Spectrum ÃŸ-lactamase Escherichia coli (ESBL)<br>
</li>
<li>Candida albicans<br>
</li>
</ul>
<br>
</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-6621144842434-216', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-liquid-1-gallon-size-3-minute', $el, 'template--20337242538208__product-grid-6621144842434-216', 316); }, 0)"
data-id="template--20337242538208__product-grid-6621144842434-216"
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-6621144842434-216', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-liquid-1-gallon-size-3-minute', $el, 'template--20337242538208__product-grid-6621144842434-216', 316); }, 0)"
data-id="template--20337242538208__product-grid-6621144842434-216"
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/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-liquid-1-gallon-size-3-minute', $el, 'template--20337242538208__product-grid-6621144842434-216')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-liquid-1-gallon-size-3-minute', $el, 'template--20337242538208__product-grid-6621144842434-216')"
@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": "CaviCide Surface Disinfectant Liquid 3 Minute | 3.8L | 11-1000",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144842434",
"currencyCode": "CAD",
"price": 4499,
"vendor": "Cavicide"
}
}"
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-217', '/collections/disinfectants-sanitizers/products/caviwipes-surface-disinfectant-wipes-3-minute-large', '6621144907970')"

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/disinfectants-sanitizers/products/caviwipes-surface-disinfectant-wipes-3-minute-large"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 47666261491936,
"product_id": 6621144907970,
"available": true,
"title": "CaviWipes Surface Disinfectant XL | 1 Minute | 9&quot; x 12&quot; | 65/tub | 11-5150",
"compare_at_price": 0,
"price": 2795,
"price_with_currency": "$27.95 CAD",
"sale_amount": "$-27.95",
"collections": "||264299348162||465573118176||421878399200||",
"inventory_management": "shopify",
"qty": 0,
"container": "card",
"can_show_preorder": true,
"diff_day_create": 1718.36,
"diff_day_publish": 1718.36

}]"

aria-label="CaviWipes Surface Disinfectant XL | 1 Minute | 9" x 12" | 65/tub | 11-5150"
id="6621144907970-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/disinfectants-sanitizers/products/caviwipes-surface-disinfectant-wipes-3-minute-large')" 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-217--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "CaviWipes Surface Disinfectant XL | 1 Minute | 9&quot; x 12&quot; | 65/tub | 11-5150",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144907970",
"currencyCode": "CAD",
"price": 2795,
"vendor": "Caviwipes"
}
}"
><div
class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
@touchstart="onTouchStart($event)"
@touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
@touchmove="onTouchMove($event)"
></div>
<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
>

<picture>
<img
srcset="//emerdepot.com/cdn/shop/files/7d55c6d08044e5554b92806657f8e4cc_8ec0e5f1-c776-4172-9a8f-4fa00ac78233.jpg?v=1761679295&width=450 450w,
//emerdepot.com/cdn/shop/files/7d55c6d08044e5554b92806657f8e4cc_8ec0e5f1-c776-4172-9a8f-4fa00ac78233.jpg?v=1761679295&width=750 750w,
//emerdepot.com/cdn/shop/files/7d55c6d08044e5554b92806657f8e4cc_8ec0e5f1-c776-4172-9a8f-4fa00ac78233.jpg?v=1761679295&width=900 900w,
//emerdepot.com/cdn/shop/files/7d55c6d08044e5554b92806657f8e4cc_8ec0e5f1-c776-4172-9a8f-4fa00ac78233.jpg?v=1761679295&width=1100 1100w,
//emerdepot.com/cdn/shop/files/7d55c6d08044e5554b92806657f8e4cc_8ec0e5f1-c776-4172-9a8f-4fa00ac78233.jpg?v=1761679295&width=1500 1500w,//emerdepot.com/cdn/shop/files/7d55c6d08044e5554b92806657f8e4cc_8ec0e5f1-c776-4172-9a8f-4fa00ac78233.jpg?v=1761679295 366w"
src="//emerdepot.com/cdn/shop/files/7d55c6d08044e5554b92806657f8e4cc_8ec0e5f1-c776-4172-9a8f-4fa00ac78233.jpg?v=1761679295&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="caviwipes-surface-disinfectant-wipes-3-minute-large"
: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="366"
height="366"
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/7d55c6d08044e5554b92806657f8e4cc_9f06d466-088d-4200-85e4-b146bc89fe60.jpg?v=1761679296&width=450 450w,
//emerdepot.com/cdn/shop/files/7d55c6d08044e5554b92806657f8e4cc_9f06d466-088d-4200-85e4-b146bc89fe60.jpg?v=1761679296&width=750 750w,
//emerdepot.com/cdn/shop/files/7d55c6d08044e5554b92806657f8e4cc_9f06d466-088d-4200-85e4-b146bc89fe60.jpg?v=1761679296&width=900 900w,
//emerdepot.com/cdn/shop/files/7d55c6d08044e5554b92806657f8e4cc_9f06d466-088d-4200-85e4-b146bc89fe60.jpg?v=1761679296&width=1100 1100w,
//emerdepot.com/cdn/shop/files/7d55c6d08044e5554b92806657f8e4cc_9f06d466-088d-4200-85e4-b146bc89fe60.jpg?v=1761679296&width=1500 1500w,//emerdepot.com/cdn/shop/files/7d55c6d08044e5554b92806657f8e4cc_9f06d466-088d-4200-85e4-b146bc89fe60.jpg?v=1761679296 366w"
src="//emerdepot.com/cdn/shop/files/7d55c6d08044e5554b92806657f8e4cc_9f06d466-088d-4200-85e4-b146bc89fe60.jpg?v=1761679296&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="caviwipes-surface-disinfectant-wipes-3-minute-large"
: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="366"
height="366"
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="md:list-layout:hidden">
<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">Caviwipes</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-6621144907970">
<a href="/collections/disinfectants-sanitizers/products/caviwipes-surface-disinfectant-wipes-3-minute-large"
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": "CaviWipes Surface Disinfectant XL | 1 Minute | 9&quot; x 12&quot; | 65/tub | 11-5150",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144907970",
"currencyCode": "CAD",
"price": 2795,
"vendor": "Caviwipes"
}
}"
>
CaviWipes Surface Disinfectant XL | 1 Minute | 9" x 12" | 65/tub | 11-5150
</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="6621144907970"> </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="6621144907970" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">2795</div><p class="price ">
<span>$27.95 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('6621144907970', [264299348162, 465573118176, 421878399200])"><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-option6621144907970317" 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="47666261491936">

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

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

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "CaviWipes Surface Disinfectant XL | 1 Minute | 9&quot; x 12&quot; | 65/tub | 11-5150",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144907970",
"currencyCode": "CAD",
"price": 2795,
"vendor": "Caviwipes"
}
}"
>
<span>Add to cart</span>

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

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

</div>
<div
id="x-product-template-6621144907970-template--20337242538208__product-grid-217"
class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
> <div class="bss-qb-collection-table"></div><div class="bss-b2b-qb-table"></div>
<div class="hidden md:list-layout:block">

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

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">Caviwipes</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-6621144907970">
<a href="/collections/disinfectants-sanitizers/products/caviwipes-surface-disinfectant-wipes-3-minute-large"
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": "CaviWipes Surface Disinfectant XL | 1 Minute | 9&quot; x 12&quot; | 65/tub | 11-5150",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144907970",
"currencyCode": "CAD",
"price": 2795,
"vendor": "Caviwipes"
}
}"
>
CaviWipes Surface Disinfectant XL | 1 Minute | 9" x 12" | 65/tub | 11-5150
</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="6621144907970"> </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="6621144907970" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">2795</div><p class="price ">
<span>$27.95 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('6621144907970', [264299348162, 465573118176, 421878399200])"><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-option6621144907970317" 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="47666261491936">

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

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

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "CaviWipes Surface Disinfectant XL | 1 Minute | 9&quot; x 12&quot; | 65/tub | 11-5150",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144907970",
"currencyCode": "CAD",
"price": 2795,
"vendor": "Caviwipes"
}
}"
>
<span>Add to cart</span>

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

</span>
</button><input type="hidden" name="product-id" value="6621144907970" /><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/caviwipes-surface-disinfectant-wipes-3-minute-large');
});"></div>
<div
id="current-variant-template--20337242538208__product-grid-6621144907970-217"
class="current-variant hidden"
>
47666261491936
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<p>Qty-65/tub<br><br>CaviWipes is a cleaner and disinfectant in one. CaviWipes are durable, nonwoven, nonabrasive towelettes that offer quick, easy-to-use, time-saving convenience. They're recommended for use on non-porous surfaces and fixtures.</p>
<p>CaviWipes is ideal for operating rooms, surgical centers, neonatal units, medical and dental operatories, and other critical-care areas.</p>
<ul>
<li> For use on hard non-porous surfaces</li>
<li>Durable, nonwoven towels won’t bunch up during use</li>
<li>Flat Packs minimize storage space, unclutter counter space, and are resealable</li>
</ul>
<p><strong>CaviWipes 3-minute kill claims:</strong></p>
<ul>
<li>Mycobacterium tuberculosis var: bovis (BCG) (TB)</li>
<li>Staphylococcus aureus</li>
<li>Pseudomonas aeruginosa</li>
<li>Salmonella enterica</li>
<li>Klebsiella pneumoniae</li>
<li>Bordetella pertussis</li>
<li>Trichophyton mentagrophytes</li>
<li>Candida albicans</li>
<li>Multi-Drug Resistant (MDR) Acinetobacter baumannii</li>
<li>Extended Spectrum ß–lactamase Escherichia coli (ESBL)</li>
<li>Methicillin-Resistant Staphylococcus aureus (MRSA)</li>
<li>Vancomycin-Resistant Enterococcus faecalis (VRE)</li>
<li>Staphylococcus aureus with reduced susceptibility to vancomycin</li>
<li>Hepatitis C Virus (HCV)</li>
<li>Herpes Simplex Virus Types 1 and 2</li>
<li>Human Coronavirus (not associated with Severe Acute Respiratory Syndrome or SARS)<br>
</li>
<li>Influenza A2 Virus</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-option6621144907970317" 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="47666261491936">

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

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-6621144907970-217"
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">Pre-order</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="6621144907970" /><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-option6621144907970317" 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="47666261491936">

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

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

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "CaviWipes Surface Disinfectant XL | 1 Minute | 9&quot; x 12&quot; | 65/tub | 11-5150",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144907970",
"currencyCode": "CAD",
"price": 2795,
"vendor": "Caviwipes"
}
}"
>
<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="6621144907970" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div><button
x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/disinfectants-sanitizers/products/caviwipes-surface-disinfectant-wipes-3-minute-large', $el, 'template--20337242538208__product-grid-6621144907970-217')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/disinfectants-sanitizers/products/caviwipes-surface-disinfectant-wipes-3-minute-large', $el, 'template--20337242538208__product-grid-6621144907970-217')"
@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": "CaviWipes Surface Disinfectant XL | 1 Minute | 9&quot; x 12&quot; | 65/tub | 11-5150",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144907970",
"currencyCode": "CAD",
"price": 2795,
"vendor": "Caviwipes"
}
}"
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-218', '/collections/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-1-gallon', '6621144809666')"

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/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-1-gallon"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 43706647642336,
"product_id": 6621144809666,
"available": true,
"title": "CaviCide Surface Disinfectant Liquid 1 Minute | 3.7L | 11-5001",
"compare_at_price": 0,
"price": 6999,
"price_with_currency": "$69.99 CAD",
"sale_amount": "$-69.99",
"collections": "||417505575136||264299348162||465573118176||473594233056||",
"inventory_management": "shopify",
"qty": 6,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1718.36,
"diff_day_publish": 1237.26

},{
"variant_id": 43706647707872,
"product_id": 6621144809666,
"available": true,
"title": "CaviCide Surface Disinfectant Liquid 1 Minute | 3.7L | 11-5001",
"compare_at_price": 0,
"price": 22999,
"price_with_currency": "$229.99 CAD",
"sale_amount": "$-229.99",
"collections": "||417505575136||264299348162||465573118176||473594233056||",
"inventory_management": "shopify",
"qty": 6,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1718.36,
"diff_day_publish": 1237.26

}]"

aria-label="CaviCide Surface Disinfectant Liquid 1 Minute | 3.7L | 11-5001"
id="6621144809666-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/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-1-gallon')" 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-218--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "CaviCide Surface Disinfectant Liquid 1 Minute | 3.7L | 11-5001",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144809666",
"currencyCode": "CAD",
"price": 6999,
"vendor": "Cavicide"
}
}"
><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/39d84c3cdd984e3c1b6b5d397dae2aa8.jpg?v=1763057813&width=450 450w,
//emerdepot.com/cdn/shop/files/39d84c3cdd984e3c1b6b5d397dae2aa8.jpg?v=1763057813&width=750 750w,
//emerdepot.com/cdn/shop/files/39d84c3cdd984e3c1b6b5d397dae2aa8.jpg?v=1763057813&width=900 900w,
//emerdepot.com/cdn/shop/files/39d84c3cdd984e3c1b6b5d397dae2aa8.jpg?v=1763057813&width=1100 1100w,
//emerdepot.com/cdn/shop/files/39d84c3cdd984e3c1b6b5d397dae2aa8.jpg?v=1763057813&width=1500 1500w,//emerdepot.com/cdn/shop/files/39d84c3cdd984e3c1b6b5d397dae2aa8.jpg?v=1763057813 366w"
src="//emerdepot.com/cdn/shop/files/39d84c3cdd984e3c1b6b5d397dae2aa8.jpg?v=1763057813&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="cavicide1-surface-disinfectant-1-gallon"
: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="366"
height="366"
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/39d84c3cdd984e3c1b6b5d397dae2aa8_2bfc6585-8184-4750-a166-4730dfe7c3e6.jpg?v=1763057815&width=450 450w,
//emerdepot.com/cdn/shop/files/39d84c3cdd984e3c1b6b5d397dae2aa8_2bfc6585-8184-4750-a166-4730dfe7c3e6.jpg?v=1763057815&width=750 750w,
//emerdepot.com/cdn/shop/files/39d84c3cdd984e3c1b6b5d397dae2aa8_2bfc6585-8184-4750-a166-4730dfe7c3e6.jpg?v=1763057815&width=900 900w,
//emerdepot.com/cdn/shop/files/39d84c3cdd984e3c1b6b5d397dae2aa8_2bfc6585-8184-4750-a166-4730dfe7c3e6.jpg?v=1763057815&width=1100 1100w,
//emerdepot.com/cdn/shop/files/39d84c3cdd984e3c1b6b5d397dae2aa8_2bfc6585-8184-4750-a166-4730dfe7c3e6.jpg?v=1763057815&width=1500 1500w,//emerdepot.com/cdn/shop/files/39d84c3cdd984e3c1b6b5d397dae2aa8_2bfc6585-8184-4750-a166-4730dfe7c3e6.jpg?v=1763057815 366w"
src="//emerdepot.com/cdn/shop/files/39d84c3cdd984e3c1b6b5d397dae2aa8_2bfc6585-8184-4750-a166-4730dfe7c3e6.jpg?v=1763057815&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="cavicide1-surface-disinfectant-1-gallon"
: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="366"
height="366"
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="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">Cavicide</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-6621144809666">
<a href="/collections/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-1-gallon"
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": "CaviCide Surface Disinfectant Liquid 1 Minute | 3.7L | 11-5001",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144809666",
"currencyCode": "CAD",
"price": 6999,
"vendor": "Cavicide"
}
}"
>
CaviCide Surface Disinfectant Liquid 1 Minute | 3.7L | 11-5001
</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="6621144809666"> </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="6621144809666" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">6999</div><p class="price ">
<span>From $69.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('6621144809666', [417505575136, 264299348162, 465573118176, 473594233056])"><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-6621144809666-218', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-1-gallon', $el, 'template--20337242538208__product-grid-6621144809666-218', 318); }, 0)"
data-id="template--20337242538208__product-grid-6621144809666-218"
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-6621144809666-218', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-1-gallon', $el, 'template--20337242538208__product-grid-6621144809666-218', 318); }, 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-6621144809666-218"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "CaviCide Surface Disinfectant Liquid 1 Minute | 3.7L | 11-5001",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144809666",
"currencyCode": "CAD",
"price": 6999,
"vendor": "Cavicide"
}
}"
>
<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-6621144809666-218"
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-6621144809666-template--20337242538208__product-grid-218"
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">Cavicide</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-6621144809666">
<a href="/collections/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-1-gallon"
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": "CaviCide Surface Disinfectant Liquid 1 Minute | 3.7L | 11-5001",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144809666",
"currencyCode": "CAD",
"price": 6999,
"vendor": "Cavicide"
}
}"
>
CaviCide Surface Disinfectant Liquid 1 Minute | 3.7L | 11-5001
</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="6621144809666"> </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="6621144809666" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">6999</div><p class="price ">
<span>From $69.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('6621144809666', [417505575136, 264299348162, 465573118176, 473594233056])"><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-6621144809666-218', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-1-gallon', $el, 'template--20337242538208__product-grid-6621144809666-218', 318); }, 0)"
data-id="template--20337242538208__product-grid-6621144809666-218"
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-6621144809666-218', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-1-gallon', $el, 'template--20337242538208__product-grid-6621144809666-218', 318); }, 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-6621144809666-218"
:class="errorMessage && 'opacity-60 cursor-not-allowed'"

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "CaviCide Surface Disinfectant Liquid 1 Minute | 3.7L | 11-5001",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144809666",
"currencyCode": "CAD",
"price": 6999,
"vendor": "Cavicide"
}
}"
>
<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-218', false, 'Unavailable', '/collections/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-1-gallon', '6621144809666', false, true, false, 'template--20337242538208__product-grid', '', '', '//emerdepot.com/cdn/shop/files/39d84c3cdd984e3c1b6b5d397dae2aa8.jpg?v=1763057813', 318)"
x-init="initVariant($el)"
>
<script type="application/json">
[{"id":43706647642336,"title":"1 Gallon","option1":"1 Gallon","option2":null,"option3":null,"sku":"11-5001","requires_shipping":true,"taxable":true,"featured_image":{"id":50421820424416,"product_id":6621144809666,"position":3,"created_at":"2025-11-13T13:16:57-05:00","updated_at":"2025-11-13T13:16:57-05:00","alt":"cavicide1-surface-disinfectant-1-gallon","width":366,"height":366,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/39d84c3cdd984e3c1b6b5d397dae2aa8_36c4cce5-31a0-4149-adec-dec307ba7ea1.jpg?v=1763057817","variant_ids":[43706647642336]},"available":true,"name":"CaviCide Surface Disinfectant Liquid 1 Minute | 3.7L | 11-5001 - 1 Gallon","public_title":"1 Gallon","options":["1 Gallon"],"price":6999,"weight":3629,"compare_at_price":null,"inventory_management":"shopify","barcode":"00615375010198","featured_media":{"alt":"cavicide1-surface-disinfectant-1-gallon","id":39811458957536,"position":3,"preview_image":{"aspect_ratio":1.0,"height":366,"width":366,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/39d84c3cdd984e3c1b6b5d397dae2aa8_36c4cce5-31a0-4149-adec-dec307ba7ea1.jpg?v=1763057817"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":43706647707872,"title":"1 Case (4 Gallons)","option1":"1 Case (4 Gallons)","option2":null,"option3":null,"sku":"11-5001-C","requires_shipping":true,"taxable":true,"featured_image":{"id":50421821571296,"product_id":6621144809666,"position":4,"created_at":"2025-11-13T13:17:00-05:00","updated_at":"2025-11-13T13:17:00-05:00","alt":"cavicide1-surface-disinfectant-1-gallon","width":366,"height":366,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/39d84c3cdd984e3c1b6b5d397dae2aa8_442b969c-4fd3-4789-b335-1f5913062611.jpg?v=1763057820","variant_ids":[43706647707872]},"available":true,"name":"CaviCide Surface Disinfectant Liquid 1 Minute | 3.7L | 11-5001 - 1 Case (4 Gallons)","public_title":"1 Case (4 Gallons)","options":["1 Case (4 Gallons)"],"price":22999,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","featured_media":{"alt":"cavicide1-surface-disinfectant-1-gallon","id":39811460071648,"position":4,"preview_image":{"aspect_ratio":1.0,"height":366,"width":366,"src":"\/\/emerdepot.com\/cdn\/shop\/files\/39d84c3cdd984e3c1b6b5d397dae2aa8_442b969c-4fd3-4789-b335-1f5913062611.jpg?v=1763057820"}},"requires_selling_plan":false,"selling_plan_allocations":[]}]
</script>
<div
id="current-variant-template--20337242538208__product-grid-6621144809666-218"
class="current-variant hidden"
>
43706647642336
</div>
<div
id="variant-update-template--20337242538208__product-grid-218"
class="variant-update-template--20337242538208__product-grid-218 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><span style="font-weight: 400;" data-mce-style="font-weight: 400;">CaviCide1 and CaviWipes1 are the ONLY 1 step low alcohol surface disinfectants offering a 1-minute TB kill claim, materials compatibility plus over 20 other organism kill claims. Exceptionally fast end effective, CaviCide1 and CaviWipes1 are next-generation surface disinfectants. CaviCide1 and CaviWipes1 are multi-purpose disinfectant/decontaminant cleaners, that can be used on hard, non-porous surfaces, and join the current family of CaviCide products including CaviCide and CaviWipes. The new formulation effectively kills bacteria, viruses, and fungi in 1-minute including TB, Resistant A. baumannii , ESBL E. coli, Klebsiella pneumonia, and many more. When used as directed, the fragrance-free CaviCide1 and CaviWipes1 will effectively clean and disinfect most surfaces in the clinical environment and can help reduce the risk of cross-contamination.</span></p>
<p class="h3"><span style="font-weight: 400;" data-mce-style="font-weight: 400;">Features and benefits:</span></h3>
<br>
<table style="width: 548px;">
<tbody>
<tr>
<td style="width: 135px;">
<p>Features</p>
</td>
<td style="width: 134.406px;">
<br>
<p>CaviCide1 & CaviWipes1</p>
</td>
<td style="width: 254.594px;">
<p>Benefits</p>
</td>
</tr>
<tr>
<td style="width: 135px;">
<p>1 minute kill time</p>
</td>
<td style="width: 134.406px;">
<p>YES</p>
</td>
<td style="width: 254.594px;">
<p>Improved compliance & decreased risks of cross-contamination</p>
</td>
</tr>
<tr>
<td style="width: 135px;">
<p>1 step cleaning & disinfecting*</p>
</td>
<td style="width: 134.406px;">
<p>YES</p>
</td>
<td style="width: 254.594px;">
<p>Improved staff efficiency & reduced costs</p>
</td>
</tr>
<tr>
<td style="width: 135px;">
<p>Clinically relevant efficacy claims</p>
</td>
<td style="width: 134.406px;">
<p>YES</p>
</td>
<td style="width: 254.594px;">
<p>Organisms that pose a threat in today's environment</p>
</td>
</tr>
<tr>
<td style="width: 135px;">
<p>Conveniently packaged</p>
</td>
<td style="width: 134.406px;">
<p>YES</p>
</td>
<td style="width: 254.594px;">
<p>Ready-to-use: no dilution is required</p>
</td>
</tr>
<tr>
<td style="width: 135px;">
<p>Materials compatibility</p>
</td>
<td style="width: 134.406px;">
<p>YES</p>
</td>
<td style="width: 254.594px;">
<p>Compatible with joint hard, non-porous surfaces found in the clinical environment</p>
</td>
</tr>
</tbody>
</table>
<p><br>*In the case of contamination with blood/other body fluids or when gross visible debris is present, thorough cleaning of surfaces and objects must occur prior to disinfection. In order for disinfection to occur properly, the disinfectant must be able to come in direct contact with the intended surface.</p>
<p class="h2">CaviCide1/CaviWipes1 Kill Claims:</h2>
<p class="h4">Proven 1-minute Efficacy Against 21 Pathogens:</h4>
<ul>
<li data-mce-style="font-weight: 400;">Mycobacterium tuberculosis var: bovis (BCG)</li>
<li data-mce-style="font-weight: 400;">Staphylococcus aureus</li>
<li data-mce-style="font-weight: 400;">Pseudomonas aeruginosa</li>
<li data-mce-style="font-weight: 400;">Salmonella enterica</li>
<li data-mce-style="font-weight: 400;">Trichophyton mentagrophytes</li>
<li data-mce-style="font-weight: 400;">Candida albicans</li>
<li data-mce-style="font-weight: 400;">Klebsiella pneumoniae<br>
</li>
<li data-mce-style="font-weight: 400;">Bordetella pertussis</li>
<li data-mce-style="font-weight: 400;">ESBL Escherichia coli</li>
<li data-mce-style="font-weight: 400;">Methicillin-Resistant Staphylococcus aureus (MRSA)</li>
<li data-mce-style="font-weight: 400;">Methicillin-Resistant Staphylococcus epidermidis (MRSE)</li>
<li data-mce-style="font-weight: 400;">Vancomycin-Resistant Enterococcus faecalis (VRE)</li>
<li data-mce-style="font-weight: 400;">Vancomycin Intermediate Staphylococcus aureus (VISA)</li>
<li data-mce-style="font-weight: 400;">Hepatitis B Virus (HBV)</li>
<li data-mce-style="font-weight: 400;">Hepatitis C Virus (HCV)</li>
<li><span>Human immunodeficiency viruses(HIV)</span></li>
<li data-mce-style="font-weight: 400;">Herpes Simplex Virus Type 1</li>
<li data-mce-style="font-weight: 400;">Herpes Simplex Virus Type 2</li>
<li data-mce-style="font-weight: 400;">Coronavirus</li>
<li data-mce-style="font-weight: 400;">Influenza A, H3N2 Virus</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-6621144809666-218', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-1-gallon', $el, 'template--20337242538208__product-grid-6621144809666-218', 318); }, 0)"
data-id="template--20337242538208__product-grid-6621144809666-218"
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-6621144809666-218', $el); }, 0)"
x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-1-gallon', $el, 'template--20337242538208__product-grid-6621144809666-218', 318); }, 0)"
data-id="template--20337242538208__product-grid-6621144809666-218"
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/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-1-gallon', $el, 'template--20337242538208__product-grid-6621144809666-218')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/disinfectants-sanitizers/products/cavicide1-surface-disinfectant-1-gallon', $el, 'template--20337242538208__product-grid-6621144809666-218')"
@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": "CaviCide Surface Disinfectant Liquid 1 Minute | 3.7L | 11-5001",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621144809666",
"currencyCode": "CAD",
"price": 6999,
"vendor": "Cavicide"
}
}"
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-219', '/collections/disinfectants-sanitizers/products/automatic-hand-cleaner-dispenser-stationdispenser-stand', '6621141991618')"

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/disinfectants-sanitizers/products/automatic-hand-cleaner-dispenser-stationdispenser-stand"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 47291066351840,
"product_id": 6621141991618,
"available": true,
"title": "Touchless Hand Sanitizer Dispenser (Dispenser + Stand)(Dispenser + Stand)",
"compare_at_price": 0,
"price": 19000,
"price_with_currency": "$190.00 CAD",
"sale_amount": "$-190.00",
"collections": "||264299348162||465573150944||467269812448||421878399200||402806014176||465709203680||",
"inventory_management": "shopify",
"qty": 0,
"container": "card",
"can_show_preorder": true,
"diff_day_create": 1718.36,
"diff_day_publish": 1718.36

}]"

aria-label="Touchless Hand Sanitizer Dispenser (Dispenser + Stand)(Dispenser + Stand)"
id="6621141991618-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/disinfectants-sanitizers/products/automatic-hand-cleaner-dispenser-stationdispenser-stand')" 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-219--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "Touchless Hand Sanitizer Dispenser (Dispenser + Stand)(Dispenser + Stand)",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621141991618",
"currencyCode": "CAD",
"price": 19000,
"vendor": "EmerDepot"
}
}"
><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/3ae1588a828e62e0a66eea7403c41fef.jpg?v=1761679086&width=450 450w,
//emerdepot.com/cdn/shop/files/3ae1588a828e62e0a66eea7403c41fef.jpg?v=1761679086&width=750 750w,
//emerdepot.com/cdn/shop/files/3ae1588a828e62e0a66eea7403c41fef.jpg?v=1761679086&width=900 900w,
//emerdepot.com/cdn/shop/files/3ae1588a828e62e0a66eea7403c41fef.jpg?v=1761679086&width=1100 1100w,
//emerdepot.com/cdn/shop/files/3ae1588a828e62e0a66eea7403c41fef.jpg?v=1761679086&width=1500 1500w,//emerdepot.com/cdn/shop/files/3ae1588a828e62e0a66eea7403c41fef.jpg?v=1761679086 540w"
src="//emerdepot.com/cdn/shop/files/3ae1588a828e62e0a66eea7403c41fef.jpg?v=1761679086&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="automatic-hand-cleaner-dispenser-stationdispenser-stand"
: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="540"
height="540"
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/3ae1588a828e62e0a66eea7403c41fef_0cdfdb3c-50fd-432b-ae14-1a8a340997be.jpg?v=1761679088&width=450 450w,
//emerdepot.com/cdn/shop/files/3ae1588a828e62e0a66eea7403c41fef_0cdfdb3c-50fd-432b-ae14-1a8a340997be.jpg?v=1761679088&width=750 750w,
//emerdepot.com/cdn/shop/files/3ae1588a828e62e0a66eea7403c41fef_0cdfdb3c-50fd-432b-ae14-1a8a340997be.jpg?v=1761679088&width=900 900w,
//emerdepot.com/cdn/shop/files/3ae1588a828e62e0a66eea7403c41fef_0cdfdb3c-50fd-432b-ae14-1a8a340997be.jpg?v=1761679088&width=1100 1100w,
//emerdepot.com/cdn/shop/files/3ae1588a828e62e0a66eea7403c41fef_0cdfdb3c-50fd-432b-ae14-1a8a340997be.jpg?v=1761679088&width=1500 1500w,//emerdepot.com/cdn/shop/files/3ae1588a828e62e0a66eea7403c41fef_0cdfdb3c-50fd-432b-ae14-1a8a340997be.jpg?v=1761679088 540w"
src="//emerdepot.com/cdn/shop/files/3ae1588a828e62e0a66eea7403c41fef_0cdfdb3c-50fd-432b-ae14-1a8a340997be.jpg?v=1761679088&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="automatic-hand-cleaner-dispenser-stationdispenser-stand"
: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="540"
height="540"
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="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</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-6621141991618">
<a href="/collections/disinfectants-sanitizers/products/automatic-hand-cleaner-dispenser-stationdispenser-stand"
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": "Touchless Hand Sanitizer Dispenser (Dispenser + Stand)(Dispenser + Stand)",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621141991618",
"currencyCode": "CAD",
"price": 19000,
"vendor": "EmerDepot"
}
}"
>
Touchless Hand Sanitizer Dispenser (Dispenser + Stand)(Dispenser + Stand)
</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="6621141991618"> </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="6621141991618" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">19000</div><p class="price ">
<span>$190.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('6621141991618', [264299348162, 465573150944, 467269812448, 421878399200, 402806014176, 465709203680])"><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-option6621141991618319" 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="47291066351840">

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

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

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Touchless Hand Sanitizer Dispenser (Dispenser + Stand)(Dispenser + Stand)",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621141991618",
"currencyCode": "CAD",
"price": 19000,
"vendor": "EmerDepot"
}
}"
>
<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="6621141991618" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div>
</div>
</div>
</div>
</div>

</div>
<div
id="x-product-template-6621141991618-template--20337242538208__product-grid-219"
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</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-6621141991618">
<a href="/collections/disinfectants-sanitizers/products/automatic-hand-cleaner-dispenser-stationdispenser-stand"
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": "Touchless Hand Sanitizer Dispenser (Dispenser + Stand)(Dispenser + Stand)",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621141991618",
"currencyCode": "CAD",
"price": 19000,
"vendor": "EmerDepot"
}
}"
>
Touchless Hand Sanitizer Dispenser (Dispenser + Stand)(Dispenser + Stand)
</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="6621141991618"> </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="6621141991618" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">19000</div><p class="price ">
<span>$190.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('6621141991618', [264299348162, 465573150944, 467269812448, 421878399200, 402806014176, 465709203680])"><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-option6621141991618319" 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="47291066351840">

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

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

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Touchless Hand Sanitizer Dispenser (Dispenser + Stand)(Dispenser + Stand)",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621141991618",
"currencyCode": "CAD",
"price": 19000,
"vendor": "EmerDepot"
}
}"
>
<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="6621141991618" /><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/automatic-hand-cleaner-dispenser-stationdispenser-stand');
});"></div>
<div
id="current-variant-template--20337242538208__product-grid-6621141991618-219"
class="current-variant hidden"
>
47291066351840
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<p>Automatic Hand Cleaner Dispenser Station System (Dispenser + Stand) - Auto-Dual Sensing Mist Spray/Drop Gel Sanitizer/Soap Machine 1000ML for Offices, Hospitals, Schools. Smart sensing and completely touchless design provides quick sanitizer delivery without touching the machine. LED indicator for night use. Portable floor stand freestanding. Ideal for high-traffic areas such as lobbies, restaurants, schools, universities and hospitals. Long battery life powered by 4 pack of C batteries. ( Note: batteries and AC adapter are not included )</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-option6621141991618319" 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="47291066351840">

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

<button
type="submit"
name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20337242538208__product-grid-6621141991618-219"
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">Pre-order</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="6621141991618" /><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-option6621141991618319" 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="47291066351840">

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

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

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "Touchless Hand Sanitizer Dispenser (Dispenser + Stand)(Dispenser + Stand)",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621141991618",
"currencyCode": "CAD",
"price": 19000,
"vendor": "EmerDepot"
}
}"
>
<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="6621141991618" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div><button
x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/disinfectants-sanitizers/products/automatic-hand-cleaner-dispenser-stationdispenser-stand', $el, 'template--20337242538208__product-grid-6621141991618-219')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/disinfectants-sanitizers/products/automatic-hand-cleaner-dispenser-stationdispenser-stand', $el, 'template--20337242538208__product-grid-6621141991618-219')"
@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": "Touchless Hand Sanitizer Dispenser (Dispenser + Stand)(Dispenser + Stand)",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621141991618",
"currencyCode": "CAD",
"price": 19000,
"vendor": "EmerDepot"
}
}"
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-220', '/collections/disinfectants-sanitizers/products/caviwipes-surface-disinfectantwipes-cleaner-torontocanada', '6621140517058')"

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/disinfectants-sanitizers/products/caviwipes-surface-disinfectantwipes-cleaner-torontocanada"

x-data="{ lastWindowWidth: 0 }"
x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
x-labels-data="[{
"variant_id": 47666261426400,
"product_id": 6621140517058,
"available": true,
"title": "CaviWipes Surface Disinfectant | 1 Minute | 6&quot; x 6.75&quot; | 160/tub | 11-5100",
"compare_at_price": 0,
"price": 2450,
"price_with_currency": "$24.50 CAD",
"sale_amount": "$-24.50",
"collections": "||417505575136||264299348162||465573118176||473594233056||",
"inventory_management": "shopify",
"qty": 42,
"container": "card",
"can_show_preorder": false,
"diff_day_create": 1718.36,
"diff_day_publish": 1195.53

}]"

aria-label="CaviWipes Surface Disinfectant | 1 Minute | 6" x 6.75" | 160/tub | 11-5100"
id="6621140517058-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/disinfectants-sanitizers/products/caviwipes-surface-disinfectantwipes-cleaner-torontocanada')" 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-220--1"
class="block h-full"
@click='$store.xCustomerEvent.fire("product_selected", $el)'
x-customer-event-data="{
"product": {
"title": "CaviWipes Surface Disinfectant | 1 Minute | 6&quot; x 6.75&quot; | 160/tub | 11-5100",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621140517058",
"currencyCode": "CAD",
"price": 2450,
"vendor": "Caviwipes"
}
}"
><div
class="absolute inset-0 z-10 pointer-events-auto dbtap-overlay"
@touchstart="onTouchStart($event)"
@touchend.prevent="onTouchEnd($el.closest('.x-splide'))"
@touchmove="onTouchMove($event)"
></div>
<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
>

<picture>
<img
srcset="//emerdepot.com/cdn/shop/files/b38a72aab8a2c2cc43ad5172e91c725c_bbe04471-50b3-4675-a332-ba59b2f0c32d.jpg?v=1761679043&width=450 450w,
//emerdepot.com/cdn/shop/files/b38a72aab8a2c2cc43ad5172e91c725c_bbe04471-50b3-4675-a332-ba59b2f0c32d.jpg?v=1761679043&width=750 750w,
//emerdepot.com/cdn/shop/files/b38a72aab8a2c2cc43ad5172e91c725c_bbe04471-50b3-4675-a332-ba59b2f0c32d.jpg?v=1761679043&width=900 900w,
//emerdepot.com/cdn/shop/files/b38a72aab8a2c2cc43ad5172e91c725c_bbe04471-50b3-4675-a332-ba59b2f0c32d.jpg?v=1761679043&width=1100 1100w,
//emerdepot.com/cdn/shop/files/b38a72aab8a2c2cc43ad5172e91c725c_bbe04471-50b3-4675-a332-ba59b2f0c32d.jpg?v=1761679043&width=1500 1500w,//emerdepot.com/cdn/shop/files/b38a72aab8a2c2cc43ad5172e91c725c_bbe04471-50b3-4675-a332-ba59b2f0c32d.jpg?v=1761679043 1024w"
src="//emerdepot.com/cdn/shop/files/b38a72aab8a2c2cc43ad5172e91c725c_bbe04471-50b3-4675-a332-ba59b2f0c32d.jpg?v=1761679043&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="caviwipes-surface-disinfectantwipes-cleaner-torontocanada"
: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/b38a72aab8a2c2cc43ad5172e91c725c.jpg?v=1761679044&width=450 450w,
//emerdepot.com/cdn/shop/files/b38a72aab8a2c2cc43ad5172e91c725c.jpg?v=1761679044&width=750 750w,
//emerdepot.com/cdn/shop/files/b38a72aab8a2c2cc43ad5172e91c725c.jpg?v=1761679044&width=900 900w,
//emerdepot.com/cdn/shop/files/b38a72aab8a2c2cc43ad5172e91c725c.jpg?v=1761679044&width=1100 1100w,
//emerdepot.com/cdn/shop/files/b38a72aab8a2c2cc43ad5172e91c725c.jpg?v=1761679044&width=1500 1500w,//emerdepot.com/cdn/shop/files/b38a72aab8a2c2cc43ad5172e91c725c.jpg?v=1761679044 1024w"
src="//emerdepot.com/cdn/shop/files/b38a72aab8a2c2cc43ad5172e91c725c.jpg?v=1761679044&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="caviwipes-surface-disinfectantwipes-cleaner-torontocanada"
: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="md:list-layout:hidden">
<div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
<div class="no-collage:mb-2 text-center md:list-layout:text-left">

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">Caviwipes</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-6621140517058">
<a href="/collections/disinfectants-sanitizers/products/caviwipes-surface-disinfectantwipes-cleaner-torontocanada"
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": "CaviWipes Surface Disinfectant | 1 Minute | 6&quot; x 6.75&quot; | 160/tub | 11-5100",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621140517058",
"currencyCode": "CAD",
"price": 2450,
"vendor": "Caviwipes"
}
}"
>
CaviWipes Surface Disinfectant | 1 Minute | 6" x 6.75" | 160/tub | 11-5100
</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="6621140517058"> </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="6621140517058" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">2450</div><p class="price ">
<span>$24.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('6621140517058', [417505575136, 264299348162, 465573118176, 473594233056])"><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-option6621140517058320" 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="47666261426400">

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

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "CaviWipes Surface Disinfectant | 1 Minute | 6&quot; x 6.75&quot; | 160/tub | 11-5100",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621140517058",
"currencyCode": "CAD",
"price": 2450,
"vendor": "Caviwipes"
}
}"
>
<span>Add to cart</span>

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

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

</div>
<div
id="x-product-template-6621140517058-template--20337242538208__product-grid-220"
class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
> <div class="bss-qb-collection-table"></div><div class="bss-b2b-qb-table"></div>
<div class="hidden md:list-layout:block">

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

<div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><div class="mb-0.5 uppercase tracking-widest text-small p-break-words">Caviwipes</div><p class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--20337242538208__product-grid-6621140517058">
<a href="/collections/disinfectants-sanitizers/products/caviwipes-surface-disinfectantwipes-cleaner-torontocanada"
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": "CaviWipes Surface Disinfectant | 1 Minute | 6&quot; x 6.75&quot; | 160/tub | 11-5100",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621140517058",
"currencyCode": "CAD",
"price": 2450,
"vendor": "Caviwipes"
}
}"
>
CaviWipes Surface Disinfectant | 1 Minute | 6" x 6.75" | 160/tub | 11-5100
</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="6621140517058"> </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="6621140517058" bss-b2b-product-price >
<span class="bss-check"></span>
<div class="">

<div class="hidden">2450</div><p class="price ">
<span>$24.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('6621140517058', [417505575136, 264299348162, 465573118176, 473594233056])"><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-option6621140517058320" 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="47666261426400">

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

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "CaviWipes Surface Disinfectant | 1 Minute | 6&quot; x 6.75&quot; | 160/tub | 11-5100",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621140517058",
"currencyCode": "CAD",
"price": 2450,
"vendor": "Caviwipes"
}
}"
>
<span>Add to cart</span>

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

</span>
</button><input type="hidden" name="product-id" value="6621140517058" /><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/caviwipes-surface-disinfectantwipes-cleaner-torontocanada');
});"></div>
<div
id="current-variant-template--20337242538208__product-grid-6621140517058-220"
class="current-variant hidden"
>
47666261426400
</div>

<div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
<div class="rte line-clamp-3">
<ul>
<li>CaviWipes is a cleaner and disinfectant in one.</li>
<li>CaviWipe1 disinfecting towelettes are durable, non-woven, nonabrasive disposable towelettes pre-saturated with Cavicide 1 surface disinfectant/decontaminant cleaner.</li>
<li>Fragrance-Free. </li>
<li>1 Minute EfficiencyAgainst Mycobacterium, Bacteria, Pathogenic Fungi, Drug-resistant Bacteria, and Enveloped Viruses</li>
<li>3-Minute Efficacy Against Non-Enveloped Viruses & Fungicide</li>
</ul>
<p>CaviWipes1 is intended to use in healthcare settings such as hospitals, emergency medical settings, neonatal units, surgical centers, laboratories, clinics, nursing homes, dental offices, ophthalmic offices, veterinary facilities, and other critical areas where control of cross-contamination is required. </p>
<p class="h3">CaviWipes kill claims:<br>
</h3>
<ul>
<li><span>Mycobacterium tuberculosis var: bovis (BCG) (TB)</span></li>
<li><span>Staphylococcus aureus</span></li>
<li><span>Pseudomonas aeruginosa</span></li>
<li><span>Salmonella enterica</span></li>
<li><span>Klebsiella pneumoniae</span></li>
<li><span>Bordetella pertussis</span></li>
<li><span>Trichophyton mentagrophytes</span></li>
<li><span>Candida albicans</span></li>
<li><span>Multi-Drug Resistant (MDR) Acinetobacter baumannii</span></li>
<li><span>Extended Spectrum ß–lactamase Escherichia coli (ESBL)</span></li>
<li><span>Methicillin-Resistant Staphylococcus aureus (MRSA)</span></li>
<li><span>Vancomycin-Resistant Enterococcus faecalis (VRE)</span></li>
<li><span>Staphylococcus aureus with reduced susceptibility to vancomycin</span></li>
<li><span>Hepatitis C Virus (HCV)</span></li>
<li><span>Herpes Simplex Virus Types 1 and 2</span></li>
<li><span>Influenza A2 Virus</span></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-option6621140517058320" 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="47666261426400">

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

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

aria-label="Add to cart"

x-customer-event-data="{
"product": {
"title": "CaviWipes Surface Disinfectant | 1 Minute | 6&quot; x 6.75&quot; | 160/tub | 11-5100",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621140517058",
"currencyCode": "CAD",
"price": 2450,
"vendor": "Caviwipes"
}
}"
>
<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="6621140517058" /><input type="hidden" name="section-id" value="template--20337242538208__product-grid" /></form>
</div><button
x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/disinfectants-sanitizers/products/caviwipes-surface-disinfectantwipes-cleaner-torontocanada', $el, 'template--20337242538208__product-grid-6621140517058-220')"
x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/disinfectants-sanitizers/products/caviwipes-surface-disinfectantwipes-cleaner-torontocanada', $el, 'template--20337242538208__product-grid-6621140517058-220')"
@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": "CaviWipes Surface Disinfectant | 1 Minute | 6&quot; x 6.75&quot; | 160/tub | 11-5100",
"listName": "Cleaning &amp; Disinfecting Supplies",
"sku": "6621140517058",
"currencyCode": "CAD",
"price": 2450,
"vendor": "Caviwipes"
}
}"
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/disinfectants-sanitizers" 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/disinfectants-sanitizers" 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"><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 2">2</p></li>

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

<li class="">
<a href="/collections/disinfectants-sanitizers?page=3" 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=Disinfectant+wipes&type=product" title="Disinfectant wipes"><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>Disinfectant wipes</span>
</a><a class="rs-chip" href="/search?q=Hand+sanitizer+gel&type=product" title="Hand sanitizer gel"><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>Hand sanitizer gel</span>
</a><a class="rs-chip" href="/search?q=Isopropyl+alcohol+70%25&type=product" title="Isopropyl alcohol 70%"><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>Isopropyl alcohol 70%</span>
</a><a class="rs-chip" href="/search?q=Isopropyl+alcohol+99%25&type=product" title="Isopropyl alcohol 99%"><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>Isopropyl alcohol 99%</span>
</a><a class="rs-chip" href="/search?q=Hydrogen+peroxide+disinfectant&type=product" title="Hydrogen peroxide disinfectant"><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>Hydrogen peroxide disinfectant</span>
</a><a class="rs-chip" href="/search?q=Clorox+disinfectant+wipes&type=product" title="Clorox disinfectant wipes"><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>Clorox disinfectant wipes</span>
</a><a class="rs-chip" href="/search?q=Lysol+disinfectant+wipes&type=product" title="Lysol disinfectant wipes"><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>Lysol disinfectant wipes</span>
</a><a class="rs-chip" href="/search?q=CaviWipes+disinfectant&type=product" title="CaviWipes disinfectant"><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>CaviWipes disinfectant</span>
</a><a class="rs-chip" href="/search?q=CaviCide+surface+disinfectant&type=product" title="CaviCide surface disinfectant"><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>CaviCide surface disinfectant</span>
</a><a class="rs-chip" href="/search?q=PREempt+CS20+disinfectant&type=product" title="PREempt CS20 disinfectant"><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>PREempt CS20 disinfectant</span>
</a><a class="rs-chip" href="/search?q=Accel+disinfectant+wipes&type=product" title="Accel disinfectant wipes"><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>Accel disinfectant wipes</span>
</a><a class="rs-chip" href="/search?q=Instrument+cleaner&type=product" title="Instrument cleaner"><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>Instrument cleaner</span>
</a><a class="rs-chip" href="/search?q=Enzyme+cleaner+for+instruments&type=product" title="Enzyme cleaner for instruments"><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>Enzyme cleaner for instruments</span>
</a><a class="rs-chip" href="/search?q=Germicidal+disposable+wipes&type=product" title="Germicidal disposable wipes"><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>Germicidal disposable wipes</span>
</a><a class="rs-chip" href="/search?q=Soap+and+sanitizer+dispensers&type=product" title="Soap and sanitizer dispensers"><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>Soap and sanitizer dispensers</span>
</a><a class="rs-chip" href="/search?q=Touchless+hand+sanitizer+dispenser&type=product" title="Touchless hand sanitizer dispenser"><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>Touchless hand sanitizer dispenser</span>
</a><a class="rs-chip" href="/search?q=Paper+hand+towels&type=product" title="Paper hand towels"><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>Paper hand towels</span>
</a><a class="rs-chip" href="/search?q=Garbage+bags+recycled&type=product" title="Garbage bags recycled"><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>Garbage bags recycled</span>
</a><a class="rs-chip" href="/search?q=Air+freshener+disinfectant&type=product" title="Air freshener disinfectant"><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>Air freshener disinfectant</span>
</a><a class="rs-chip" href="/search?q=Foaming+hand+sanitizer&type=product" title="Foaming hand 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>Foaming hand 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">

<div class="collection-faq">
<details>
<summary>
FAQ
<span class="icon"></span>
</summary>
<div class="faq-content">
<section class="faq">
<h2>Cleaning & Disinfecting Supplies</h2>
<div class="faq-item">
<h3>Which disinfectants are suitable for medical instruments?</h3>
<p>Specialized disinfectants such as <strong>PREempt CS20</strong>, <strong>Optim 33TB</strong>, and <strong>Medicom ProSurface Disinfectant</strong> are designed for safe and effective cleaning of medical instruments without causing damage.</p>
</div>
<div class="faq-item">
<h3>Can alcohol solutions be used for surface disinfection?</h3>
<p>Yes, isopropyl alcohol (70–99%) products, such as <strong>Tavos</strong> or <strong>Apollo</strong>, are widely used for disinfecting work surfaces and medical equipment.</p>
</div>
<div class="faq-item">
<h3>Are disinfectant wipes available?</h3>
<p>Yes, ready-to-use wipes like <strong>Lysol</strong>, <strong>CaviWipes</strong>, <strong>Clorox</strong>, and <strong>Medicom ProSurface</strong> are convenient for quick and effective surface disinfection.</p>
</div>
<div class="faq-item">
<h3>Can these disinfectants be used at home?</h3>
<p>Yes, many products such as <strong>Lysol</strong>, <strong>Clorox</strong>, and <strong>Purell Hand Sanitizer</strong> are safe for both medical facilities and household use.</p>
</div>
<div class="faq-item">
<h3>Do you offer fast-acting disinfectants?</h3>
<p>Yes, products like <strong>CaviWipes XL</strong> and <strong>Clorox Bleach Germicidal Wipes</strong> provide rapid disinfection within just 1–3 minutes.</p>
</div>
</section>

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

</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-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-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-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-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><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-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-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-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%2Fdisinfectants-sanitizers">
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></body>
</html>}

Cleaning & Disinfecting Supplies

Disinfectants & Sanitizers: Essential Solutions for a Healthier Environment

Top Disinfectants & Sanitizers Available at EmerDepot

5 Frequently Asked Questions (FAQs)

Where to Buy Disinfectants & Sanitizers