ShaggyBrush
: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; } 🐾 Pet Care Essentials Transform Grooming into a Relaxing Ritual. The ShaggyBrush is your go-to brush for a stress-free grooming experience for both dogs and cats. Designed to gently remove loose hair and detangle fur while adding a shiny finish, it's perfect for pets that appreciate a gentle touch. ★★★★★ The Ultimate Brush for Happy Pets Hydrating Spray for Smooth Brushing. The built-in spray mist keeps the fur slightly moist to minimize static and hair flyaway. Fill it with water, mild fur cleaner, or conditioning spray — the ShaggyBrush adapts to your pet's specific needs. A Soothing Massage in Every Stroke. The rounded comb tips gently glide over sensitive skin without scratching or tugging. Watch your pet relax as the brush doubles as a calming massager. Product Specifications Everything you need to know before grooming. Feature Specification Details Gentle Care Soft grooming brush with spray function for dogs and cats of all fur lengths. Detangling & Hair Removal Removes loose hair and detangles without pulling, reducing static and hair flyaway. Soothing Massage Skin-friendly bristles provide a calming massage effect. Refillable Fill with water, conditioners, or other grooming products as needed. USB Rechargeable Includes USB cable for easy charging. ABS Plastic Durable and lightweight ABS plastic construction. Suitable for All pet sizes and fur types. Frequently Asked Questions Can I use it on wet fur? Yes, the ShaggyBrush is designed for use on both dry and slightly damp fur, making it perfect for post-bath grooming. How do I clean the brush? Simply rinse the brush under warm water and let it air dry. Ensure the spray reservoir is emptied and cleaned regularly for best performance. Is it suitable for all pet sizes? Yes, it's designed to accommodate all sizes and fur types, from small cats to large dogs. How often should I recharge it? The USB-rechargeable battery lasts several grooming sessions on a full charge. Recharge as needed, depending on usage frequency.