/* Custom CSS - Hello From FieldStack */ .delivery-heading { font-weight: 500; } /* Font Imports */ @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap"); .faq-subheader { max-width: 1160px; margin-left: auto; margin-right: auto; } .flex-row { display: flex; justify-content: space-between; align-items: center; max-width: 900px; width: 100%; margin-left: auto; margin-right: auto; margin-top: 40px; } .flex-col { width: 33%; padding: 0 15px; text-align: center; } .flex-col img { display: block; width: 100%; } .icon-text { display: block; font-size: 22px; margin-top: 20px; } .feature-checklist { display: flex; justify-content: center; margin-left: auto; margin-right: auto; margin-top: 40px; } .feature-checklist ul { } .feature-checklist li { font-weight: bold; margin-bottom: 12px; } .feature-checklist i.fas.fa-check-circle { color: green; margin-right: 7px; font-size: 18px; } .faq-section { max-width: 700px; display: flex; flex-wrap: wrap; justify-content: center; margin-left: auto; margin-right: auto; } .collapsible-container { margin-bottom: 20px; width: 100%; } .package-table { background-color: #6E4F48; color: white; font-weight: 400; max-width: 500px; margin-left: auto; margin-right: auto; } .package-td { padding: 20px; height: 70px; text-align: center; } /* Temporary Tooltip */ /* Tooltip container */ .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ } /* Tooltip text */ .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1; } /* Show the tooltip text when you mouse over the tooltip container */ .tooltip:hover .tooltiptext { visibility: visible; } /* Home Page Two-Image Display */ .two-image-container { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; /* Space between images */ padding: 16px; /* Padding around the container */ margin-top: 32px; /* Add space above the image container */ } .image-box { flex: 1 1 calc(50% - 16px); /* Ensures two side-by-side images with gap */ max-width: calc(50% - 16px); box-sizing: border-box; } .image-box img { width: 100%; aspect-ratio: 4 / 3; border-radius: 8px; /* Rounded corners */ border: 4px solid #462b15; /* 4-pixel border in the specified color */ transition: transform 0.3s ease, box-shadow 0.3s ease; } .image-box img:hover { transform: scale(1.05); /* Subtle zoom effect */ box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Shadow on hover */ } .caption { text-align: center; margin-top: 8px; font-size: 1rem; color: #462b15; /* Dark color for captions */ } @media (max-width: 640px) { .image-box { flex: 1 1 100%; /* Stack images on smaller screens */ max-width: 100%; } } /* Block Quotes */ .quote-highlight { display: flex; /* Aligns image and text side-by-side */ align-items: center; /* Ensures both image and text are vertically aligned */ gap: 15px; /* Space between the image and the text */ font-family: inherit; /* Explicitly uses the global font */ font-style: italic; font-size: 1.25em; line-height: 1.6; background-color: #fde08f; color: #462b15; padding: 20px 30px; border-left: 8px solid #f8b400; border-radius: 5px; margin: 30px 0; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } .quote-image { max-width: 100px; /* Restrict image size */ height: auto; /* Maintain aspect ratio */ border-radius: 50%; /* Optional: Make the image circular */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */ flex-shrink: 0; /* Prevents the image from resizing too small */ } @media (max-width: 768px) { .quote-highlight { flex-direction: column; align-items: center; text-align: center; } .quote-image { margin-bottom: 10px; /* Adds space between image and text */ } } /* Spin to Win Wheel */ .wheel-container { position: relative; width: 90vw; /* Responsive: 90% of viewport width */ max-width: 400px; /* Optional: set a max size so it's not huge on desktop */ margin: 0 auto; /* Horizontally center it */ } .wheel { width: 100%; height: auto; /* Maintain aspect ratio */ display: block; /* Prevent image from inheriting inline spacing */ transition: transform 3s ease-out; } .spin-btn { margin-top: 20px; padding: 10px 20px; font-size: 18px; cursor: pointer; } .result { margin-top: 20px; font-size: 20px; } } /* Independent brand carousel */ .brand-carousel-frame { position: relative; width: 100%; padding: 20px 0; box-sizing: border-box; } .brand-carousel-viewport { width: 100%; overflow: hidden; } .brand-carousel-track { display: flex; width: 100%; transition: transform 0.45s ease; } .brand-carousel-slide { display: flex; flex: 0 0 100%; justify-content: center; align-items: flex-start; gap: 28px; box-sizing: border-box; } .brand-carousel-card { display: flex; flex: 0 1 180px; min-width: 0; flex-direction: column; align-items: center; text-align: center; text-decoration: none; } .brand-carousel-card img { display: block; width: auto; max-width: 100%; height: 185px; object-fit: contain; } .brand-carousel-card span { display: block; margin-top: 8px; font-size: 16px; line-height: 1.15; } .brand-carousel-card:hover span, .brand-carousel-card:focus span { text-decoration: underline; } .brand-carousel-arrow { position: absolute; top: 50%; z-index: 2; width: 18px; height: 18px; margin-top: -9px; padding: 0; border: 0; background: transparent; cursor: pointer; font-size: 0; line-height: 0; } .brand-carousel-arrow::before { content: ""; display: block; width: 14px; height: 14px; border-top: 2px solid #9b9b9b; border-right: 2px solid #9b9b9b; } .brand-carousel-prev::before { transform: rotate(-135deg); } .brand-carousel-next::before { transform: rotate(45deg); } .brand-carousel-prev { left: -24px; } .brand-carousel-next { right: -24px; } .brand-carousel-arrow:hover::before, .brand-carousel-arrow:focus::before { border-color: #462b15; } /* Mobile: stay horizontal, with smaller logos and arrows */ @media (max-width: 700px) { .brand-carousel-frame { padding: 15px 0; } .brand-carousel-slide { gap: 10px; } .brand-carousel-card { flex-basis: 22%; } .brand-carousel-card img { height: 105px; } .brand-carousel-card span { margin-top: 5px; font-size: 12px; } .brand-carousel-arrow { margin-top: -13px; font-size: 28px; } .brand-carousel-prev { left: -8px; } .brand-carousel-next { right: -8px; } }



