.product-detail-container { --primary: #00aedb; --primary-hover: #008cba; --text-main: #333333; --text-sub: #666666; --bg-body: #ffffff; --bg-card: #f8f9fa; --bg-soft: #e9ecef; --radius-md: 8px; --radius-lg: 16px; --shadow-sm: 0 2px 4px rgba(0,0,0,0.05); --shadow-lg: 0 8px 16px rgba(0,0,0,0.1); --border-color: #e0e0e0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--text-main); line-height: 1.6; } .product-detail-container h1, .product-detail-container h2, .product-detail-container h3 { font-weight: 700; margin-bottom: 1rem; color: var(--text-main); } .product-detail-container h1 { font-size: clamp(32px, 5vw, 44px); line-height: 1.2; } .product-detail-container h2 { font-size: clamp(24px, 4vw, 32px); line-height: 1.3; } .product-detail-container h3 { font-size: 20px; font-weight: 600; } .product-detail-container p { font-size: 18px; margin-bottom: 1rem; color: var(--text-sub); } .product-detail-container .section-spacing { margin-bottom: clamp(3rem, 8vw, 5rem); } .product-detail-container img { width: 100%; height: auto; display: block; border-radius: var(--radius-md); } /* Image Placeholder Style */ .product-detail-container .img-placeholder { width: 100%; aspect-ratio: 16/9; background-color: var(--bg-soft); border: 2px dashed var(--border-color); border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; color: var(--text-sub); font-family: monospace; font-size: 14px; } /* Intro Section */ .product-detail-container .intro-section { text-align: center; max-width: 800px; margin-left: auto; margin-right: auto; } .product-detail-container .trust-badge { display: inline-block; background-color: var(--bg-soft); color: var(--text-sub); padding: 0.5rem 1rem; border-radius: 50px; font-size: 16px; font-weight: 500; margin-bottom: 1rem; } /* Feature Sections */ .product-detail-container .feature-item { display: flex; flex-direction: column; gap: clamp(2rem, 5vw, 4rem); align-items: center; } @media (min-width: 768px) { .product-detail-container .feature-item { flex-direction: row; } .product-detail-container .feature-item:nth-child(even) { flex-direction: row-reverse; } .product-detail-container .feature-media, .product-detail-container .feature-copy { flex: 1; } } .product-detail-container .feature-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; } .product-detail-container .feature-tag { background-color: var(--bg-card); color: var(--primary); padding: 0.25rem 0.75rem; border-radius: var(--radius-md); font-size: 14px; font-weight: 600; } /* Specifications Section */ .product-detail-container .specs-table { width: 100%; border-collapse: collapse; margin-top: 1rem; } .product-detail-container .specs-table th, .product-detail-container .specs-table td { padding: 1rem; text-align: left; border-bottom: 1px solid var(--border-color); } .product-detail-container .specs-table th { font-weight: 600; color: var(--text-main); width: 30%; background-color: var(--bg-card); } @media (max-width: 767px) { .product-detail-container .specs-table, .product-detail-container .specs-table tbody, .product-detail-container .specs-table tr, .product-detail-container .specs-table th, .product-detail-container .specs-table td { display: block; width: 100%; } .product-detail-container .specs-table th { display: none; } .product-detail-container .specs-table td { padding-left: 50%; position: relative; border-bottom: 1px solid var(--border-color); } .product-detail-container .specs-table td::before { content: attr(data-label); position: absolute; left: 1rem; width: 45%; font-weight: 600; white-space: nowrap; } } /* FAQ Section */ .product-detail-container .faq-item { margin-bottom: 1.5rem; border-bottom: 1px solid var(--border-color); padding-bottom: 1.5rem; } .product-detail-container .faq-question { font-size: 20px; font-weight: 600; margin-bottom: 0.5rem; color: var(--text-main); } .product-detail-container .faq-answer { margin-bottom: 0; } Fun for Ages 8+ & Families The Ultimate Speed & Logic Puzzle Race Stack, swap, and solve your way to victory in this fast-paced, brain-teasing challenge. Perfect for head-to-head competition or solo play. Race to the Finish Line Face off against an opponent and be the first to replicate the pattern shown on the challenge card. It’s a thrilling test of speed, observation, and hand-eye coordination that keeps everyone on their toes. 2-Player Mode Head-to-Head Action Think Fast, Move Smart Master the unique movement rules—rings can only be moved onto a post with the same top color or an empty post. Plan your moves strategically to solve the puzzle before time runs out. Brain Teaser Logical Strategy Solo Challenge A Complete Challenge Kit With 50 challenge cards offering both Easy and Hard levels, plus two game racks and 80 textured rings, every session is a new experience. The compact design makes it easy to set up and store. 50 Challenges 80 Rings Easy & Hard Modes Specifications Product Name Competitive Desktop Puzzle Game Recommended Age 8 Years and Up Players 1-2 Players What's in the Box 2 Game Racks, 80 Colored Rings, 50 Challenge Cards, Instructions Frequently Asked Questions How do you play the game? Players pick a challenge card and race to arrange the rings on their rack to match the card's pattern. The catch is you can only move one ring at a time onto a post with a matching color or an empty post. Is this game suitable for younger kids? The game is recommended for ages 8 and up due to the logical thinking required and small parts. It's great for older kids, teens, and adults to play together. Can I play this game alone? Yes! The game includes a solo mode where you can challenge yourself to solve the puzzles against the clock or just for brain-teasing fun.