: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; } 🐾 Interactive Dog Toy Unleash Endless Fun with WonderBall! Transform playtime into an engaging experience with WonderBall, the interactive dog toy designed to keep your furry friend active and entertained. This clever ball not only provides endless fun but also stimulates your dog's mind, reduces separation anxiety, and promotes overall well-being. ★★★★★ The Toy Your Dog Will Love Forever A Playmate for Every Pooch WonderBall engages your dog's natural instincts by encouraging them to chase, fetch, and solve problems. Its unique squeak and roll action sparks curiosity and keeps your dog coming back for more. Calm and Content Canine Leaving your dog home alone can be tough. WonderBall is here to make it easier by keeping them entertained and reducing anxiety when you're away. Come home to a relaxed and happy pet every day! Built to Last Crafted from durable materials, WonderBall is designed to withstand the roughest playtimes without the need for batteries. Perfect for dogs of all sizes and breeds. Product Specifications Discover what makes the WonderBall a must-have for your pet. Feature Details Interactive Play Promotes physical activity and mental stimulation. Separation Aid Helps reduce separation anxiety with engaging entertainment. Long-lasting Made from robust materials for extended use. Battery-Free No batteries required — just pure fun! Universal Fit Suitable for all dog breeds and sizes. Frequently Asked Questions Is the WonderBall suitable for all dog sizes? Yes, WonderBall is designed to be enjoyed by dogs of all sizes and breeds. Does it require batteries? No, WonderBall does not require batteries, ensuring endless play without interruptions. How does it help with separation anxiety? WonderBall keeps your dog entertained and mentally engaged, which can help alleviate the stress of being alone. Is it durable? Absolutely. It's built from tough materials to withstand even the most energetic play sessions. How long will it take to receive my order? All orders are processed within 1-2 business days, and delivery typically takes 7-10 business days. Depending on your location, it may arrive sooner.
