Interactive Puzzle Track Set
:root { /* Color Palette */ --primary: #008BF8; --primary-hover: #0070c9; --accent: #FFB000; --text-main: #1E293B; --text-sub: #475569; --bg-body: #FFFFFF; --bg-card: #F4F8FB; --bg -table-stripe: #F8FAFC; --border-color: #E2E8F0; /* Shapes & Shadows */ --radius-md: 12px; --radius-lg: 20px; --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); --shadow-lg: 0 10px 25px -3px rgba(0, 139, 248, 0.1), 0 4px 6px -2px rgba(0, 139, 248, 0.05); /* Spacing System */ --space-sm: clamp(1rem, 2vw, 1.5rem); --space-md: clamp(2rem, 4vw, 3rem); --space-lg: clamp(3rem, 6vw, 5rem); } /* Global Resets within Container */ .product-detail-container { max-width: 1200px; margin: 0 auto; padding: 0 5%; font-family: 'Inter', -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; } /* Typography System */ .pdp-h1 { font-size: clamp(34px, 5vw, 44px); line-height: 1.2; font-weight: 800; color: var(--text-main); margin: 0 0 var(--space-sm) 0; letter-spacing: -0.02em; } .pdp-h2 { font-size: clamp(28px, 4vw, 36px); line-height: 1.3; font-weight: 700; color: var(--text-main); margin: 0 0 var(--space-sm) 0; } .pdp-h3 { font-size: clamp(22px, 3vw, 26px); line-height: 1.4; font-weight: 700; color: var(--text-main); margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0; } .pdp-p { font-size: clamp(18px, 2vw, 20px); color: var(--text-sub); margin: 0 0 var(--space-sm) 0; line-height: 1.7; } .pdp-aux { font-size: clamp(16px, 1.5vw, 18px); color: var(--text-sub); } /* Non-Interactive Badges */ .pdp-badge-wrapper { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: var(--space-md); } .pdp-badge { display: inline-flex; align-items: center; background-color: var(--accent); color: #452A00; padding: 8px 16px; border-radius: 50px; font-size: 16px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; } .pdp-badge-secondary { background-color: var(--bg-card); color: var(--primary); border: 2px solid rgba(0, 139, 248, 0.1); } /* Image Protocol */ .pdp-img-fluid { width: 100%; height: auto; display: block; border-radius: var(--radius-lg); } .pdp-placeholder { width: 100%; aspect-ratio: 4 / 3; background-color: var(--bg-card); border: 3px dashed #BBDDFB; border-radius: var(--radius-lg); display: flex; align-items: center; justify-content: center; color: var(--primary); font-size: 18px; font-weight: 700; text-align: center; padding: 20px; box-shadow: var(--shadow-sm); } /* Hero Section */ .pdp-hero { padding: var(--space-lg) 0; text-align: center; display: flex; flex-direction: column; align-items: center; } .pdp-hero-copy { max-width: 900px; margin: 0 auto var(--space-md) auto; } .pdp-hero-media { width: 100%; max-width: 1000px; margin: 0 auto; } /* Features Section (Mobile Ordering Lock: Z-Pattern on Desktop, Col on Mobile) */ .pdp-features { padding: var(--space-lg) 0; display: flex; flex-direction: column; gap: var(--space-lg); } .feature-item { display: flex; flex-direction: column; /* MOBILE FIRST: Strict Order Lock */ gap: var(--space-md); background: var(--bg-body); } .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; } .feature-item:nth-child(even) { flex-direction: row-reverse; } .feature-media, .feature-copy { width: 50%; } .feature-copy { padding: 0 clamp(2rem, 4vw, 4rem); } .feature-item:nth-child(odd) .feature-copy { padding-right: 0; } .feature-item:nth-child(even) .feature-copy { padding-left: 0; } } /* Specifications Table - Mobile Card Strategy */ .pdp-specs { padding: var(--space-lg) 0; background-color: var(--bg-card); border-radius: var(--radius-lg); margin: var(--space-lg) 0; padding-left: clamp(1rem, 4vw, 3rem); padding-right: clamp(1rem, 4vw, 3rem); } .pdp-table { width: 100%; border-collapse: collapse; margin-top: var(--space-md); } .pdp-table th, .pdp-table td { padding: 16px 24px; text-align: left; border-bottom: 1px solid var(--border-color); font-size: clamp(16px, 1.5vw, 18px); } .pdp-table th { font-weight: 700; color: var(--text-main); background-color: rgba(0, 139, 248, 0.05); width: 35%; } .pdp-table td { color: var(--text-sub); font-weight: 500; } @media (max-width: 767px) { /* CRITICAL: Force Card Layout on Mobile */ .pdp-table, .pdp-table thead, .pdp-table tbody, .pdp-table th, .pdp-table td, .pdp-table tr { display: block; width: 100%; } .pdp-table thead { display: none; /* Hide desktop headers */ } .pdp-table tr { background-color: var(--bg-body); border: 1px solid var(--border-color); border-radius: var(--radius-md); margin-bottom: 16px; padding: 12px; box-shadow: var(--shadow-sm); } .pdp-table td { border: none; padding: 10px 8px; display: flex; flex-direction: column; gap: 4px; border-bottom: 1px solid #F1F5F9; } .pdp-table td:last-child { border-bottom: none; } .pdp-table td::before { content: attr(data-label); font-weight: 700; color: var(--text-main); font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; } } /* FAQ Section */ .pdp-faq { padding: var(--space-lg) 0; } .pdp-faq-item { background-color: var(--bg-body); border: 2px solid var(--bg-card); border-radius: var(--radius-md); padding: clamp(1.5rem, 3vw, 2rem); margin-bottom: clamp(1rem, 2vw, 1.5rem); transition: box-shadow 0.3s ease; } .pdp-faq-item:hover { box-shadow: var(--shadow-sm); border-color: var(--primary); } .pdp-faq-q { font-size: clamp(20px, 2.5vw, 24px); font-weight: 700; color: var(--text-main); margin: 0 0 12px 0; display: flex; gap: 12px; align-items: flex-start; } .pdp-faq-q::before { content: "Q."; color: var(--primary); } .pdp-faq-a { font-size: clamp(18px, 2vw, 20px); color: var(--text-sub); margin: 0; padding-left: 36px; line-height: 1.7; } /* Structural Divider */ .pdp-divider { height: 4px; width: 80px; background-color: var(--primary); border-radius: 4px; margin: var(--space-md) auto; } π Loved by 15,000+ Parents π§ Montessori Inspired Build, Race, and Learn with Endless Track Possibilities! The ultimate Montessori puzzle car track set designed to boost creativity, enhance problem-solving, and provide hours of screen-free fun for children aged 3 to 8. Unlimited Routes & Endless Fun With 25 intricately designed puzzle pieces, 25 vivid road signs, and 4 speedy battery-operated cars, your little ones can assemble a completely custom track every single time. Watch their eyes light up as the cars zoom through their unique creations! Montessori Skill Development More than just a thrilling racing game, this playset is a valuable educational tool. By connecting puzzles and planning routes, children naturally enhance their logical thinking, spatial awareness, and creative problem-solving skills through immersive hands-on play. 100% Child-Safe & Built to Last We prioritize your child's safety above all. Crafted from premium, drop-resistant ABS plastic, every puzzle piece is carefully polished to feature completely smooth, rounded edges. Children can grasp, build, and play freely with total peace of mind. Hassle-Free Storage & Cleaning Designed with busy parents in mind! This toy set is wonderfully compact, making it incredibly easy to store at home or carry along for outdoor playdates. The non-porous hard plastic material ensures a quick and effortless wipe-down to keep things sanitary. Product Specifications Feature Details Material Premium ABS Plastic (BPA-Free, Non-Toxic) Included Components 25 Puzzle Pieces, 25 Road Signs, 1 Electric Cars Power Requirements 1 x AAA Battery per car (Batteries not included) Recommended Age 3 to 8 Years Old Assembled Dimensions (Est.) 60.0 cm x 40.0 cm / 23.6 in x 15.7 in Package Weight (Est.) 850.0 g / 30.0 oz Frequently Asked Questions Do I need to buy batteries separately? Yes, each of the 4 included cars requires 1 AAA battery to operate. Batteries are not included in the package. We recommend using high-quality alkaline or rechargeable batteries for the longest racing time. Are the edges of the puzzle pieces safe for younger children? Absolutely! Every single puzzle piece and accessory is crafted from high-quality ABS plastic and thoroughly polished to ensure there are no sharp edges or burrs, making it 100% safe for delicate little hands. Can we take this set outdoors? Yes! The set is designed to be highly portable and durable. It is perfect for indoor play areas, living room floors, and even outdoor play mats. Plus, the smooth plastic surface makes it incredibly easy to wipe clean after outdoor adventures.
More you might like
Related
Interactive Puzzle Track Set
Related
Interactive Puzzle Track Set
Related
Interactive Puzzle Track Set
Related