Click or tap a sale icon below to view available deals



Stock Up and Save icon of 3 yellow dog food bags with a piggy bank on the front

Stock Up & Save: Deep discounts on your pet's favorites

Try me icon of green can of pet food with speech balloon saying try me

Try Me: FREE or discounted items with purchases from brands you trust

Flash sale icon of cloud with yellow lightning bolt

Flash Sales: These deals won't last long, so take advantage while you can




Stock Up & Save


Get $7.00 OFF 7lb bags of Gently Cooked!

A Pup Above
Limit 5 per customer. Valid 7/1/26 to 7/31/26.

Buy 3, Get 1 FREE on 12.5oz-12.8oz Cans of ACANA Premium Chunks and Pate Wet Dog Food. Buy 3, Get 1 FREE on 3oz and 5.5oz cans of ACANA Premium Pate and ACANA Chunks in Broth Wet Cat Food.

ACANA
In-store only. Limit 24 per customer, per pet species. Free item will be equal or lesser than the lowest priced purchased item if applicable. Valid 7/1/26 to 8/31/26.

Save between $1.87 and $4.12 on ACANA Freeze-Dried Dog Treats, Chewy Strips, or Jerky Bites.

ACANA
In-store only. Limit 48 per customer. Valid 7/1/26 to 8/31/26.

Save $2.00 on all Earth Animal Apothecary Herbal Drops.

Earth Animal
In-store only. Limit 10 per customer. Valid 7/1/26 to 9/30/26.

Buy any size bag of EarthBites Chewy Soft Treats or EarthBites Crunchy Biscuits for dogs, Get 1 FREE! Mix & match!

Earthborn Holistic
In-store only. Limit 2 per customer. Free item will be equal or lesser than the lowest priced purchased item if applicable. Valid 7/1/26 to 7/31/26.

Buy 5 select 3oz cans of Fromm Cat Food, Get 1 FREE! Offer excludes Purrsnickitty.

Fromm
In-store only. Limit 1 per customer. Free item will be equal or lesser than the lowest priced purchased item if applicable. Valid 7/1/26 to 7/31/26.

Buy 5 cans of select Fromm Dog Food, Get 1 can FREE! Offer excludes Nutritionals.

