{"product_id":"cordless-ufo-galaxy-projector","title":"Cordless UFO Galaxy Projector","description":"\u003cbr\u003e\u003c!--[AI Design Logic]Product Type: 3-in-1 Star Moon \u0026 Aurora Projector (UFO Design)Target Audience: Kids, teens, adults (Sleep aid, sensory therapy, gifting)Visual Style: Cosmic \u0026 Immersive Dark Mode \/ Sleek TechColor Strategy: Deep Space Background (#0B0F19), Galaxy Accent (--primary: #7B61FF) to enhance light projection imageryShape Strategy: Radius 20px (Soft, friendly, UFO-inspired)Typography Strategy: Large Type \/ Mobile-first readable (H1 ~44px, Body ~18-20px)Mobile Table Strategy: Card-based (No horizontal scroll, fully responsive)Image Mapping: Hero=image_1, Visuals=image_2, Cordless=image_3, Audio=image_4, Therapy\/Gift=image_5--\u003e\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* 1) Design System (CSS Variables) *\/        .product-detail-container {            --primary: #7B61FF;            --primary-hover: #9D88FF;            --bg-body: #0B0F19; \/* Deep space dark mode to make aurora pop *\/            --bg-card: #151A2B;            --text-main: #F4F6FA;            --text-sub: #A0AEC0;            --radius-md: 12px;            --radius-lg: 20px;            --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.5);            --shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, 0.7);            --border-color: #2D3748;            --spacing-gap: clamp(2rem, 5vw, 4rem);            max-width: 1200px;            margin: 0 auto;            padding: 0 5%;            box-sizing: border-box;            background-color: var(--bg-body);            color: var(--text-main);            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;            overflow-wrap: break-word;            word-break: break-word;            padding-top: 3rem;            padding-bottom: 3rem;        }        .product-detail-container *,        .product-detail-container *::before,        .product-detail-container *::after {            box-sizing: inherit;        }        \/* 0) Typography System *\/        .product-detail-container h1 {            font-size: clamp(32px, 4vw, 44px);            line-height: 1.2;            margin: 0 0 1rem;            color: var(--text-main);            font-weight: 800;        }        .product-detail-container h2 {            font-size: clamp(24px, 3vw, 32px);            line-height: 1.3;            margin: 0 0 1rem;            color: var(--text-main);            font-weight: 700;        }        .product-detail-container h3 {            font-size: clamp(20px, 2.5vw, 24px);            line-height: 1.4;            margin: 0 0 1rem;            color: var(--text-main);            font-weight: 600;        }        .product-detail-container p {            font-size: clamp(18px, 1.5vw, 20px);            line-height: 1.7;            margin: 0 0 1.5rem;            color: var(--text-sub);        }        .product-detail-container .aux-text {            font-size: clamp(16px, 1.2vw, 18px);            color: var(--text-sub);            font-weight: 500;        }        \/* Visual Badges (Non-clickable CTA equivalent) *\/        .static-badge {            display: inline-flex;            align-items: center;            background: rgba(123, 97, 255, 0.15);            color: var(--primary);            padding: 0.6rem 1.2rem;            border-radius: 50px;            font-size: clamp(16px, 1.2vw, 18px);            font-weight: 700;            margin-bottom: 1.5rem;            border: 1px solid rgba(123, 97, 255, 0.4);            letter-spacing: 0.5px;        }        \/* Image Protocol *\/        .product-detail-container img {            width: 100%;            height: auto;            display: block;            border-radius: var(--radius-lg);            box-shadow: var(--shadow-sm);        }        \/* Placeholder Style for AI output constraints *\/        .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;            color: var(--text-sub);            font-size: 20px;            font-weight: bold;            text-align: center;            box-shadow: var(--shadow-sm);        }        \/* Hero Section *\/        .hero-section {            text-align: center;            margin-bottom: var(--spacing-gap);        }        .hero-section .img-placeholder {            margin-top: 2rem;            aspect-ratio: 16 \/ 9;        }        \/* Social Proof Banner *\/        .social-proof {            display: flex;            justify-content: center;            gap: 1rem;            margin-top: 2rem;            padding: 1.5rem;            background: var(--bg-card);            border-radius: var(--radius-lg);        }        \/* B) Mobile Ordering Lock \u0026 Feature Layout *\/        .feature-item {            display: flex;            flex-direction: column; \/* Mobile First: strictly locks order *\/            gap: var(--spacing-gap);            margin-bottom: var(--spacing-gap);        }        .feature-media {            order: 1; \/* Locks image on top for mobile *\/            width: 100%;        }        .feature-copy {            order: 2; \/* Locks text below image for mobile *\/            width: 100%;            display: flex;            flex-direction: column;            justify-content: center;        }        \/* Desktop Z-Pattern Enhancement *\/        @media (min-width: 768px) {            .feature-item {                flex-direction: row;                align-items: center;            }            .feature-item:nth-child(even) {                flex-direction: row-reverse;            }            .feature-media, .feature-copy {                width: 50%;            }        }        \/* C) Specs Table - Card Based on Mobile *\/        .specs-section {            margin: var(--spacing-gap) 0;            background: var(--bg-card);            padding: clamp(1.5rem, 4vw, 3rem);            border-radius: var(--radius-lg);            box-shadow: var(--shadow-lg);        }        .specs-table {            width: 100%;            border-collapse: collapse;            font-size: clamp(18px, 1.5vw, 20px);            color: var(--text-main);        }        .specs-table th, .specs-table td {            padding: 1.2rem 1rem;            text-align: left;            border-bottom: 1px solid var(--border-color);        }        .specs-table th {            color: var(--primary);            font-weight: 700;            width: 40%;        }        \/* Mobile Table -\u003e Card Strategy *\/        @media (max-width: 767px) {            .specs-table, .specs-table tbody, .specs-table tr, .specs-table td {                display: block;                width: 100%;            }            .specs-table thead {                display: none;            }            .specs-table tr {                background: var(--bg-body);                border-radius: var(--radius-md);                margin-bottom: 1rem;                padding: 1rem;                border: 1px solid var(--border-color);            }            .specs-table td {                display: flex;                flex-direction: column;                padding: 0.8rem 0;                border-bottom: 1px solid rgba(255,255,255,0.05);            }            .specs-table td:last-child {                border-bottom: none;            }            .specs-table td::before {                content: attr(data-label);                font-size: 16px;                color: var(--primary);                margin-bottom: 0.4rem;                font-weight: 700;            }        }        \/* FAQ Section *\/        .faq-section {            margin-top: var(--spacing-gap);        }        .faq-grid {            display: flex;            flex-direction: column;            gap: 1.5rem;            margin-top: 2rem;        }        .faq-card {            background: var(--bg-card);            padding: 2rem;            border-radius: var(--radius-lg);            border-left: 4px solid var(--primary);            box-shadow: var(--shadow-sm);        }        .faq-card h3 {            color: var(--text-main);            margin-bottom: 0.8rem;        }        .faq-card p {            margin: 0;        }\u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"static-badge\"\u003e3-in-1 Immersive Experience\u003c\/div\u003e\n\u003ch1\u003eBring the Galaxy Directly to Your Room\u003c\/h1\u003e\n\u003cp\u003eCombine stars, northern lights, and a waxing crescent moon in one sleek UFO device. Instantly set a dreamy mood, decorate your space, or create a calming atmosphere.\u003c\/p\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img36\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260313155700\/1e68ae988bdc52fdbd7068d3838b3a7e.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"social-proof\"\u003e\u003cspan class=\"aux-text\"\u003e⭐ Loved by 15,000+ Kids \u0026amp; Adults for Better Sleep and Cozy Nights\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Features Section (Mobile Order Lock + Z-Pattern) --\u003e\u003cdiv class=\"features-wrapper\"\u003e\n\u003c!-- Feature 1 --\u003e\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cdiv class=\"img-placeholder\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img37\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260313155700\/849837d4b523fcc2ac2173ae77fe0cc9.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003e8 Mesmerizing Modes \u0026amp; 7 Colors\u003c\/h2\u003e\n\u003cp\u003eWatch as your ceiling transforms into a breathtaking night sky. With dual lenses projecting brilliant stars, dynamic auroras, and a serene moon, you have complete control to mix and match colors to match your mood.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cdiv class=\"img-placeholder\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img38\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260313155700\/d83bb16e8504e57020c72f84c14b7033.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003e1800mAh Cordless Freedom\u003c\/h2\u003e\n\u003cp\u003eDesigned like a cool flying saucer, this projector isn't tethered to a wall. The powerful built-in rechargeable battery allows you to carry the cosmic magic to the living room, a backyard tent, or right to your bedside without messy cables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cdiv class=\"img-placeholder\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img39\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260313155700\/02061782bba8fe667ff0cb4d29d507d3.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eImmersive Sound Experience\u003c\/h2\u003e\n\u003cp\u003eMore than just a light projector. Effortlessly connect via Bluetooth 5.0 or plug in a USB drive to play your favorite ambient tunes, lullabies, or party tracks while the auroras dance above you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 4 --\u003e\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cdiv class=\"img-placeholder\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img40\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260313155700\/e0ab7cd20273a0a83826a60d2c8ffd0e.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eComforting Light Therapy for All\u003c\/h2\u003e\n\u003cp\u003eEmitting a gentle, soothing glow, it effectively eases nighttime anxiety and promotes restful sleep. Highly beneficial for toddlers, individuals with sensory sensitivities, or anyone who just wants to unwind after a long day. A truly unforgettable gift.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Specifications Table (Mobile Card Strategy applied) --\u003e\u003cdiv class=\"specs-section\"\u003e\n\u003ch2\u003eTechnical Specifications\u003c\/h2\u003e\n\u003cp\u003eEverything you need to know about your new galaxy projector.\u003c\/p\u003e\n\u003ctable class=\"specs-table\"\u003e\t\u003cthead\u003e\t\t\u003ctr\u003e\t\t\t\u003cth\u003eFeature\u003c\/th\u003e\t\t\t\u003cth\u003eSpecification\u003c\/th\u003e\t\t\u003c\/tr\u003e\t\u003c\/thead\u003e\t\u003ctbody\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Feature\"\u003eDimensions (Estimated)\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Specification\"\u003e16 x 16 x 11 cm (6.3 x 6.3 x 4.3 in)\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Feature\"\u003eWeight\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Specification\"\u003e450 g (15.9 oz \/ 0.99 lb)\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Feature\"\u003eBattery Capacity\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Specification\"\u003e1800mAh Rechargeable Built-in Battery\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Feature\"\u003eConnectivity\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Specification\"\u003eBluetooth 5.0 \u0026amp; USB Drive Support\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Feature\"\u003eCharging Method\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Specification\"\u003eUSB Type-C (Adapter NOT included)\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Feature\"\u003eOperating Temperature\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Specification\"\u003e0°C to 40°C (32°F to 104°F)\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Section --\u003e\u003cdiv class=\"faq-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cdiv class=\"faq-grid\"\u003e\n\u003cdiv class=\"faq-card\"\u003e\n\u003ch3\u003eIs it completely safe to use all night for my kid?\u003c\/h3\u003e\n\u003cp\u003eAbsolutely. The projector uses soft, eye-friendly LED technology that provides a calming glow without overheating. It's the perfect nightlight to help children conquer their fear of the dark.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-card\"\u003e\n\u003ch3\u003eDoes it need to be plugged in constantly?\u003c\/h3\u003e\n\u003cp\u003eNo! Thanks to the built-in 1800mAh battery, you can use it completely cord-free once charged. It comes with a Type-C cable for easy recharging whenever needed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-card\"\u003e\n\u003ch3\u003eCan I play my own music through it?\u003c\/h3\u003e\n\u003cp\u003eYes. You can seamlessly connect your smartphone via Bluetooth 5.0 or insert a USB drive to play any music, white noise, or audiobooks directly through the projector's built-in speaker.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Satsus","offers":[{"title":"1-Pack (For One Room)","offer_id":52881719787818,"sku":null,"price":36.99,"currency_code":"USD","in_stock":true},{"title":"2-Pack (Best for Gifting)","offer_id":52881719820586,"sku":null,"price":70.99,"currency_code":"USD","in_stock":true},{"title":"3-Pack (Family Set)","offer_id":52881719853354,"sku":null,"price":105.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1008\/2471\/1466\/files\/b3b265239dfc8872a6ad239b29304c83.jpg?v=1791441921","url":"https:\/\/satsus.com\/products\/cordless-ufo-galaxy-projector","provider":"Satsus","version":"1.0","type":"link"}