.product-detail-container { --primary: #FFC107; /* Safety Yellow */ --primary-hover: #FFB300; --text-main: #212529; --text-sub: #6C757D; --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: #DEE2E6; --spacing-section: clamp(3rem, 8vw, 5rem); --spacing-block: clamp(1.5rem, 4vw, 2.5rem); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--text-main); line-height: 1.6; max-width: 1200px; margin: 0 auto; padding: 0 5%; box-sizing: border-box; overflow-wrap: break-word; } /* 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; margin-bottom: 1.5rem; } .pd-h3 { font-size: clamp(20px, 3vw, 24px); font-weight: 600; margin-bottom: 1rem; } .pd-body { font-size: clamp(16px, 2vw, 18px); color: var(--text-sub); margin-bottom: 1rem; } .pd-tag { display: inline-block; background: var(--bg-soft); color: var(--text-main); padding: 4px 12px; border-radius: 20px; font-size: 14px; font-weight: 500; margin-right: 8px; margin-bottom: 8px; } /* Components */ .pd-img-placeholder { width: 100%; height: auto; display: block; background-color: var(--bg-soft); border: 2px dashed var(--border-color); border-radius: var(--radius-md); padding: 2rem; text-align: center; color: var(--text-sub); box-sizing: border-box; } /* Hero Section */ .pd-hero { text-align: center; padding: var(--spacing-section) 0; max-width: 900px; margin: 0 auto; } .pd-hero-badge { display: inline-block; background-color: var(--primary); color: #000; padding: 6px 16px; border-radius: 30px; font-weight: 600; margin-bottom: 1.5rem; font-size: 16px; } /* Feature Sections */ .pd-feature { display: flex; align-items: center; gap: clamp(2rem, 6vw, 5rem); padding: var(--spacing-section) 0; } .pd-feature:nth-child(even) { flex-direction: row-reverse; } .pd-feature-media, .pd-feature-copy { flex: 1; } .pd-feature-media img { width: 100%; height: auto; display: block; border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); } /* Specifications */ .pd-specs { padding: var(--spacing-section) 0; background-color: var(--bg-card); border-radius: var(--radius-lg); padding: var(--spacing-block); margin-top: var(--spacing-section); } .pd-spec-table { width: 100%; border-collapse: collapse; margin-top: 2rem; } .pd-spec-table th, .pd-spec-table td { text-align: left; padding: 16px; border-bottom: 1px solid var(--border-color); font-size: 16px; } .pd-spec-table th { width: 40%; color: var(--text-sub); font-weight: 500; } /* FAQ */ .pd-faq { padding: var(--spacing-section) 0; max-width: 800px; margin: 0 auto; } .pd-faq-item { margin-bottom: 1.5rem; border-bottom: 1px solid var(--border-color); padding-bottom: 1.5rem; } .pd-faq-question { font-weight: 600; font-size: 18px; margin-bottom: 0.5rem; color: var(--text-main); } .pd-faq-answer { color: var(--text-sub); font-size: 16px; } /* Mobile Responsive */ @media (max-width: 767px) { .pd-h1 { font-size: 32px; } .pd-feature, .pd-feature:nth-child(even) { flex-direction: column; text-align: center; } .pd-feature-copy { order: 2; } .pd-feature-media { order: 1; width: 100%; } /* Mobile Table */ .pd-spec-table, .pd-spec-table thead, .pd-spec-table tbody, .pd-spec-table tr, .pd-spec-table th, .pd-spec-table td { display: block; width: 100%; } .pd-spec-table thead { display: none; } .pd-spec-table tr { margin-bottom: 1rem; border: 1px solid var(--border-color); border-radius: var(--radius-md); overflow: hidden; } .pd-spec-table td { padding: 12px 16px; border-bottom: 1px solid var(--bg-soft); display: flex; justify-content: space-between; } .pd-spec-table td:last-child { border-bottom: none; } .pd-spec-table td::before { content: attr(data-label); font-weight: 600; color: var(--text-sub); padding-right: 1rem; } } ⚠️ Essential Safety Gear The Ultimate Roadside Guardian: See and Be Seen A multifunctional 3-in-1 emergency tool: High-visibility warning triangle, powerful floodlight, and a backup power bank for peace of mind on every journey. Ready for Any Situation with 5 Lighting Modes Adapt instantly to your needs. Cycle through bright white floodlights for roadside repairs or camping, switch to high-visibility red flashing modes to warn traffic, or use the crucial SOS signal in emergencies. Strong White Beam Weak White Beam Red Warning Red Flash SOS Signal Dual Charging & Emergency Power Backup Never get caught with a dead battery. Recharge the internal battery via standard USB or use the built-in solar panel for trickle charging outdoors. Critically, the integrated USB output port turns the light into a power bank to charge your phone when you need it most. USB Rechargeable Solar Assist USB Output (Power Bank) Rugged, Portable, and Highly Adjustable Built for the road with impact-resistant corners. The versatile 180° rotating handle doubles as a sturdy stand, allowing you to position the light at the perfect angle for hands-free work under the hood or on the ground. 180° Adjustable Stand Anti-Slip Corners Portable Design Technical Specifications 3x COB LED + Red LED Ring 5 Modes (Strong/Weak White, Red Solid/Flash, SOS) Rechargeable Battery Micro USB + Solar Panel Assist USB-A Port (For charging devices) ABS + PC with Rubberized Corners Approx. 27cm x 24cm (10.6" x 9.45") Frequently Asked Questions Q: How do I switch between the different light modes? A: Simply press the red power button located on the back of the unit sequentially. Each press will cycle to the next mode (e.g., Strong White -> Weak White -> Red Warning -> Red Flash -> SOS -> Off). Q: Can I charge my phone while the light is turned on? A: Yes, the USB output function allows you to charge external devices like smartphones even while the emergency light is in use. Q: Is this light suitable for outdoor camping rain? A: The unit is designed to be rugged for outdoor and roadside use, able to withstand normal weather conditions. However, it is not fully submersible and should not be left in heavy, prolonged downpours.
