{"product_id":"auto-glass-oil-film-cleaner","title":"Auto Glass Oil Film Cleaner","description":"\u003cdiv class=\"product-set-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* Design System (CSS Variables) - Automotive \u0026 Clean Glass Theme *\/\n    .product-set-container {\n      --primary: #0F172A; \/* Slate 900 - Strong, high-contrast text *\/\n      --primary-hover: #1E293B;\n      --accent: #0284C7; \/* Sky 600 - Clean, water\/glass vibe *\/\n      --accent-light: #E0F2FE; \/* Sky 100 *\/\n      --text-main: #334155;\n      --text-sub: #475569;\n      --bg-body: #F1F5F9; \/* Slate 100 - Slightly cool gray *\/\n      --bg-card: #FFFFFF;\n      --border-color: #CBD5E1; \/* Slate 300 *\/\n      --radius-md: 12px; \/* Sleek, modern corners *\/\n      --radius-lg: 16px;\n      --shadow-sm: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 2px 4px -1px rgba(15, 23, 42, 0.04);\n      --shadow-lg: 0 10px 25px -3px rgba(15, 23, 42, 0.1), 0 4px 10px -2px rgba(15, 23, 42, 0.05);\n\n      \/* Typography \u0026 Spacing System *\/\n      --spacing-section: clamp(3rem, 6vw, 5rem);\n      --spacing-module: 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.6;\n    }\n\n    .product-set-container *,\n    .product-set-container *::before,\n    .product-set-container *::after {\n      box-sizing: inherit;\n    }\n\n    \/* Typography Scale *\/\n    .product-set-container h1, \n    .product-set-container h2, \n    .product-set-container h3 {\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n      color: var(--primary);\n      margin: 0 0 1rem 0;\n      font-weight: 800;\n    }\n\n    .product-set-container h1 {\n      font-size: clamp(28px, 4vw, 42px);\n      line-height: 1.2;\n      letter-spacing: -0.02em;\n    }\n\n    .product-set-container .subtitle {\n      font-size: clamp(16px, 2vw, 18px);\n      color: var(--accent);\n      font-weight: 700;\n      margin: 0 0 1rem 0;\n      text-transform: uppercase;\n      letter-spacing: 0.1em;\n    }\n\n    .product-set-container h2 {\n      font-size: clamp(26px, 3vw, 36px);\n      line-height: 1.3;\n      margin: 0 0 1.5rem 0;\n      position: relative;\n      padding-bottom: 0.75rem;\n    }\n    \n    .product-set-container h2::after {\n      content: '';\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      width: 60px;\n      height: 4px;\n      background-color: var(--accent);\n      border-radius: 4px;\n    }\n\n    .product-set-container h3 {\n      font-size: clamp(20px, 2.5vw, 24px);\n      line-height: 1.4;\n      margin: 0 0 1rem 0;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .product-set-container p {\n      font-size: clamp(16px, 2vw, 18px);\n      color: var(--text-sub);\n      margin: 0 0 1.5rem 0;\n    }\n\n    \/* Badges *\/\n    .detail-badge-group {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-bottom: 2rem;\n    }\n    .detail-badge {\n      display: inline-flex;\n      align-items: center;\n      padding: 8px 16px;\n      background: var(--bg-card);\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--primary);\n      box-shadow: var(--shadow-sm);\n      letter-spacing: 0.02em;\n    }\n    .detail-badge.accent {\n      background: var(--accent);\n      color: #FFF;\n      border-color: var(--accent);\n    }\n\n    \/* Image Protocol \u0026 Placeholders *\/\n    .img-placeholder {\n      width: 100%;\n      background-color: var(--bg-card);\n      border-radius: var(--radius-md);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n      box-shadow: var(--shadow-sm);\n      margin-bottom: 1.5rem;\n      border: 1px solid var(--border-color);\n    }\n    \n    .img-placeholder img {\n      width: 100%;\n      height: auto;\n      display: block;\n      transition: transform 0.5s ease;\n    }\n    \n    .img-placeholder:hover img {\n      transform: scale(1.03);\n    }\n\n    \/* Modules *\/\n    .hero-section {\n      text-align: center;\n      margin-top: 3rem;\n      margin-bottom: var(--spacing-section);\n      background: var(--bg-card);\n      padding: 4rem 2rem;\n      border-radius: var(--radius-lg);\n      border: 1px solid var(--border-color);\n      box-shadow: var(--shadow-lg);\n    }\n    .hero-section h2::after {\n      left: 50%;\n      transform: translateX(-50%);\n    }\n    .hero-section .detail-badge-group {\n      justify-content: center;\n    }\n\n    \/* Z-Pattern Features *\/\n    .feature-list {\n      display: flex;\n      flex-direction: column;\n      gap: var(--spacing-section);\n      margin-bottom: var(--spacing-section);\n    }\n\n    .feature-item {\n      display: flex;\n      flex-direction: column;\n      gap: 2rem;\n      align-items: center;\n    }\n\n    .feature-media, .feature-copy {\n      width: 100%;\n    }\n    \n    \/* Specs Table *\/\n    .specs-section {\n      margin-bottom: var(--spacing-section);\n    }\n    .specs-table-wrapper {\n      background: var(--bg-card);\n      border-radius: var(--radius-md);\n      padding: clamp(1.5rem, 3vw, 3rem);\n      box-shadow: var(--shadow-sm);\n      margin-bottom: 2rem;\n      border: 1px solid var(--border-color);\n    }\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n    }\n    \n    \/* FAQ Section *\/\n    .faq-section {\n      margin-bottom: var(--spacing-section);\n    }\n    .faq-item {\n      background: var(--bg-card);\n      border-radius: var(--radius-md);\n      padding: 1.5rem 2rem;\n      margin-bottom: 1rem;\n      border: 1px solid var(--border-color);\n      border-left: 4px solid var(--accent);\n      transition: all 0.2s ease;\n    }\n    .faq-item:hover {\n      box-shadow: var(--shadow-sm);\n      transform: translateX(4px);\n    }\n    .faq-question {\n      font-size: clamp(16px, 2vw, 18px);\n      font-weight: 800;\n      color: var(--primary);\n      margin-bottom: 0.5rem;\n    }\n    .faq-answer {\n      font-size: clamp(15px, 1.8vw, 16px);\n      color: var(--text-sub);\n      margin: 0;\n    }\n\n    \/* Desktop Enhancements *\/\n    @media (min-width: 768px) {\n      .feature-item {\n        flex-direction: row;\n        gap: var(--spacing-module);\n      }\n      .feature-item.reverse {\n        flex-direction: row-reverse;\n      }\n      .feature-media, .feature-copy {\n        flex: 1;\n      }\n      .feature-copy {\n        padding: 0 2rem;\n      }\n      \n      .specs-table th, .specs-table td {\n        padding: 1.25rem 1.5rem;\n        text-align: left;\n        border-bottom: 1px solid var(--border-color);\n        font-size: 16px;\n      }\n      .specs-table th {\n        font-weight: 800;\n        color: var(--primary);\n        width: 35%;\n        background-color: var(--bg-body);\n        font-size: 15px;\n      }\n      .specs-table tr:first-child th {\n        border-top-left-radius: 8px;\n      }\n      .specs-table tr:last-child td, .specs-table tr:last-child th {\n        border-bottom: none;\n      }\n    }\n\n    \/* Mobile Specs Table Lock *\/\n    @media (max-width: 767px) {\n      .specs-table, \n      .specs-table thead, \n      .specs-table tbody, \n      .specs-table tr, \n      .specs-table th, \n      .specs-table td {\n        display: block;\n        width: 100%;\n      }\n      .specs-table thead {\n        display: none;\n      }\n      .specs-table tr {\n        background: var(--bg-card);\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        margin-bottom: 1rem;\n        padding: 1.25rem;\n      }\n      .specs-table td {\n        display: flex;\n        flex-direction: column;\n        padding: 0.75rem 0;\n        border-bottom: 1px solid var(--bg-body);\n        font-size: 15px;\n        text-align: left;\n      }\n      .specs-table td:last-child {\n        border-bottom: none;\n        padding-bottom: 0;\n      }\n      .specs-table td::before {\n        content: attr(data-label);\n        font-weight: 800;\n        color: var(--accent);\n        text-transform: uppercase;\n        margin-bottom: 0.25rem;\n        font-size: 12px;\n        letter-spacing: 0.05em;\n      }\n    }\n\u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"subtitle\"\u003eRestore Clear Vision for Safer Driving\u003c\/div\u003e\n\n\u003ch1\u003eWindshield Oil Film Cleaner\u003c\/h1\u003e\n\n\u003cdiv class=\"detail-badge-group\"\u003e\n\u003cdiv class=\"detail-badge accent\"\u003e✨ Crystal Clear\u003c\/div\u003e\n\n\u003cdiv class=\"detail-badge\"\u003e🚗 Powerful Removal\u003c\/div\u003e\n\n\u003cdiv class=\"detail-badge\"\u003e🌙 Night Safety\u003c\/div\u003e\n\n\u003cdiv class=\"detail-badge\"\u003e⚡ Fast Acting\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cp style=\"max-width: 800px; margin: 1.5rem auto 2rem auto;\"\u003eThis specially formulated glass emulsion cleaner effectively removes stubborn oil film, grease, and residue from automotive glass surfaces. It restores crystal-clear visibility for safer driving in all weather conditions.\u003c\/p\u003e\n\n\u003cdiv class=\"img-placeholder\" style=\"max-width: 800px; margin: 0 auto; box-shadow: none; border: none; background: transparent;\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Powerful Oil Film Removal\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260309130854\/933e4ec68bd185df881ae8ca96fd8f32.jpg\" style=\"border-radius: var(--radius-md); box-shadow: var(--shadow-lg);\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-list\"\u003e\n\u003c!-- Feature 1 --\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 alt=\"Multi-Surface Cleaning Tool\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260309130854\/4db4f9e5ea338d324b79be0527ada6ef.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e🧽 Multi-Surface Cleaning Tool\u003c\/h3\u003e\n\n\u003cp\u003eThe cleaning kit includes a dedicated cleaning brush board designed for efficient application and removal. It helps spread the cleaning lotion evenly across the glass surface for thorough cleaning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\n\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Improve Night Driving Safety\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260309130854\/20859e4335cb8f5fd0269c67b16cbcb1.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e🌙 Improve Night Driving Safety\u003c\/h3\u003e\n\n\u003cp\u003eOil film buildup on windshields can cause glare and blurry vision, especially during night driving or rainy conditions. This cleaner removes haze and improves clarity, helping you drive with confidence.\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 alt=\"Easy \u0026amp; Mess-Free Application\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260309130854\/caa2cc8b1138bcb00164c0d74dc326eb.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e⚡ Easy \u0026amp; Mess-Free Application\u003c\/h3\u003e\n\n\u003cp\u003eThe handheld lotion bottle allows quick and simple application directly onto glass surfaces. No complicated tools or professional assistance are required.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 4 --\u003e\n\n\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Suitable for All Car Windows\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260309130854\/66421864eea9a5e111631187c2d7f645.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e🌍 Suitable for All Car Windows\u003c\/h3\u003e\n\n\u003cp\u003eThis glass cleaning solution works on all automotive glass surfaces including windshields, side windows, and rear windows. It helps maintain optimal transparency for everyday driving.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Specs Section --\u003e\n\n\u003cdiv class=\"specs-section\"\u003e\n\u003ch2\u003e📋 Product Specifications\u003c\/h2\u003e\n\n\u003cdiv class=\"specs-table-wrapper\"\u003e\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\"\u003e\u003cstrong\u003eProduct Type\u003c\/strong\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eCar Glass Oil Film Cleaner\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eFunction\u003c\/strong\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eRemove oil film and grease\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eApplication\u003c\/strong\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eWindshield, side windows, rear windows\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eIncluded\u003c\/strong\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eCleaning lotion + cleaning brush board\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eUsage\u003c\/strong\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eAutomotive glass cleaning\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eSuitable For\u003c\/strong\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eCars, SUVs, trucks\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Section --\u003e\n\n\u003cdiv class=\"faq-section\"\u003e\n\u003ch2\u003e❓ FAQ\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e1. What does this oil film cleaner remove?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eIt removes oil film, grease, haze, and residue from automotive glass surfaces.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e2. Is it safe for car windshields?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eYes, the cleaner is designed specifically for automotive glass surfaces.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e3. Can it improve night driving visibility?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eYes. Removing oil film helps reduce glare and improves clarity while driving at night.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e4. Is it easy to apply?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eYes. The handheld design allows simple and direct application.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e5. Can it be used on all car windows?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eYes. It works on windshields, side windows, and rear windows.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"1 PC (Starter)","offer_id":43293079601211,"sku":"0320-17243185","price":12.95,"currency_code":"USD","in_stock":true},{"title":"2 PCs (Car \u0026 Home Pack) - Save 15%","offer_id":43293079633979,"sku":"0320-17241091","price":21.95,"currency_code":"USD","in_stock":true},{"title":"3 PCs (Family Pack) - Save 25%","offer_id":43293079666747,"sku":"0320-17244727","price":30.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0634\/4851\/4619\/files\/933e4ec68bd185df881ae8ca96fd8f32.jpg?v=1773998714","url":"https:\/\/autoyunn.com\/products\/auto-glass-oil-film-cleaner","provider":"AutoYunn","version":"1.0","type":"link"}