Interactive LED Robotic Fish Toy for Pets
/* Design System - Scoped CSS Variables */ .product-detail-container { --primary: #00B4D8; --primary-hover: #0096C7; --accent: #FF9E00; --text-main: #2B2D42; --text-sub: #6C757D; - -bg-body: #FFFFFF; --bg-card: #F8F9FA; --bg-badge: #E0F7FA; --text-badge: #0077B6; --radius-md: 12px; --radius-lg: 20px; --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.05); --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.08); --border-color: #E9ECEF; --spacing-section: clamp(3rem, 6vw, 5rem); --spacing-module: clamp(2rem, 5vw, 4rem); /* Typography Setup */ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--text-main); background-color: var(--bg-body); max-width: 1200px; margin: 0 auto; padding: 0 5%; box-sizing: border-box; overflow-wrap: break-word; word-break: break-word; line-height: 1.7; } .product-detail-container *, .product-detail-container *::before, .product-detail-container *::after { box-sizing: inherit; } /* Typography Scale */ .product-detail-container h1, .product-detail-container h2, .product-detail-container h3, .product-detail-container h4 { margin-top: 0; margin-bottom: 1rem; font-weight: 800; color: var(--text-main); line-height: 1.3; } .product-detail-container h1 { font-size: clamp(32px, 5vw, 44px); } .product-detail-container h2 { font-size: clamp(26px, 4vw, 32px); } .product-detail-container h3 { font-size: clamp(22px, 3.5vw, 26px); } .product-detail-container p { font-size: clamp(18px, 2.5vw, 20px); color: var(--text-sub); margin-bottom: 1.5rem; } /* Badges & Social Proof */ .pd-social-proof { display: inline-flex; align-items: center; gap: 8px; background: var(--bg-card); padding: 10px 16px; border-radius: 50px; margin-bottom: 24px; font-size: 16px; font-weight: 600; color: var(--text-main); } .pd-stars { color: var(--accent); font-size: 18px; } .pd-badge-group { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; } .pd-badge { background-color: var(--bg-badge); color: var(--text-badge); padding: 8px 16px; border-radius: 8px; font-size: 16px; font-weight: 700; letter-spacing: 0.5px; } /* Media Box Protocol */ .pd-media-box { width: 100%; border-radius: var(--radius-lg); overflow: hidden; background: var(--bg-card); box-shadow: var(--shadow-sm); } .pd-media-box img { width: 100%; height: auto; display: block; } /* Placeholder Styling */ .pd-placeholder { width: 100%; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; background: #f1f3f5; border: 2px dashed #dee2e6; border-radius: var(--radius-lg); color: #868e96; font-size: 18px; font-weight: bold; } /* Sections */ .pd-section { padding: var(--spacing-section) 0; } /* Hero Section */ .pd-hero { text-align: center; padding-top: clamp(2rem, 4vw, 3rem); } .pd-hero-copy { max-width: 800px; margin: 0 auto clamp(2rem, 4vw, 3rem); } /* Features - Z-Pattern Architecture */ .pd-features-container { display: flex; flex-direction: column; gap: var(--spacing-module); } .pd-feature-item { display: flex; flex-direction: column; /* Mobile first: Image top, text bottom */ gap: 24px; } .pd-feature-media, .pd-feature-copy { flex: 1; width: 100%; } /* Specifications Table (Mobile Card Magic) */ .pd-specs-container { background: var(--bg-card); border-radius: var(--radius-lg); padding: clamp(1.5rem, 4vw, 3rem); } .pd-table { width: 100%; border-collapse: collapse; font-size: 18px; } .pd-table th, .pd-table td { padding: 16px 20px; text-align: left; border-bottom: 1px solid var(--border-color); } .pd-table th { background-color: #E9ECEF; font-weight: 700; color: var(--text-main); } /* FAQ Section */ .pd-faq-item { background: var(--bg-card); border-radius: var(--radius-md); padding: 24px; margin-bottom: 16px; } .pd-faq-q { font-size: 20px; font-weight: 700; color: var(--text-main); margin-bottom: 12px; display: flex; gap: 12px; } .pd-faq-q::before { content: "Q:"; color: var(--primary); } .pd-faq-a { font-size: 18px; color: var(--text-sub); padding-left: 32px; margin: 0; } /* Responsive Desktop Enhancement */ @media (min-width: 768px) { /* Z-Pattern Activation */ .pd-feature-item { flex-direction: row; align-items: center; gap: 60px; } .pd-feature-item:nth-child(even) { flex-direction: row-reverse; } .pd-hero-media { max-width: 80%; margin: 0 auto; } /* Desktop Table Formatting */ .pd-table tr:hover { background-color: var(--bg-body); } } /* Strict Mobile Table Override (No Horizontal Scroll) */ @media (max-width: 767px) { .pd-table, .pd-table thead, .pd-table tbody, .pd-table tr, .pd-table th, .pd-table td { display: block; width: 100%; } .pd-table thead { display: none; /* Hide standard headers */ } .pd-table tr { background: var(--bg-body); border: 1px solid var(--border-color); border-radius: var(--radius-md); margin-bottom: 16px; overflow: hidden; padding: 8px 0; } .pd-table td { border-bottom: none; display: flex; flex-direction: column; padding: 12px 20px; position: relative; } .pd-table td::before { content: attr(data-label); font-weight: 700; font-size: 16px; color: var(--text-main); margin-bottom: 4px; opacity: 0.8; } .pd-table td:not(:last-child) { border-bottom: 1px dashed var(--border-color); } } ★★★★★ Loved by 25,000+ Happy Pets Trigger Their Wild Instincts with Hyper-Realistic Swimming Action The ultimate water-activated robotic fish that keeps your cat or ferret endlessly entertained, mimicking the exact motions of fish in the wild to unleash their inner hunter. Water-Activated Built-in LED Pet-Safe Material Unpredictable, Lifelike Motion Watch your cat or ferret's eyes light up! This electronic fish speeds up, slows down, and sways in the water just like a real fish. Its cleverly engineered tail twists in an incredibly lifelike manner, capturing their attention and encouraging healthy physical exercise as they chase and pounce. Mesmerizing LED Display Playtime just got a lot more exciting, even in the dark. Built with a fully waterproof LED light that twinkles beautifully beneath the water's surface. The shining display acts as a visual magnet, capturing your pet's curiosity in dimly lit rooms and elevating their interactive experience. Smart, Water-Activated Design Engineered with brilliant simplicity. No complicated switches—just drop the toy into a bowl or tub, and it immediately springs to life. Once playtime is over and you take it out of the water, the smart sensor automatically powers off the mechanism to save battery life for the next exciting hunt. Product Specifications Specification Details Material Durable, Non-Toxic, Pet-Safe Plastic Dimensions (L x W x H) 7.6 cm x 3.5 cm x 2.0 cm (3.0 in x 1.4 in x 0.8 in) Weight 15.0 g (0.5 oz) Power Source Replaceable Cell Batteries (Pre-installed) Suitability Cats, Kittens, Ferrets, and Small Dogs Frequently Asked Questions Is it safe if my cat aggressively bites the fish? Absolutely. The fish is constructed from high-quality, non-toxic materials specifically built to withstand the enthusiastic bites, batting, and scratches of cats and ferrets safely. How do I turn the robotic fish on and off? It is completely automatic! The toy is water-activated. It starts swimming the exact moment it touches water and powers down immediately when taken out and dried. Can I use this toy in a regular water bowl? Yes! As long as the container—whether it's a large water bowl, a sink, or a bathtub—has enough depth for the fish to submerge and swim freely, your pet can enjoy the chase.