/* 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 (2) 1lb Patties, Get 1 FREE!

A Pup Above
Limit 2 per customer. Valid 9/1/26 to 9/30/26.

Save $20.00 on 64oz bags of Badlands Ranch Superfood Complete in Beef, Chicken, Lamb & Venison, Wild Fish & Turkey or Bison & Beef.

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

Save $2.00 on Blue Buffalo Dog Treats!

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

Save $5.00 on 13lb-30lb bags of Blue Buffalo Life Protection Formula and Wilderness Dry Dog Food.

Blue Buffalo
In-store only. Limit 2 per customer. Valid 9/1/26 to 9/30/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.

Get $3.00 OFF on all 3.5lb bags of Fussie Cat Market Fresh Dry Cat Food.

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

Buy 3 Pure Shreds 12.5oz Cans for Dogs, Get 1 FREE!

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

Save $1.00 on any 9oz-13oz Natural Balance Can or Pouch of Wet Dog Food.

Natural Balance
In-store only. Limit 48 per customer. Valid 9/1/26 to 9/30/26.

Save $5.00 on 2.5lb-6lb bags of of Dry Cat and Dog Food.

Natural Balance
Limit 48 per customer. Valid 9/1/26 to 9/30/26.

Buy (2) select 26lb bags of NutriSource large breed formulas (mix & match), Get $10.00 OFF the purchase. Offer excludes Large Breed Trout & Rice 26lb

NutriSource
Limit 48 per customer. Valid 9/1/26 to 10/31/26.

Buy 1, Get 1 FREE on Chicken & Rice, Chicken, Turkey & Lamb, and Chicken, Turkey, Lamb & Fish Cat & Kitten Cans.

NutriSource
In-store only. Limit 48 per customer. Valid 9/1/26 to 9/30/26.

Buy 1, Get 1 FREE on Grain Free Lamb, Grain Free Seafood, and Grain Free Woodlands Dog Cans.

NutriSource
In-store only. Limit 48 per customer. Valid 9/1/26 to 9/30/26.

Save $4.00 on 4lb bags of Ancient Grain & Grain Free dry dog food in Lamb, Beef, Duck, or Salmon recipes.

Open Farm
In-store only. Limit 3 per customer. Valid 9/1/26 to 9/30/26.

Save $2.00 on 2llb-2.25lb, $4.00 on 3lb-4lb, and $8.00 on 7lb-8lb bags of Open Farm Dry Cat Food.

Open Farm
In-store only. Limit 3 per customer. Valid 9/1/26 to 9/30/26.

Save $10.00 on a purchase of 8 Homestyle Dog Meals from Portland Pet Food Company.

Portland Pet Food Company
In-store only. Limit 5 per customer. Valid 9/1/26 to 9/30/26.

Get $3.00 OFF 3.5oz and $10.00 OFF 18oz Freeze Dried Dinner Morsels for cats.

Stella & Chewy's
In-store only. Limit 4 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.

Get 2 FREE 3oz Gently Cooked Pouches with the purchase of any 23.5lb or larger bag of Health Extension Dog Kibble.

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

Buy a select 4lb bag or larger of NutriSource Dry Dog Food, Get a Nutty Butter Treat FREE! Offer excludes 26lb Large Breed bags.

NutriSource
In-store only. Limit 2 per customer. Valid 9/1/26 to 9/30/26.

Flash Sales


Check back for available deals!