Uproot Cleaners™ Bundles

• For use on most product fabrics
• Special edges collect pet hair, lint, and dust in seconds
• Easy to use and infinitely reusable
• Safe around pets, no harmful substances

Mini

• Best used for small areas and tight corners including: cars, cat towers, clothes, and furniture
• Size: 4.2 x 0.1 x 3.25 inches

Pro

• Best used for medium sized areas including: carpets, rugs, stairs, cars, cat towers, and furniture
• Size: 6.6 x 5 x 0.37 inches

Pro

• Best used for large sized areas including: carpets, rugs, stairs, cars, cat towers, and furniture
• Size: 11 x 12 x 1 inches

Xtra

• Best used for large areas including: carpets, rugs, cars
• Size: 60 x 8.07 x 1.97 inches
• Adjustable Handle

Deshedder

• Stop pet hair at the source – deshed first.
• Best For Removing loose fur before it hits your home
• All dog and cat coat types Tackling the root cause of pet hair messes
• Size: 5 x 6 x 1 inches

• ✓ Mini
• ✓ Xtra
• ✓ Deshedder
• ✓ Pro
• ✓ Max

• ✓ Mini
• ✓ Xtra
• ✗ Deshedder
• ✓ Pro
• ✗ Max

• ✓ Xtra
• ✗ Mini
• ✗ Deshedder
• ✗ Pro
• ✗ Max

document.addEventListener(‘DOMContentLoaded’, () => {
// Select wrappers by known class, fallback to any .option-wrapper
const wrappers = document.querySelectorAll(‘.input-pill .option-wrapper, .option-wrapper’);

wrappers.forEach(wrapper => {
// Remove previously injected lists
const prev = wrapper.querySelector(‘ul.injected-list’);
if (prev) prev.remove();

const text = wrapper.innerText.toLowerCase();
let tplId = null;
if (text.includes(‘ultimate’)) tplId = ‘ultimate-list-template’;
else if (text.includes(‘starter’)) tplId = ‘starter-list-template’;
else if (text.includes(‘cleaner’)) tplId = ‘cleaner-list-template’;

if (tplId) {
const tpl = document.getElementById(tplId);
if (tpl) {
const frag = document.importNode(tpl.content, true);
// Mark list for removal/identification
const ul = frag.querySelector(‘ul’);
if (ul) ul.classList.add(‘injected-list’);
wrapper.appendChild(frag);
}
}
});
});

.product-options__option {
position: relative !important;
}
.product-options .onetime-pricing-display, .product-options .onetime-display {
display: flex !important;
flex-direction: column-reverse;
}
.product-options .product-options__option-title.sr-only {
all: unset !important;
color: transparent !important;
pointer-events: none !important;
font-size: 0 !important;
margin-bottom: 0.5rem !important;
}
.product-options .product-options__option-title.sr-only:before {
content: “Select Bundle”;
color: black;
font-weight: bold;
font-size: 1.04rem !important;
}
.input-pill label.has-img {
flex-direction: row !important;
align-items: center !important;
}
.product-options__pack {
flex-direction: column !important;
}
.product-options__pack > * {
max-width: 100% !important;
}
.product-options .input-pill {
display: block !important;
}
.input-pill label .option-wrapper, .input-pill label .option-wrapper__price {
text-align: left !important;
}
.input-pill label .option-wrapper__price {
margin-left: auto !important;
width: min-content !important;
float: right;
}
.input-pill label .option-wrapper ul {
column-count: 2;
float: left;
min-width: 67%;
padding: 0;
margin: 0;
}
.input-pill label .option-wrapper li {
font-size: 0.967rem;
font-weight: 500;
white-space: nowrap;
}
.input-pill label.has-img {
padding: .5625rem !important;
}

ul.injected-list {
margin-top: 0.5em;
padding-left: 1.2em;
}
.injected-list li.excluded {
color: gray;
}
.injected-list li.included {
color: black;
}
.injected-list .icon.check {
font-weight: bold;
color: #3f858e;
margin-right: 0.3em;
}
.injected-list .icon.cross {
font-weight: bold;
color: gray;
margin-right: 0.3em;
}
.input-pill label .option-wrapper__price {
background-color: transparent !important;
font-size: 1.3rem !important;
font-weight: bold !important;
}
.input-pill label .option-wrapper__price .price-compare {
background: none !important;
}
.input-pill .price-compare {
width: min-content !important;
padding: 0.25rem !important;
margin: auto !important;
}
.input-pill .price-compare::before {
top: 20% !important;
left: 50% !important;
transform: rotate(-15deg) translate(-50%, 0) !important;
}
.onetime-pricing-display::before {
background-color: green;
border-radius: 5px;
display: block;
font-size: 0.8rem;
text-align: center;
color: white;
width: fit-content;
padding: 0 6px;
margin: auto;
}
.input-pill input:active ~ label,
.input-pill input:checked ~ label {
background-color: #e5f6f9;
}
input[value=”Ultimate Bundle:”] + label .onetime-pricing-display,
input[value=”Starter Kit:”] + label .onetime-pricing-display {
margin-top: -7px;
}
input[value=”Cleaner Xtra:”] + label .onetime-pricing-display {
margin-top: 16px;
}
input[value=”Ultimate Bundle:”] + label .onetime-pricing-display::before {
content: “30% OFF”;
}
input[value=”Starter Kit:”] + label .onetime-pricing-display::before {
content: “22% OFF”;
}
.input-pill .has-img img {
background-color: white !important;
mix-blend-mode: normal !important;
}
@media (max-width: 800px) {
.input-pill label .option-wrapper ul {
max-width: 50%;
margin: 0;
gap: 0;
min-width: unset;
}
html, body {
overflow-x: hidden !important;
width: 100% !important;
}
}
@media (min-width: 800px) {
.input-pill .has-img img {
margin: 0 0.5rem !important;
}
}
.injected-list .icon {
display: inline-block;
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
text-indent: -9999px;
overflow: hidden;
margin-right: 0 !important;
vertical-align: middle;
}

.input-pill label .option-wrapper__price .price-compare {
color: #666 !important;
line-height: 0.5 !important;
font-size: 1rem !important;
font-weight: 500 !important;
padding-top: 0.67rem !important;
}
.input-pill label .option-wrapper__price .price-compare::before {
background-color: red !important;
}

/* Green checkmark icon */
.injected-list .icon.check {
background-image: url(“https://cdn.shopify.com/s/files/1/0551/2957/1484/files/ico-checkmark.svg?v=1753899177”);
}

/* Red cross icon */
.injected-list .icon.cross {
background-image: url(“https://cdn.shopify.com/s/files/1/0551/2957/1484/files/ico-cross.svg?v=1753899177”);
filter: grayscale(1);
opacity: 0.67;
}

.help-choose-link::before {
content: “i”;
margin: 0 0.5rem;
width: 24px;
height: 24px;
line-height: 24px;
border: 1.5px solid currentColor;
border-radius: 24px;
text-align: center;
display: inline-block;
font-weight: 500;
}

.shopify-section.compare-cleaners {
display: none !important;
}