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

My Account

Why We Love Coastal Pet Products

Products people trust for pets they love.

shop Coastal Pet Products

Meet Coastal Pet Products

When it comes to dependable pet gear, Coastal Pet Products is a name we trust. Founded on the belief that quality gear should keep pets safe, comfortable, and stylish, this brand has been making collars, harnesses, grooming tools, and training aids for decades. Their focus on durability, comfort, and thoughtful design makes them a go-to choice for pet parents who want gear they can rely on every day.

Shop Coastal Pet Products

What Makes Coastal Pet Products Stand Out?

Trusted Quality Since 1968: With decades of experience, Coastal Pet Products has perfected the balance of comfort, safety, and style in every product.
Designed for Everyday Use: Whether it’s a daily walk, a training session, or routine grooming, their products are made to handle real-life wear and tear.
Focus on Pet Comfort: Soft materials, adjustable designs, and ergonomic construction keep pets happy and stress-free.
Wide Range of Solutions: TFrom grooming tools to harnesses and training gear, Coastal Pet Products has something for every stage of your pet’s life.

Fan Favorites from Coastal Pet Products

Safari Guillotine Dog Nail Trimmer

Safari® Guillotine Dog Nail Trimmer

A sturdy, easy-to-use tool that makes nail care quick and stress-free for both you and your pup.

Comfort Soft Wrap Adjustable Dog Harness

Comfort Soft Wrap Adjustable Dog Harness

Soft, breathable mesh with adjustable straps for a secure, comfortable fit on walks.

Train Right Dog Training Clicker

Train Right!® Dog Training Clicker

A simple, effective training tool that makes positive reinforcement easier and more consistent.

What Our Staff is Saying:

“I love this brand, it’s made from breathable material and provides a comfortable harness for my toy breed. This brand was one of the only brands that worked best for my petite toy puppy, with no slipping issues.”
– Lydia P., Groomer at our Roanoke store

Ready to Explore?

Click below to shop Coastal Pet Products and find quality pet gear you’ll reach for every day.

Shop Coastal Pet Products