{"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 *\/    .product-set-container {      --primary: #0F172A; \/* Slate 900 - Strong, high-contrast text *\/      --primary-hover: #1E293B;      --accent: #0284C7; \/* Sky 600 - Clean, water\/glass vibe *\/      --accent-light: #E0F2FE; \/* Sky 100 *\/      --text-main: #334155;      --text-sub: #475569;      --bg-body: #F1F5F9; \/* Slate 100 - Slightly cool gray *\/      --bg-card: #FFFFFF;      --border-color: #CBD5E1; \/* Slate 300 *\/      --radius-md: 12px; \/* Sleek, modern corners *\/      --radius-lg: 16px;      --shadow-sm: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 2px 4px -1px rgba(15, 23, 42, 0.04);      --shadow-lg: 0 10px 25px -3px rgba(15, 23, 42, 0.1), 0 4px 10px -2px rgba(15, 23, 42, 0.05);      \/* Typography \u0026 Spacing System *\/      --spacing-section: clamp(3rem, 6vw, 5rem);      --spacing-module: clamp(2rem, 5vw, 4rem);            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;      color: var(--text-main);      background-color: var(--bg-body);      max-width: 1200px;      margin: 0 auto;      padding: 0 5%;      box-sizing: border-box;      overflow-wrap: break-word;      word-break: break-word;      line-height: 1.6;    }    .product-set-container *,    .product-set-container *::before,    .product-set-container *::after {      box-sizing: inherit;    }    \/* Typography Scale *\/    .product-set-container h1,     .product-set-container h2,     .product-set-container h3 {      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;      color: var(--primary);      margin: 0 0 1rem 0;      font-weight: 800;    }    .product-set-container h1 {      font-size: clamp(28px, 4vw, 42px);      line-height: 1.2;      letter-spacing: -0.02em;    }    .product-set-container .subtitle {      font-size: clamp(16px, 2vw, 18px);      color: var(--accent);      font-weight: 700;      margin: 0 0 1rem 0;      text-transform: uppercase;      letter-spacing: 0.1em;    }    .product-set-container h2 {      font-size: clamp(26px, 3vw, 36px);      line-height: 1.3;      margin: 0 0 1.5rem 0;      position: relative;      padding-bottom: 0.75rem;    }        .product-set-container h2::after {      content: '';      position: absolute;      left: 0;      bottom: 0;      width: 60px;      height: 4px;      background-color: var(--accent);      border-radius: 4px;    }    .product-set-container h3 {      font-size: clamp(20px, 2.5vw, 24px);      line-height: 1.4;      margin: 0 0 1rem 0;      display: flex;      align-items: center;      gap: 10px;    }    .product-set-container p {      font-size: clamp(16px, 2vw, 18px);      color: var(--text-sub);      margin: 0 0 1.5rem 0;    }    \/* Badges *\/    .detail-badge-group {      display: flex;      flex-wrap: wrap;      gap: 10px;      margin-bottom: 2rem;    }    .detail-badge {      display: inline-flex;      align-items: center;      padding: 8px 16px;      background: var(--bg-card);      border: 1px solid var(--border-color);      border-radius: 6px;      font-size: 14px;      font-weight: 700;      color: var(--primary);      box-shadow: var(--shadow-sm);      letter-spacing: 0.02em;    }    .detail-badge.accent {      background: var(--accent);      color: #FFF;      border-color: var(--accent);    }    \/* Image Protocol \u0026 Placeholders *\/    .img-placeholder {      width: 100%;      background-color: var(--bg-card);      border-radius: var(--radius-md);      display: flex;      align-items: center;      justify-content: center;      overflow: hidden;      box-shadow: var(--shadow-sm);      margin-bottom: 1.5rem;      border: 1px solid var(--border-color);    }        .img-placeholder img {      width: 100%;      height: auto;      display: block;      transition: transform 0.5s ease;    }        .img-placeholder:hover img {      transform: scale(1.03);    }    \/* Modules *\/    .hero-section {      text-align: center;      margin-top: 3rem;      margin-bottom: var(--spacing-section);      background: var(--bg-card);      padding: 4rem 2rem;      border-radius: var(--radius-lg);      border: 1px solid var(--border-color);      box-shadow: var(--shadow-lg);    }    .hero-section h2::after {      left: 50%;      transform: translateX(-50%);    }    .hero-section .detail-badge-group {      justify-content: center;    }    \/* Z-Pattern Features *\/    .feature-list {      display: flex;      flex-direction: column;      gap: var(--spacing-section);      margin-bottom: var(--spacing-section);    }    .feature-item {      display: flex;      flex-direction: column;      gap: 2rem;      align-items: center;    }    .feature-media, .feature-copy {      width: 100%;    }        \/* Specs Table *\/    .specs-section {      margin-bottom: var(--spacing-section);    }    .specs-table-wrapper {      background: var(--bg-card);      border-radius: var(--radius-md);      padding: clamp(1.5rem, 3vw, 3rem);      box-shadow: var(--shadow-sm);      margin-bottom: 2rem;      border: 1px solid var(--border-color);    }    .specs-table {      width: 100%;      border-collapse: collapse;    }        \/* FAQ Section *\/    .faq-section {      margin-bottom: var(--spacing-section);    }    .faq-item {      background: var(--bg-card);      border-radius: var(--radius-md);      padding: 1.5rem 2rem;      margin-bottom: 1rem;      border: 1px solid var(--border-color);      border-left: 4px solid var(--accent);      transition: all 0.2s ease;    }    .faq-item:hover {      box-shadow: var(--shadow-sm);      transform: translateX(4px);    }    .faq-question {      font-size: clamp(16px, 2vw, 18px);      font-weight: 800;      color: var(--primary);      margin-bottom: 0.5rem;    }    .faq-answer {      font-size: clamp(15px, 1.8vw, 16px);      color: var(--text-sub);      margin: 0;    }    \/* Desktop Enhancements *\/    @media (min-width: 768px) {      .feature-item {        flex-direction: row;        gap: var(--spacing-module);      }      .feature-item.reverse {        flex-direction: row-reverse;      }      .feature-media, .feature-copy {        flex: 1;      }      .feature-copy {        padding: 0 2rem;      }            .specs-table th, .specs-table td {        padding: 1.25rem 1.5rem;        text-align: left;        border-bottom: 1px solid var(--border-color);        font-size: 16px;      }      .specs-table th {        font-weight: 800;        color: var(--primary);        width: 35%;        background-color: var(--bg-body);        font-size: 15px;      }      .specs-table tr:first-child th {        border-top-left-radius: 8px;      }      .specs-table tr:last-child td, .specs-table tr:last-child th {        border-bottom: none;      }    }    \/* Mobile Specs Table Lock *\/    @media (max-width: 767px) {      .specs-table,       .specs-table thead,       .specs-table tbody,       .specs-table tr,       .specs-table th,       .specs-table td {        display: block;        width: 100%;      }      .specs-table thead {        display: none;      }      .specs-table tr {        background: var(--bg-card);        border: 1px solid var(--border-color);        border-radius: var(--radius-md);        margin-bottom: 1rem;        padding: 1.25rem;      }      .specs-table td {        display: flex;        flex-direction: column;        padding: 0.75rem 0;        border-bottom: 1px solid var(--bg-body);        font-size: 15px;        text-align: left;      }      .specs-table td:last-child {        border-bottom: none;        padding-bottom: 0;      }      .specs-table td::before {        content: attr(data-label);        font-weight: 800;        color: var(--accent);        text-transform: uppercase;        margin-bottom: 0.25rem;        font-size: 12px;        letter-spacing: 0.05em;      }    }\u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"subtitle\"\u003eRestore Clear Vision for Safer Driving\u003c\/div\u003e\n\u003ch1\u003eWindshield Oil Film Cleaner\u003c\/h1\u003e\n\u003cdiv class=\"detail-badge-group\"\u003e\n\u003cdiv class=\"detail-badge accent\"\u003e✨ Crystal Clear\u003c\/div\u003e\n\u003cdiv class=\"detail-badge\"\u003e🚗 Powerful Removal\u003c\/div\u003e\n\u003cdiv class=\"detail-badge\"\u003e🌙 Night Safety\u003c\/div\u003e\n\u003cdiv class=\"detail-badge\"\u003e⚡ Fast Acting\u003c\/div\u003e\n\u003c\/div\u003e\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\u003cdiv class=\"img-placeholder\" style=\"max-width: 800px; margin: 0 auto; box-shadow: none; border: none; background: transparent;\"\u003e\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\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\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\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\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e🧽 Multi-Surface Cleaning Tool\u003c\/h3\u003e\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\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cdiv class=\"img-placeholder\"\u003e\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\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e🌙 Improve Night Driving Safety\u003c\/h3\u003e\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\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cdiv class=\"img-placeholder\"\u003e\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\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e⚡ Easy \u0026amp; Mess-Free Application\u003c\/h3\u003e\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\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cdiv class=\"img-placeholder\"\u003e\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\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e🌍 Suitable for All Car Windows\u003c\/h3\u003e\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\u003cdiv class=\"specs-section\"\u003e\n\u003ch2\u003e📋 Product Specifications\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-wrapper\"\u003e\u003ctable class=\"specs-table\"\u003e\t\u003cthead\u003e\t\t\u003ctr\u003e\t\t\t\u003cth\u003eSpecification\u003c\/th\u003e\t\t\t\u003cth\u003eDetails\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=\"Specification\"\u003e\u003cstrong\u003eProduct Type\u003c\/strong\u003e\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003eCar Glass Oil Film Cleaner\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eFunction\u003c\/strong\u003e\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003eRemove oil film and grease\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eApplication\u003c\/strong\u003e\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003eWindshield, side windows, rear windows\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eIncluded\u003c\/strong\u003e\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003eCleaning lotion + cleaning brush board\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eUsage\u003c\/strong\u003e\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003eAutomotive glass cleaning\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eSuitable For\u003c\/strong\u003e\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003eCars, SUVs, trucks\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Section --\u003e\u003cdiv class=\"faq-section\"\u003e\n\u003ch2\u003e❓ FAQ\u003c\/h2\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e1. What does this oil film cleaner remove?\u003c\/div\u003e\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\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e2. Is it safe for car windshields?\u003c\/div\u003e\n\u003cdiv class=\"faq-answer\"\u003eYes, the cleaner is designed specifically for automotive glass surfaces.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e3. Can it improve night driving visibility?\u003c\/div\u003e\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\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e4. Is it easy to apply?\u003c\/div\u003e\n\u003cdiv class=\"faq-answer\"\u003eYes. The handheld design allows simple and direct application.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e5. Can it be used on all car windows?\u003c\/div\u003e\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","brand":"mysite","offers":[{"title":"1 PC (Starter)","offer_id":43240578875481,"sku":"0320-17243185","price":12.95,"currency_code":"USD","in_stock":true},{"title":"2 PCs (Car \u0026 Home Pack) - Save 15%","offer_id":43240578908249,"sku":"0320-17241091","price":21.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0731\/7281\/1865\/files\/933e4ec68bd185df881ae8ca96fd8f32.jpg?v=1776755723","url":"https:\/\/deppea.com\/products\/auto-glass-oil-film-cleaner","provider":"deppea","version":"1.0","type":"link"}