.product-detail-container { --primary: #ff9900; --primary-hover: #e68a00; --text-main: #333333; --text-sub: #666666; --bg-body: #ffffff; --bg-card: #f8f9fa; --bg-soft: #f0f2f5; --radius-md: 12px; --radius-lg: 20px; --shadow-sm: 0 4px 12px rgba(0,0,0,0.05); --shadow-lg: 0 8px 24px rgba(0,0,0,0.1); --border-color: #eeeeee; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--text-main); line-height: 1.6; } /* Typography */ .pd-h1 { font-size: clamp(32px, 5vw, 44px); font-weight: 700; line-height: 1.2; margin-bottom: 1rem; } .pd-h2 { font-size: clamp(24px, 4vw, 32px); font-weight: 600; line-height: 1.3; margin-bottom: 1rem; } .pd-h3 { font-size: clamp(20px, 3vw, 24px); font-weight: 600; line-height: 1.4; margin-bottom: 0.75rem; } .pd-body { font-size: clamp(18px, 2vw, 20px); color: var(--text-sub); } .pd-small { font-size: clamp(16px, 1.5vw, 18px); color: var(--text-sub); } /* Layout & Components */ .pd-section { margin-bottom: clamp(3rem, 8vw, 6rem); } .pd-img-fluid { width: 100%; height: auto; display: block; border-radius: var(--radius-md); } /* Image Placeholder */ .pd-placeholder { width: 100%; 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-weight: 500; padding: 2rem; box-sizing: border-box; } /* Hero Section */ .pd-hero { text-align: center; max-width: 900px; margin: 0 auto clamp(3rem, 8vw, 6rem); } .pd-hero-tags { display: inline-flex; align-items: center; gap: 0.5rem; background: var(--bg-soft); padding: 0.5rem 1rem; border-radius: 99px; margin-bottom: 1.5rem; } .pd-hero-tags span { font-size: 16px; font-weight: 600; color: var(--primary); } /* Feature Section */ .pd-feature { display: grid; grid-template-columns: 1fr; gap: clamp(2rem, 5vw, 4rem); align-items: center; } .pd-feature-content { order: 2; } .pd-feature-media { order: 1; } .pd-feature-tags { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.5rem; } .pd-tag { background: var(--bg-soft); padding: 0.5rem 1rem; border-radius: var(--radius-md); font-size: 16px; font-weight: 500; color: var(--text-main); } @media (min-width: 768px) { .pd-feature { grid-template-columns: 1fr 1fr; } .pd-feature:nth-child(even) .pd-feature-content { order: 1; } .pd-feature:nth-child(even) .pd-feature-media { order: 2; } } /* Specifications Section */ .pd-specs-table { width: 100%; border-collapse: collapse; margin-top: 2rem; background: var(--bg-card); border-radius: var(--radius-md); overflow: hidden; } .pd-specs-table th, .pd-specs-table td { padding: 1.25rem; text-align: left; border-bottom: 1px solid var(--border-color); font-size: 18px; } .pd-specs-table th { background: var(--bg-soft); font-weight: 600; width: 40%; } .pd-specs-table tr:last-child td { border-bottom: none; } @media (max-width: 767px) { .pd-specs-table, .pd-specs-table tbody, .pd-specs-table tr, .pd-specs-table td { display: block; width: 100%; } .pd-specs-table thead { display: none; } .pd-specs-table tr { margin-bottom: 1rem; border: 1px solid var(--border-color); border-radius: var(--radius-md); overflow: hidden; } .pd-specs-table td { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border-color); padding: 1rem; } .pd-specs-table td:last-child { border-bottom: none; } .pd-specs-table td::before { content: attr(data-label); font-weight: 600; color: var(--text-main); margin-right: 1rem; } } /* FAQ Section */ .pd-faq-item { margin-bottom: 1.5rem; border: 1px solid var(--border-color); border-radius: var(--radius-md); overflow: hidden; } .pd-faq-question { background: var(--bg-card); padding: 1.25rem; font-weight: 600; font-size: 20px; } .pd-faq-answer { padding: 1.25rem; background: var(--bg-body); } ✨ Your Pocket Studio Instant Magnetic Glow for Perfect Shots Anytime Snap it on, light it up, and capture stunning photos and videos in any environment with professional-grade lighting. Full-Angle Versatility for Front & Rear Cameras Never miss a perfect angle. The light panel flips 270° and rotates 360°, allowing you to effortlessly switch between lighting your selfies or illuminating your subject with the rear camera. 360° Horizontal Rotation 270° Vertical Flip Dual-Camera Use Customize Your Glow with Pro-Level Control Achieve the perfect ambiance for any situation. Choose from 5 distinct lighting modes and use the stepless dimmer to fine-tune the brightness and color temperature from warm to cool white. 5 Light Modes Stepless Dimming 3000K-6500K Temp Integrated HD Mirror for On-the-Go Touch-ups More than just a light. The back of the light panel features a high-definition mirror, making it your essential companion for checking your makeup or hair right before you go live or snap a photo. HD Clarity Mirror Convenient Check-ins 2-in-1 Design Compact Power That Lasts as Long as You Do Designed for a mobile lifestyle, this pocket-sized light packs an 850mAh battery, providing up to 120 minutes of continuous illumination. Recharge quickly via the universal Type-C port. 850mAh Battery Up to 120min Runtime Type-C Charging Product Specifications Feature Details Attachment Method Magnetic Snap-on (MagSafe Compatible) Battery Capacity 850mAh Battery Life Up to 120 minutes Charging Port USB Type-C Color Temperature 3000K - 6500K (Adjustable) Dimming Stepless Rotation 360° Horizontal, 270° Vertical Available Colors Black, White, Pink, Orange Frequently Asked Questions Will this work with my phone case? Yes! It attaches directly to MagSafe iPhone models (12 and newer) without a case or with a MagSafe case. For other phones or non-MagSafe cases, simply stick the included adhesive metal ring to the back of your phone or case to enable magnetic attachment. How do I adjust the brightness and color? The light features intuitive side controls. A dial or button system allows you to cycle through the 5 lighting modes and smoothly adjust the brightness and color temperature to your preference. Can I use it while it's charging? Yes, you can use the light while it is connected to a power source via the Type-C cable, ensuring continuous lighting for longer sessions.
