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


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.

Get $10.00 OFF any 64oz bag of Badlands Ranch Superfood Complete including Beef, Chicken, Wild Fish and Turkey, Lamb & Venison or NEW Bison and Beef formulas.

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

Save $1.00 on any BLUE Wilderness Cat Treat!

Blue Buffalo
In-store only. Limit 2 per customer. Valid 8/1/26 to 8/31/26.

Save $3.00 on any BLUE Wilderness Dog Treat!

Blue Buffalo
In-store only. Limit 2 per customer. Valid 8/1/26 to 8/31/26.

Save $4.00 on any BLUE Wilderness Dry Cat Food.

Blue Buffalo
In-store only. Limit 2 per customer. Valid 8/1/26 to 8/31/26.

Get $1.00 OFF select Bocce's Bakery Crunchy Biscuits for Dogs. Offer includes Burgers & Fries, FIsh & Chips, Birthday Cake, and Bedtime Tea.

Bocce's Bakery
Limit 15 per customer. Valid 8/1/26 to 8/31/26.

Save $5.50 on 11.5lb bags of BoxiePro Lightweight Deep Clean and Boxiecat Air Lightweight Scent Free.

Boxie
Limit 30 per customer. Valid 8/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 3.5lb bag or 10lb bag of Fussie Cat Market Fresh Dry Food, Get a FREE 4 pack of Fussie Cat Puree!

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

Buy 3, Get 1 FREE on select 2.47oz, 2.82oz & 5.5oz cans. Mix and match! Offer excludes Fussie Cat Fine Dining Pate or Fine Dining Mousse cans.

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 8/1/26 to 8/31/26.

Buy any 4 Minimal Ingredient Stews for Dogs, Get 1 FREE!

KOHA
Limit 6 per customer. Free item will be equal or lesser than the lowest priced purchased item if applicable. Valid 8/1/26 to 8/31/26.

Get $2.00 OFF Skout's Honor Products! Offer excludes select discontinuing products.

Skout's Honor
Limit 30 per customer. Valid 8/1/26 to 8/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.

Save $3.00 on any Stella & Chewy's FreshMade Gently Cooked!

Stella & Chewy's
In-store only. Limit 4 per customer. Valid 8/1/26 to 8/31/26.

Celebrate RAWgust! Save $3.00 on 3lb bags, $4.00 on 4lb bags, $6.00 on 6lb bags, and $12.00 on 12lb bags of Stella & Chewy's Frozen Raw Food!

Stella & Chewy's
In-store only. Limit 4 per customer. Valid 8/1/26 to 8/31/26.

Get $1.00 OFF Toppl Treats, $1.00 OFF Small Toppls, and $2.00 OFF Large & Extra Large Toppls

West Paw
Limit 10 per customer. Valid 8/1/26 to 8/31/26.

Buy any size bag of Zignature, Zignature Essence or Zignature Inception, Get a FREE 4oz bag of Zignature Soft Moist Treats or 12oz bag of Zignature Crunchy Treats.

Zignature
In-store only. Limit 48 per customer. Valid 8/1/26 to 8/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.

Flash Sales


Check back for available deals!