Tool-Free Robotics Building Set
:root { /* Design System Variables */ --primary: #2563eb; --primary-hover: #1d4ed8; --accent: #f97316; --text-main: #1e293b; --text-sub: #475569; --bg-body: #ffffff; --bg-card: #f8 fafc; --border-color: #e2e8f0; --radius-md: 12px; --radius-lg: 20px; --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1); --spacing-module: clamp(3rem, 6vw, 5rem); } /* Container Reset & Core Typography */ .product-detail-container { max-width: 1200px; margin: 0 auto; padding: 0 5%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--text-main); background-color: var(--bg-body); 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: border-box; } .product-detail-container h1 { font-size: clamp(32px, 4vw, 44px); line-height: 1.2; font-weight: 800; margin: 0 0 1.5rem 0; color: var(--text-main); } .product-detail-container h2 { font-size: clamp(24px, 3vw, 32px); line-height: 1.3; font-weight: 700; margin: 0 0 1.25rem 0; } .product-detail-container h3 { font-size: clamp(20px, 2.5vw, 24px); line-height: 1.4; font-weight: 600; margin: 0 0 1rem 0; } .product-detail-container p { font-size: clamp(18px, 2vw, 20px); margin: 0 0 1.5rem 0; color: var(--text-sub); } /* Image Protocol - Plan A Default */ .product-detail-container img { width: 100%; height: auto; display: block; border-radius: var(--radius-lg); } .img-placeholder { width: 100%; aspect-ratio: 4/3; background-color: var(--bg-card); border: 2px dashed var(--border-color); border-radius: var(--radius-lg); display: flex; align-items: center; justify-content: center; font-size: 1.125rem; color: var(--text-sub); font-weight: 600; } /* Non-interactive Visual Badges */ .visual-badge { display: inline-block; background-color: var(--accent); color: #fff; padding: 0.5rem 1.25rem; border-radius: 50px; font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 1.5rem; } .social-proof { display: flex; align-items: center; gap: 0.75rem; font-size: 1.125rem; font-weight: 600; color: var(--primary); margin-bottom: 2rem; } .social-proof-stars { color: #fbbf24; font-size: 1.5rem; letter-spacing: 2px; } /* Hero Section */ .hero-section { text-align: center; margin-top: 2rem; margin-bottom: var(--spacing-module); } .hero-copy { max-width: 800px; margin: 0 auto 3rem auto; } /* Features Section (Z-Pattern & Mobile Order Lock) */ .features-section { margin-bottom: var(--spacing-module); } .feature-item { display: flex; flex-direction: column; /* MOBILE FIRST: Strict vertical stacking */ gap: 2rem; margin-bottom: var(--spacing-module); } .feature-media { width: 100%; } .feature-copy { width: 100%; display: flex; flex-direction: column; justify-content: center; } @media (min-width: 768px) { .feature-item { flex-direction: row; /* Desktop Z-Pattern */ align-items: center; gap: clamp(3rem, 5vw, 6rem); } .feature-item:nth-child(even) { flex-direction: row-reverse; } .feature-media, .feature-copy { flex: 1; min-width: 0; /* Prevents text overflow */ } } /* Specifications Table Strategy */ .specs-section { margin-bottom: var(--spacing-module); background-color: var(--bg-card); padding: clamp(2rem, 4vw, 4rem); border-radius: var(--radius-lg); } .specs-section h2 { text-align: center; margin-bottom: 2rem; } .spec-table { width: 100%; border-collapse: collapse; } .spec-table th, .spec-table td { padding: 1.25rem; text-align: left; font-size: 1.125rem; border-bottom: 1px solid var(--border-color); } .spec-table th { font-weight: 700; color: var(--text-main); width: 35%; } .spec-table td { color: var(--text-sub); } /* Mobile Table: Card-based transformation */ @media (max-width: 767px) { .spec-table, .spec-table thead, .spec-table tbody, .spec-table tr, .spec-table th, .spec-table td { display: block; width: 100%; } .spec-table thead { display: none; /* Hide native header */ } .spec-table tr { background: #ffffff; border: 1px solid var(--border-color); border-radius: var(--radius-md); margin-bottom: 1rem; padding: 1rem; box-shadow: var(--shadow-sm); } .spec-table td { border-bottom: none; padding: 0.5rem 0; display: flex; flex-direction: column; gap: 0.25rem; } .spec-table td::before { content: attr(data-label); font-weight: 700; color: var(--text-main); font-size: 1rem; } } /* FAQ Section */ .faq-section { margin-bottom: var(--spacing-module); } .faq-section h2 { text-align: center; margin-bottom: 3rem; } .faq-item { background-color: var(--bg-card); border-radius: var(--radius-md); padding: 2rem; margin-bottom: 1.5rem; border: 1px solid var(--border-color); } .faq-question { font-size: clamp(20px, 2.5vw, 22px); font-weight: 700; color: var(--text-main); margin-bottom: 1rem; display: flex; gap: 1rem; align-items: flex-start; } .faq-question::before { content: "Q."; color: var(--primary); font-size: clamp(24px, 3vw, 28px); line-height: 1; } .faq-answer { font-size: clamp(18px, 2vw, 19px); color: var(--text-sub); padding-left: 2.5rem; margin: 0; } 12-in-1 Educational Kit Empower Young Minds with Hands-On STEM Discovery Spark endless curiosity with twelve engaging projects spanning electronics, solar energy, and mechanical engineering. ★★★★★ Trusted by 10,000+ Parents & Educators 12 Diverse Experiments in One Box Say goodbye to boredom. This comprehensive kit features twelve distinct activities designed to introduce fundamental concepts in technology, engineering, and mathematics. Each project offers a unique hands-on discovery process, fostering a lifelong passion for science. Unstoppable Fun: Solar & Battery Powered Whether you're exploring renewable energy outdoors on a sunny day or continuing the experiment indoors on a rainy afternoon, the dual power setup ensures the learning never stops. Experience real-world energy conversion firsthand. (Note: AA batteries are required for indoor use but are not supplied). Tool-Free & Frustration-Free Assembly Empower your child to build independently. Featuring modular electronic components and highly visual, color-coded instructions, this kit eliminates the need for complex tools. Watch them develop critical logical thinking and hands-on coordination while safely exploring circuits and gears. Product Specifications Feature Details Age Recommendation 8+ Years Old Materials Child-safe, premium ABS plastic and standard electronic components Included Projects 12 Unique Modular Build Variations Power Options Solar Panel (Included) & AA Battery Pack (Batteries Not Included) Package Dimensions 28.0 cm × 20.0 cm × 6.5 cm (11.0 in × 7.9 in × 2.6 in) Total Weight 450 g (15.9 oz) Frequently Asked Questions Are batteries included in the kit? No, batteries are not supplied with the kit. The projects can be powered by the included solar panel when outdoors, but you will need standard AA batteries for indoor use or during cloudy weather. Do I need any extra tools to assemble the projects? Not at all! The kit is designed with modular, snap-together electronic components. With our color-coded instructions, users can independently assemble all twelve projects without screws, soldering, or complex tools. Is this kit safe for my child to use? Absolutely. We carefully selected all materials with strict attention to safety standards. The low-voltage circuits and premium materials ensure a relaxed, secure play and learning environment for young innovators.
More you might like
Related
Tool-Free Robotics Building Set
Related
Tool-Free Robotics Building Set
Related
Tool-Free Robotics Building Set
Related