StepSprout
:root { --primary: #1E3A8A; --primary-light: #EFF6FF; --accent: #EA580C; --text-main: #0F172A; --text-sub: #475569; --bg-body: #FFFFFF; --bg-card: #F8FAFC; --border-color: #E2E8F0; --radius-md: 8px; --radius-lg: 16px; --shadow-sm: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06); --shadow-md: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); } .product-detail-container { max-width: 1200px; margin: 0 auto; padding: 0 5%; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--text-main); background-color: var(--bg-body); overflow-wrap: break-word; word-break: break-word; line-height: 1.6; } .product-detail-container * { box-sizing: border-box; } .pd-h1 { font-size: clamp(34px, 5vw, 44px); line-height: 1.2; font-weight: 800; margin: 0 0 1rem 0; color: var(--text-main); letter-spacing: -0.02em; } .pd-h2 { font-size: clamp(26px, 4vw, 32px); line-height: 1.3; font-weight: 700; margin: 0 0 1rem 0; color: var(--text-main); } .pd-h3 { font-size: clamp(20px, 3vw, 24px); line-height: 1.4; font-weight: 600; margin: 0 0 0.75rem 0; } .pd-p { font-size: clamp(18px, 2vw, 20px); line-height: 1.7; color: var(--text-sub); margin: 0 0 1.5rem 0; } .pd-badge { display: inline-block; background-color: var(--primary-light); color: var(--primary); font-size: 16px; font-weight: 600; padding: 0.5rem 1rem; border-radius: 50px; margin-bottom: 1.5rem; text-transform: uppercase; letter-spacing: 0.05em; } .pd-img-wrapper { width: 100%; border-radius: var(--radius-lg); overflow: hidden; background: var(--bg-card); box-shadow: var(--shadow-sm); } .pd-img-wrapper img { width: 100%; height: auto; display: block; object-fit: contain; } .pd-section { margin-bottom: clamp(4rem, 8vw, 6rem); } .pd-hero { text-align: center; padding-top: clamp(2rem, 4vw, 4rem); } .pd-social-proof { font-size: 18px; font-weight: 600; color: var(--accent); margin-top: 1.5rem; display: flex; align-items: center; justify-content: center; gap: 0.5rem; } .pd-feature-item { display: flex; flex-direction: column; gap: clamp(2rem, 5vw, 4rem); margin-bottom: clamp(3rem, 6vw, 5rem); } .pd-feature-media, .pd-feature-copy { width: 100%; } .pd-feature-copy { display: flex; flex-direction: column; justify-content: center; } @media (min-width: 768px) { .pd-feature-item { flex-direction: row; align-items: center; } .pd-feature-item:nth-child(even) { flex-direction: row-reverse; } .pd-feature-media { flex: 5; } .pd-feature-copy { flex: 5; padding: 0 2rem; } } .pd-specs-container { background: var(--bg-card); padding: clamp(2rem, 5vw, 4rem); border-radius: var(--radius-lg); } .pd-table { width: 100%; border-collapse: collapse; margin-top: 2rem; } .pd-table th, .pd-table td { padding: 1.25rem 1rem; text-align: left; font-size: 18px; border-bottom: 1px solid var(--border-color); } .pd-table th { font-weight: 700; color: var(--text-main); background-color: var(--primary-light); } .pd-table td { color: var(--text-sub); } @media (max-width: 767px) { .pd-table, .pd-table thead, .pd-table tbody, .pd-table tr, .pd-table td { display: block; width: 100%; } .pd-table thead { display: none; } .pd-table tr { background: var(--bg-body); border: 1px solid var(--border-color); border-radius: var(--radius-md); margin-bottom: 1.5rem; padding: 0.5rem; box-shadow: var(--shadow-sm); } .pd-table td { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed var(--border-color); padding: 1rem 0.5rem; text-align: center; flex-direction: column; } .pd-table td:last-child { border-bottom: none; } .pd-table td::before { content: attr(data-label); font-weight: 700; color: var(--text-main); text-align: center; flex-shrink: 0; } } .pd-faq-list { display: flex; flex-direction: column; gap: 1.5rem; } .pd-faq-item { background: var(--bg-card); padding: clamp(1.5rem, 3vw, 2rem); border-radius: var(--radius-md); border-left: 4px solid var(--primary); } .pd-faq-q { font-size: clamp(20px, 3vw, 22px); font-weight: 700; color: var(--text-main); margin: 0 0 0.5rem 0; } .pd-faq-a { font-size: clamp(18px, 2.5vw, 19px); color: var(--text-sub); margin: 0; line-height: 1.6; } 🐾 Paw-Activated Fun StepSprout: Make Hydration a Playful Adventure! Transform ordinary drinking into a delightful game with StepSprout, the paw-activated fountain designed for your dog's ultimate enjoyment. Perfect for those hot summer days when your furry friend needs a refreshing splash combined with playful engagement. ★★★★★ The Ultimate Summer Treat for Your Dog Turn Drinking into a Game Dogs naturally love to press things with their paws. StepSprout rewards that instinct by turning a simple drink of water into an engaging activity. It stimulates their curiosity and intelligence while strengthening the bond between you and your pet. Training Made Simple Whether for puppies or older dogs, StepSprout facilitates quick learning, allowing them to independently access fresh water. The large paw symbol naturally attracts their attention, making training both fun and effective. Product Specifications Key details for informed pet owners. Feature Specification Details Paw-Activated Encourages self-hydration through play, enhancing both mental and physical stimulation. Stainless Steel Durable and rust-resistant, ensuring longevity and safety for your pet. Garden Hose Quick and easy attachment to any standard garden hose for continuous fresh water. Perfect for Summer Ideal for keeping your dog cool and refreshed during hot weather. Puppy Training Excellent for teaching young dogs to drink independently. Frequently Asked Questions Is it suitable for all dog sizes? Yes, StepSprout is designed to be used by dogs of all sizes. For specific size details, please refer to the product images. How easy is it to install? Installation is straightforward. Simply connect it to a standard garden hose, and your pet is ready to enjoy. What materials is it made from? The fountain is crafted from high-quality stainless steel, ensuring durability and safety for your pet. Can it be used indoors? StepSprout is designed for outdoor use due to its connection to a garden hose. Indoor use is not recommended. How quickly will my dog learn to use it? Many dogs quickly learn to use StepSprout thanks to its intuitive design. The large paw symbol helps guide them naturally to activate the fountain.