Fromm
In-store only. Limit 1 per customer. Free item will be equal or lesser than the lowest priced purchased item if applicable. Valid 7/1/26 to 7/31/26.

Buy any 4-pack of Fussie Cat Puree Treats, Get 1 FREE! Mix and match!

Fussie Cat
In-store only. Limit 48 per customer. Free item will be equal or lesser than the lowest priced purchased item if applicable. Valid 7/1/26 to 7/31/26.

Buy any 5 Gently Cooked 9oz Pouches, Get 1 Pouch FREE!

Health Extension
Limit 15 per customer. Free item will be equal or lesser than the lowest priced purchased item if applicable. Valid 7/1/26 to 7/31/26.

Get $1.00 OFF Icelandic+ Large Lamb Horns

Icelandic+
Limit 4 per customer. Valid 7/1/26 to 7/31/26.

Save $2.00 on all Natural Balance Dog Treats.

Natural Balance
Limit 48 per customer. Valid 7/1/26 to 8/31/26.

Save $6.00 on large bags (22lb-26lb) of Limited Ingredient Dry Dog Food.

Natural Balance
Limit 48 per customer. Valid 7/7/26 to 8/31/26.

Buy 3, Get 1 FREE on 12.8oz cans of ORIJEN Wet Dog Food.

Orijen
In-store only. Limit 48 per customer. Free item will be equal or lesser than the lowest priced purchased item if applicable. Valid 7/1/26 to 8/31/26.

Save between $1.92 and $2.50 on ORIJEN Cat Freeze Dried Treats.

Orijen
In-store only. Limit 48 per customer. Valid 7/1/26 to 8/31/26.

Save between $2.37 and $9.50 on ORIJEN Dog Freeze-Dried Dog Treats.

Orijen
In-store only. Limit 48 per customer. Valid 7/1/26 to 8/31/26.

Buy 3, Get 1 FREE on all cat wet food - Hearty Morsels, Pate, Blends, Functional, and Icelandic Fish!

Open Farm
In-store only. Limit 48 per customer. Free item will be equal or lesser than the lowest priced purchased item if applicable. Valid 7/1/26 to 7/31/26.

Buy 3, Get 1 FREE on all dog wet food - Hearty Stews, Pate, Functional, and Icelandic Fish!

Open Farm
In-store only. Limit 48 per customer. Free item will be equal or lesser than the lowest priced purchased item if applicable. Valid 7/1/26 to 7/31/26.

Buy 1 PureVita Tetra Pak, Get 1 FREE! Mix and match!

Pure Vita
In-store only. Limit 48 per customer. Free item will be equal or lesser than the lowest priced purchased item if applicable. Valid 7/1/26 to 7/31/26.

Save $10.00 on Treatibles Extra Strength CBD Crumble

Treatibles
In-store only. Limit 5 per customer. Valid 7/1/26 to 7/31/26.

Save $8.00 on 40lb and 50lb bags of Victor High Pro Plus Dry Dog Food!

Victor
Limit 15 per customer. Valid 7/1/26 to 7/31/26.

Buy any 4oz bag of Zignature Soft Moist Treats or any 12oz bag of Zignature Crunchy Treats for Dogs, Get 1 FREE! Mix and match!

Zignature
In-store only. Limit 48 per customer. Free item will be equal or lesser than the lowest priced purchased item if applicable. Valid 7/1/26 to 7/31/26.

Try Me

Buy any Bonnihill Farms 16oz chub, Get 1 FREE!

Bonnihill Farms
Limit 1 per customer. Valid 6/1/26 to 9/30/26.

Buy (1) 3oz bag of PurrSnackitty Soft & Savory Cat Treats, Get 1 FREE!

Fromm
Limit 3 per customer. Free item will be equal or lesser than the lowest priced purchased item if applicable. Valid 5/1/26 to 7/31/26.

Buy any 4lb bag or larger of PureVita Dog Kibble, Get a FREE PureVita Dog Can!

Pure Vita
In-store only. Limit 48 per customer. Free item will be equal or lesser than the lowest priced purchased item if applicable. Valid 7/1/26 to 7/31/26.

Flash Sales


Check back for available deals!