{"product_id":"instant-headlight-clarity-spray","title":"Instant Headlight Clarity Spray","description":"\u003cbr\u003e\n\u003c!--\n[AI Design Logic]\nProduct Type: Automotive Car Care \/ Safety (Headlight Restoration Kit)\nTarget Audience: Car owners seeking a quick, DIY, and effective solution for safer night driving. Focus on value and safety.\nVisual Style: Professional, clean, and trustworthy (Automotive Tech style).\nColor Strategy: \n- Primary: Tech Blue (Trust, Safety, Clarity)\n- Background: Clean White \/ Light Gray (High contrast for text readability)\n- Text: Dark Carbon (Sharp and highly legible)\nShape Strategy: Radius 8px~12px (Industrial yet approachable, safe edge)\nTypography Strategy: Large Type \/ Mobile-first readable (H1 at 36-44px, Body at 18-20px)\nMobile Table Strategy: Card-based (No horizontal scroll, fully responsive)\nImage Mapping: Hero=image_1, Feature1=image_2, Feature2=image_3, Feature3=image_4, Feature4=image_5\n--\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* 1. Design System \u0026 CSS Variables *\/\n    .product-detail-container {\n      --primary: #0056b3;\n      --primary-light: #e6f0fa;\n      --text-main: #1a1a24;\n      --text-sub: #4a4a5a;\n      --bg-body: #ffffff;\n      --bg-card: #f8f9fa;\n      --bg-accent: #f1f5f9;\n      --border-color: #e2e8f0;\n      \n      --radius-md: 8px;\n      --radius-lg: 12px;\n      --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);\n      --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n\n      --spacing-base: clamp(2rem, 5vw, 4rem);\n\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      background-color: var(--bg-body);\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      box-sizing: border-box;\n      overflow-wrap: break-word;\n      word-break: break-word;\n      line-height: 1.7;\n    }\n\n    .product-detail-container *,\n    .product-detail-container *::before,\n    .product-detail-container *::after {\n      box-sizing: border-box;\n    }\n\n    \/* 2. Typography System (Large Type) *\/\n    .product-detail-container h1,\n    .product-detail-container h2,\n    .product-detail-container h3 {\n      color: var(--text-main);\n      margin-top: 0;\n      margin-bottom: 1rem;\n      font-weight: 700;\n      line-height: 1.2;\n    }\n\n    .product-detail-container h1 {\n      font-size: clamp(34px, 4vw, 44px);\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(26px, 3.5vw, 32px);\n    }\n\n    .product-detail-container h3 {\n      font-size: clamp(22px, 3vw, 26px);\n    }\n\n    .product-detail-container p {\n      font-size: clamp(18px, 2vw, 20px);\n      color: var(--text-sub);\n      margin-top: 0;\n      margin-bottom: 1.5rem;\n    }\n\n    \/* 3. Image \u0026 Placeholder Protocol *\/\n    .product-detail-container img.fluid-image {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-lg);\n      box-shadow: var(--shadow-sm);\n    }\n\n    .img-placeholder {\n      width: 100%;\n      aspect-ratio: 4 \/ 3;\n      background-color: var(--bg-card);\n      border: 2px dashed var(--border-color);\n      border-radius: var(--radius-lg);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      color: var(--text-sub);\n      font-weight: bold;\n    }\n\n    \/* 4. Non-Interactive Badges *\/\n    .trust-badge-container {\n      display: inline-flex;\n      align-items: center;\n      background-color: var(--primary-light);\n      color: var(--primary);\n      padding: 10px 20px;\n      border-radius: 50px;\n      font-size: 16px;\n      font-weight: 700;\n      margin-bottom: 1.5rem;\n    }\n\n    \/* 5. Layout Architecture *\/\n    .hero-section {\n      text-align: center;\n      padding: var(--spacing-base) 0;\n    }\n\n    .hero-section .hero-text {\n      max-width: 800px;\n      margin: 0 auto var(--spacing-base);\n    }\n\n    \/* 6. Z-Pattern Feature Modules (Mobile Order Lock) *\/\n    .features-section {\n      display: flex;\n      flex-direction: column;\n      gap: var(--spacing-base);\n      padding: var(--spacing-base) 0;\n    }\n\n    .feature-item {\n      display: flex;\n      flex-direction: column;\n      gap: 2rem;\n      align-items: center;\n    }\n\n    .feature-media {\n      width: 100%;\n    }\n\n    .feature-copy {\n      width: 100%;\n    }\n\n    \/* Desktop Enhancement for Z-Pattern *\/\n    @media (min-width: 768px) {\n      .feature-item {\n        flex-direction: row;\n        justify-content: space-between;\n      }\n      \n      .feature-item:nth-child(even) {\n        flex-direction: row-reverse;\n      }\n\n      .feature-media,\n      .feature-copy {\n        width: calc(50% - 2rem);\n      }\n    }\n\n    \/* 7. Specs Table (Mobile Card Lock) *\/\n    .specs-section {\n      padding: var(--spacing-base) 0;\n    }\n    \n    .specs-section h2 {\n      text-align: center;\n      margin-bottom: 2rem;\n    }\n\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n      background-color: var(--bg-body);\n      border-radius: var(--radius-lg);\n      overflow: hidden;\n      box-shadow: var(--shadow-sm);\n    }\n\n    .specs-table th,\n    .specs-table td {\n      padding: 18px 24px;\n      text-align: left;\n      font-size: 18px;\n    }\n\n    .specs-table th {\n      background-color: var(--bg-card);\n      color: var(--text-main);\n      font-weight: 700;\n      border-bottom: 2px solid var(--border-color);\n    }\n\n    .specs-table tr {\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .specs-table tr:last-child {\n      border-bottom: none;\n    }\n\n    .specs-table tbody tr:nth-child(even) {\n      background-color: var(--bg-accent);\n    }\n\n    \/* Mobile Specs Card Transformation *\/\n    @media (max-width: 767px) {\n      .specs-table, \n      .specs-table thead, \n      .specs-table tbody, \n      .specs-table th, \n      .specs-table td, \n      .specs-table tr {\n        display: block;\n        width: 100%;\n      }\n\n      .specs-table thead {\n        display: none;\n      }\n\n      .specs-table {\n        box-shadow: none;\n        background-color: transparent;\n      }\n\n      .specs-table tr {\n        background-color: var(--bg-body) !important;\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        margin-bottom: 1rem;\n        box-shadow: var(--shadow-sm);\n        padding: 1rem;\n      }\n\n      .specs-table td {\n        display: flex;\n        flex-direction: column;\n        padding: 10px 0;\n        border: none;\n        color: var(--text-main);\n      }\n\n      .specs-table td::before {\n        content: attr(data-label);\n        font-weight: 700;\n        color: var(--text-sub);\n        margin-bottom: 4px;\n        font-size: 16px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n      }\n    }\n\n    \/* 8. FAQ Section *\/\n    .faq-section {\n      padding: var(--spacing-base) 0;\n      max-width: 900px;\n      margin: 0 auto;\n    }\n\n    .faq-section h2 {\n      text-align: center;\n      margin-bottom: 2.5rem;\n    }\n\n    .faq-item {\n      background-color: var(--bg-card);\n      border-radius: var(--radius-md);\n      padding: 24px;\n      margin-bottom: 1.5rem;\n    }\n\n    .faq-item h3 {\n      margin-bottom: 12px;\n      color: var(--primary);\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n    }\n\n    .faq-item h3::before {\n      content: \"Q.\";\n      font-weight: 900;\n    }\n\n    .faq-item p {\n      margin-bottom: 0;\n      padding-left: 36px;\n    }\n\u003c\/style\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-text\"\u003e\n\u003cdiv class=\"trust-badge-container\"\u003e✓ Trusted by 50,000+ Safe Drivers\u003c\/div\u003e\n\n\u003ch1\u003eSee Clearly Again. Drive Safer at Night.\u003c\/h1\u003e\n\n\u003cp\u003eThe effortless spray-and-wipe restoration kit that quickly removes dull, hazy layers and oxidation. Restore your confidence behind the wheel in just minutes, without damaging your lenses.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hero-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260413130638\/ff2059fe2374634c1757877718092484.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"features-section\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260413130638\/c91c13e8e1d4d6ac81212f262eb93876.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eSpray \u0026amp; Wipe – No Grinding, No Damage\u003c\/h2\u003e\n\n\u003cp\u003eForget about messy sandpaper or power tools that can permanently scratch or thin your headlight lenses. Our car headlight cleaner features a simple spray-on, wipe-off application. It gently removes oxidation and yellowing while preserving the integrity of the original protective coating.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260413130638\/e8d765d91cff26eddf925b7677782f84.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eLong-Lasting Ceramic Protection\u003c\/h2\u003e\n\n\u003cp\u003eThis isn't just a temporary fix. Our advanced restorer leaves behind a durable ceramic coating that bonds to the lens. It acts as a powerful shield against road grime, dirt, and harsh UV rays, preventing premature fading and keeping your headlights brilliantly clear for months.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260413130638\/22be6069abc50e476a6368aa1b6e1a5c.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eUnbeatable Value: Restore 2-3 Vehicles\u003c\/h2\u003e\n\n\u003cp\u003eDesigned for maximum cost-effectiveness. Each generous 100ml bottle provides enough high-performance polish for 2 to 3 full vehicle treatments (up to 6 headlights). Whether maintaining your family's cars or sharing with a neighbor, you get professional-looking results every single time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 4 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260413130638\/57c3b99ee3bd26c17e46601a3f39050e.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eA Complete Facelift for Your Car\u003c\/h2\u003e\n\n\u003cp\u003eFoggy, yellowed headlights instantly age your vehicle. This all-in-one solution tackles haziness and oxidation head-on, giving your car an instant, like-new facelift. Boost your vehicle's overall appearance and resale value while drastically improving road visibility in the rain or dark.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SPECIFICATIONS TABLE --\u003e\n\n\u003cdiv class=\"specs-section\"\u003e\n\u003ch2\u003eProduct Specifications\u003c\/h2\u003e\n\n\u003ctable class=\"specs-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eSpecification\u003c\/th\u003e\n\t\t\t\u003cth\u003eDetails\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/thead\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eNet Volume\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003e100 ml (3.4 fl oz)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eApprox. Weight\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003e150 g (5.3 oz)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eBottle Dimensions\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003e16 cm x 4 cm (6.3 in x 1.6 in)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eApplication Method\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eSpray \u0026amp; Wipe (No power tools required)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eTreatment Yield\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eRestores 2 to 3 Vehicles (4-6 Headlights)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ SECTION --\u003e\n\n\u003cdiv class=\"faq-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eHow long does the clear effect last?\u003c\/h3\u003e\n\n\u003cp\u003eUnlike temporary cleaners, our formula creates a durable protective layer that bonds to the lens. This shield defends against UV rays and road elements, keeping your headlights clear and bright for several months under normal driving conditions.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eDo I need sandpaper or power tools to apply this?\u003c\/h3\u003e\n\n\u003cp\u003eAbsolutely not. This product is strictly a spray-on, wipe-off solution. There is no grinding, sanding, or complex multi-step process required. It is completely foolproof and guarantees you won't permanently scratch or damage your lenses.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eIs it safe to use on all types of vehicle headlights?\u003c\/h3\u003e\n\n\u003cp\u003eYes, it is perfectly safe for standard automotive plastic and polycarbonate lenses. It removes surface oxidation without stripping away the manufacturer's base protective layer. For optimal, streak-free results, simply apply the agent in one continuous direction.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"🚗 1-Pack (Standard)","offer_id":43417498091579,"sku":"0414-10594255","price":14.95,"currency_code":"USD","in_stock":true},{"title":"🔥 2-Pack (Most Popular - Save 15%)","offer_id":43417498124347,"sku":"0414-10591384","price":24.95,"currency_code":"USD","in_stock":true},{"title":"💎 4-Pack (Family Value - Save 20%)","offer_id":43417498157115,"sku":"0414-10597627","price":48.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0634\/4851\/4619\/files\/ff2059fe2374634c1757877718092484.jpg?v=1776135623","url":"https:\/\/autoyunn.com\/products\/instant-headlight-clarity-spray","provider":"AutoYunn","version":"1.0","type":"link"}