{"product_id":"glass-oil-film-remover-cleaner","title":"🚗Automotive Glass Oil Film Cleaner - Anti-Freeze \u0026 Hydrophobic Coating","description":"\u003c!--\n============================================================================\n 详情页模板 · 模板1 衍生版 —— 玻璃油膜去除剂（清新水青 汽车玻璃清洁风）\n============================================================================\n 基于「模板1.html」结构与 hwc- 类名，改为汽车玻璃清洁水青风：\n   · 呼应产品「玻璃\/水\/清澈」调——清新水青主调（区别于水渍凝胶的海军蓝）\n   · --aqua #0ea5b7(水青) \/ --aqua-bright #22c3d6 \/ --aqua-deep #0b7285\n   · 页面浅水青底 #eef6f7，柔和底 --soft #e6f4f6\n   · hwc-dark 用深青绿渐变卡(#062f38→#0b4a55)浅色字 + 青光晕\n   · 圆角适中(卡18 \/ 图14 \/ 徽章8 \/ 按钮12)，干净通透\n 内容来自用户提供的 Glass Oil Film Cleaner 文案 + 7 张图（含 1 张规格图）。\n============================================================================\n--\u003e\n\u003cstyle\u003e\nhtml{\n  scroll-behavior:smooth;\n}\n#shopify-product-form{\n  scroll-margin-top:90px;\n}\n.hwc-page{\n  --ink:#2c3e50;\n  --aqua:#0ea5b7;\n  --aqua-bright:#22c3d6;\n  --aqua-deep:#0b7285;\n  --soft:#e6f4f6;\n  --muted:#5b6b73;\n  --line:rgba(14,165,183,.14);\n  max-width:920px;\n  margin:0 auto;\n  padding:0 12px 44px;\n  color:var(--ink);\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;\n  line-height:1.65;\n  background:#eef6f7;\n}\n\n.hwc-page *{\n  box-sizing:border-box;\n}\n\n.hwc-page h1,\n.hwc-page h2,\n.hwc-page h3,\n.hwc-page p{\n  margin:0;\n}\n\n.hwc-page img{\n  display:block;\n  width:100%;\n  height:auto;\n  margin:0 auto;\n  border-radius:14px;\n}\n\n.hwc-section{\n  padding:18px 0;\n}\n\n\/* 白色清爽卡 *\/\n.hwc-card{\n  padding:25px 18px;\n  overflow:hidden;\n  background:#ffffff;\n  border:1px solid rgba(14,165,183,.10);\n  border-radius:18px;\n  box-shadow:0 10px 26px rgba(6,47,56,.07);\n}\n\n\/* 深青绿 + 青光晕强调卡 *\/\n.hwc-dark{\n  color:#d6eef2;\n  background:\n    radial-gradient(circle at 85% 8%,rgba(34,195,214,.26),transparent 36%),\n    radial-gradient(circle at 12% 92%,rgba(11,114,133,.22),transparent 32%),\n    linear-gradient(145deg,#062f38,#0b4a55 60%,#052530);\n  border-color:rgba(34,195,214,.32);\n}\n\n\/* 浅水青柔和卡 *\/\n.hwc-soft{\n  background:linear-gradient(145deg,#e6f4f6,#dcf0f3);\n}\n\n.hwc-center{\n  text-align:center;\n}\n\n\/* 水青标签风：青底 + 白字 + 小圆角 *\/\n.hwc-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:7px;\n  margin-bottom:11px;\n  padding:6px 11px;\n  color:#fff;\n  background:linear-gradient(135deg,var(--aqua-bright),var(--aqua));\n  border-radius:8px;\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:.1em;\n  text-transform:uppercase;\n}\n\n.hwc-dark .hwc-eyebrow{\n  color:#ffffff;\n  background:linear-gradient(135deg,var(--aqua-bright),var(--aqua));\n}\n\n.hwc-title{\n  max-width:780px;\n  margin-left:auto!important;\n  margin-right:auto!important;\n  font-size:clamp(29px,7vw,50px);\n  line-height:1.08;\n  letter-spacing:-.02em;\n}\n\n.hwc-h2{\n  margin-bottom:10px!important;\n  font-size:clamp(24px,6vw,37px);\n  line-height:1.15;\n  letter-spacing:-.02em;\n}\n\n.hwc-dark .hwc-h2{\n  color:#ffffff;\n}\n\n.hwc-h3{\n  margin-bottom:5px!important;\n  font-size:19px;\n  line-height:1.25;\n  color:var(--aqua-deep);\n}\n\n.hwc-dark .hwc-h3{\n  color:var(--aqua-bright);\n}\n\n.hwc-highlight{\n  color:var(--aqua-deep);\n}\n\n.hwc-dark .hwc-highlight{\n  color:var(--aqua-bright);\n}\n\n.hwc-sub{\n  max-width:720px;\n  margin-top:13px!important;\n  color:var(--muted);\n  font-size:17px;\n}\n\n.hwc-center .hwc-sub{\n  margin-left:auto!important;\n  margin-right:auto!important;\n}\n\n.hwc-dark .hwc-sub,\n.hwc-dark .hwc-copy{\n  color:#aedbe3;\n}\n\n.hwc-copy{\n  color:var(--muted);\n  font-size:16px;\n}\n\n.hwc-media{\n  margin-top:20px;\n}\n\n.hwc-usp{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:10px;\n  margin-top:18px;\n}\n\n.hwc-usp-item{\n  display:flex;\n  align-items:center;\n  gap:11px;\n  padding:13px 14px;\n  text-align:left;\n  background:rgba(14,165,183,.05);\n  border:1px solid rgba(14,165,183,.16);\n  border-radius:12px;\n}\n\n.hwc-usp-icon{\n  flex:0 0 36px;\n  display:grid;\n  place-items:center;\n  width:36px;\n  height:36px;\n  color:#fff;\n  background:linear-gradient(135deg,var(--aqua-bright),var(--aqua));\n  border-radius:9px;\n  font-size:18px;\n}\n\n.hwc-usp-item strong{\n  display:block;\n  color:#1c2e3e;\n  font-size:15px;\n}\n\n.hwc-usp-item span{\n  display:block;\n  margin-top:2px;\n  color:#5b6b73;\n  font-size:13px;\n}\n\n.hwc-grid{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:12px;\n}\n\n.hwc-benefit{\n  padding:16px;\n  background:rgba(14,165,183,.04);\n  border:1px solid var(--line);\n  border-radius:12px;\n}\n\n.hwc-dark .hwc-benefit{\n  background:rgba(34,195,214,.08);\n  border-color:rgba(34,195,214,.24);\n}\n\n.hwc-icon{\n  margin-bottom:9px;\n  font-size:25px;\n  line-height:1;\n}\n\n.hwc-list{\n  display:grid;\n  gap:12px;\n  margin:17px 0 0;\n  padding:0;\n  list-style:none;\n}\n\n.hwc-list li{\n  position:relative;\n  padding-left:30px;\n  color:#34464e;\n  font-size:15px;\n}\n\n.hwc-dark .hwc-list li{\n  color:#c7e7ec;\n}\n\n.hwc-list li strong{\n  color:var(--aqua-deep);\n}\n\n.hwc-dark .hwc-list li strong{\n  color:var(--aqua-bright);\n}\n\n.hwc-list li:before{\n  content:\"\\2713\";\n  position:absolute;\n  left:0;\n  top:0;\n  color:var(--aqua);\n  font-weight:900;\n}\n\n.hwc-dark .hwc-list li:before{\n  color:var(--aqua-bright);\n}\n\n.hwc-pills{\n  display:flex;\n  flex-wrap:wrap;\n  gap:8px;\n  margin-top:14px;\n  justify-content:center;\n}\n\n.hwc-pill{\n  padding:8px 11px;\n  color:#0b6172;\n  background:rgba(14,165,183,.10);\n  border:1px solid rgba(14,165,183,.26);\n  border-radius:999px;\n  font-size:13px;\n  font-weight:700;\n}\n\n.hwc-dark .hwc-pill{\n  color:#a9e6ee;\n  background:rgba(34,195,214,.14);\n  border-color:rgba(34,195,214,.32);\n}\n\n.hwc-steps{\n  display:grid;\n  gap:11px;\n  margin-top:16px;\n}\n\n.hwc-step{\n  display:grid;\n  grid-template-columns:44px 1fr;\n  gap:12px;\n  align-items:start;\n  padding:15px;\n  background:rgba(14,165,183,.04);\n  border:1px solid var(--line);\n  border-radius:12px;\n}\n\n.hwc-num{\n  display:grid;\n  place-items:center;\n  width:44px;\n  height:44px;\n  color:#fff;\n  background:linear-gradient(135deg,var(--aqua-bright),var(--aqua));\n  border-radius:10px;\n  font-weight:900;\n}\n\n.hwc-included{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:10px;\n  margin-top:17px;\n}\n\n.hwc-included-item{\n  padding:14px 12px;\n  text-align:center;\n  background:rgba(14,165,183,.04);\n  border:1px solid var(--line);\n  border-radius:12px;\n}\n\n.hwc-included-icon{\n  display:block;\n  margin-bottom:6px;\n  font-size:25px;\n}\n\n.hwc-compare{\n  display:grid;\n  gap:13px;\n  margin-top:18px;\n}\n\n.hwc-compare-item{\n  padding:18px;\n  background:rgba(14,165,183,.04);\n  border:1px solid var(--line);\n  border-radius:12px;\n}\n\n.hwc-compare-label{\n  display:inline-block;\n  margin-bottom:8px;\n  padding:5px 9px;\n  color:#fff;\n  background:var(--aqua);\n  border-radius:8px;\n  font-size:12px;\n  font-weight:800;\n  text-transform:uppercase;\n}\n\n.hwc-detail{\n  display:flex;\n  justify-content:space-between;\n  align-items:flex-start;\n  gap:18px;\n  padding:12px 0;\n  border-bottom:1px solid var(--line);\n}\n\n.hwc-detail span{\n  color:var(--muted);\n  font-weight:700;\n  letter-spacing:.02em;\n}\n\n.hwc-detail strong{\n  text-align:right;\n  color:#2c3e50;\n}\n\n.hwc-faq details{\n  padding:15px 0;\n  border-bottom:1px solid var(--line);\n}\n\n.hwc-faq summary{\n  cursor:pointer;\n  list-style:none;\n  font-size:16px;\n  font-weight:800;\n  color:#2c3e50;\n}\n\n.hwc-faq summary::-webkit-details-marker{\n  display:none;\n}\n\n.hwc-faq details p{\n  padding-top:8px;\n  color:var(--muted);\n}\n\n\/* 水青硬朗按钮 *\/\n.hwc-cta{\n  display:inline-flex;\n  justify-content:center;\n  align-items:center;\n  width:100%;\n  min-height:54px;\n  margin-top:18px;\n  padding:14px 20px;\n  color:#fff!important;\n  text-decoration:none!important;\n  background:linear-gradient(135deg,var(--aqua-bright),var(--aqua-deep));\n  border-radius:12px;\n  box-shadow:0 12px 26px rgba(14,165,183,.28);\n  font-size:17px;\n  font-weight:800;\n  letter-spacing:.02em;\n}\n\n.hwc-mini-cta{\n  margin-top:20px;\n  padding:21px 17px;\n  text-align:center;\n  color:#ffffff;\n  background:linear-gradient(145deg,#062f38,#041b22);\n  border:1px solid rgba(34,195,214,.30);\n  border-radius:14px;\n}\n\n.hwc-mini-cta h3{\n  margin-bottom:5px!important;\n  color:#ffffff;\n}\n\n.hwc-mini-cta p{\n  color:#aedbe3;\n  font-size:14px;\n}\n\n.hwc-note{\n  margin-top:11px!important;\n  color:#7a8794;\n  font-size:13px;\n}\n\n.hwc-mini{\n  width:auto!important;\n  max-width:100%;\n  border-radius:0!important;\n}\n\n.hwc-urgent{\n  margin-top:14px!important;\n  color:var(--aqua-deep);\n  font-size:14px;\n  font-weight:700;\n}\n\n@media(min-width:720px){\n  .hwc-section{\n    padding:27px 0;\n  }\n\n  .hwc-card{\n    padding:32px;\n  }\n\n  .hwc-grid-2{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .hwc-grid-3{\n    grid-template-columns:repeat(3,1fr);\n  }\n\n  .hwc-usp{\n    grid-template-columns:repeat(3,1fr);\n  }\n\n  .hwc-steps{\n    grid-template-columns:repeat(4,1fr);\n  }\n\n  .hwc-step{\n    grid-template-columns:1fr;\n  }\n\n  .hwc-included{\n    grid-template-columns:repeat(4,1fr);\n  }\n\n  .hwc-compare{\n    grid-template-columns:repeat(2,1fr);\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"hwc-page\"\u003e\n\u003c!-- ============ 01 · HERO 首屏（白卡·居中·含主图） ============ --\u003e\n\u003csection class=\"hwc-section\"\u003e\n\u003cdiv class=\"hwc-card hwc-center\"\u003e\n\u003cdiv class=\"hwc-eyebrow\"\u003e🚗 Glass Oil Film Cleaner\u003c\/div\u003e\n\u003ch1 class=\"hwc-title\"\u003eSay Goodbye to Blurry Windshields \u0026amp; \u003cspan class=\"hwc-highlight\"\u003eDangerous Night Glare\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hwc-sub\"\u003eRestore crystal-clear visibility in seconds with our professional-grade Glass Oil Film Cleaner. \u003cstrong\u003eDrive safer in rain, snow, and darkness.\u003c\/strong\u003e ✨\u003c\/p\u003e\n\u003cbr\u003e\n\u003cdiv class=\"hwc-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/20260721114523_377_65.png?v=1784605662\" alt=\"Easy Spray and Wipe Application\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============ 02 · 核心卖点 + 图（白色卡） ============ --\u003e\n\u003csection class=\"hwc-section\"\u003e\n\u003cdiv class=\"hwc-card\"\u003e\n\u003cdiv class=\"hwc-eyebrow\"\u003eWhy You'll Love It\u003c\/div\u003e\n\u003ch2 class=\"hwc-h2\"\u003eWhy Every Driver Needs This Bottle\u003c\/h2\u003e\n\u003cul class=\"hwc-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDissolves Stubborn Stains Fast:\u003c\/strong\u003e Cuts through baked-on road grime, water spots, and dirt without scratching your glass.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEliminates Blurry Oil Film:\u003c\/strong\u003e Instantly wipes away greasy traffic film and haze that cause blinding glare under headlights at night.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMelt Away Bug Splatter:\u003c\/strong\u003e Easily removes sticky summer bugs and tree sap in one quick pass—no harsh scrubbing needed!\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"hwc-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/20260721114329_376_65.png?v=1784605662\" alt=\"Clear Vision Oil Film Defense\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============ 03 · 全天候防护 + 图 + CTA（深青绿强调卡） ============ --\u003e\n\u003csection class=\"hwc-section\"\u003e\n\u003cdiv class=\"hwc-card hwc-dark\"\u003e\n\u003cdiv class=\"hwc-eyebrow\"\u003eAll-Weather Defense\u003c\/div\u003e\n\u003ch2 class=\"hwc-h2\"\u003eAll-Weather Hydrophobic Defense\u003c\/h2\u003e\n\u003cul class=\"hwc-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnti-Freeze \u0026amp; Rain Repellent:\u003c\/strong\u003e Creates an invisible shield that forces water to bead up and roll right off. Prevents ice and frost from sticking during freezing winters.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSpray, Wipe, \u0026amp; Done:\u003c\/strong\u003e No special tools or rinsing required. Keep a bottle in your trunk for instant roadside clarity whenever mess strikes!\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStreak-Free Showroom Finish:\u003c\/strong\u003e Delivers a crystal-clear, professional detailing finish at a fraction of the shop cost.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"hwc-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/20260721114159_374_65.png?v=1784605663\" alt=\"Anti-Freeze Hydrophobic Protection\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============ 04 · 虫胶树液（白色卡） ============ --\u003e\n\u003csection class=\"hwc-section\"\u003e\n\u003cdiv class=\"hwc-card\"\u003e\n\u003cdiv class=\"hwc-eyebrow\"\u003eBug \u0026amp; Sap Begone\u003c\/div\u003e\n\u003ch2 class=\"hwc-h2\"\u003eMelt Away Bug Splatter \u0026amp; Tree Sap\u003c\/h2\u003e\n\u003cp class=\"hwc-copy\"\u003eSticky summer bugs and dried tree sap don't stand a chance. One quick pass lifts them clean off your windshield—no harsh scrubbing, no scratches.\u003c\/p\u003e\n\u003cdiv class=\"hwc-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/20260721114316_375_65.png?v=1784605662\" alt=\"Bug Splatter and Tree Sap Remover\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============ 05 · 喷擦即净 + 双图（白色卡） ============ --\u003e\n\u003csection class=\"hwc-section\"\u003e\n\u003cdiv class=\"hwc-card\"\u003e\n\u003cdiv class=\"hwc-eyebrow\"\u003eEffortless Clarity\u003c\/div\u003e\n\u003ch2 class=\"hwc-h2\"\u003eSpray, Wipe \u0026amp; Streak-Free\u003c\/h2\u003e\n\u003cp class=\"hwc-copy\"\u003eNo special tools, no rinsing—just spray, wipe, and enjoy a crystal-clear, streak-free finish at a fraction of the shop cost.\u003c\/p\u003e\n\u003cdiv class=\"hwc-grid hwc-grid-2\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/20260721114642_379_65.png?v=1784605662\" alt=\"Streak Free Glass Cleaner Result\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============ 06 · 规格图（浅水青柔卡） ============ --\u003e\n\u003csection class=\"hwc-section\"\u003e\n\u003cdiv class=\"hwc-card hwc-soft\"\u003e\n\u003cdiv class=\"hwc-eyebrow\"\u003eSpecs \u0026amp; Details\u003c\/div\u003e\n\u003ch2 class=\"hwc-h2\"\u003eProduct Specifications\u003c\/h2\u003e\n\u003cdiv class=\"hwc-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/20260721115601_381_65.png?v=1784606185\" alt=\"Product specifications\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hwc-media\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/20260721120355_385_65.png?v=1784606664\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"NC0248","offers":[{"title":"1 bottle","offer_id":53578405380459,"sku":"NC0248260721635-1瓶装","price":19.99,"currency_code":"USD","in_stock":true},{"title":"5 bottles ( Free 1 sponge + 1 towel )","offer_id":53578414096747,"sku":"NC0248260721635-5瓶+1海绵+1毛巾","price":49.99,"currency_code":"USD","in_stock":true},{"title":"10 bottles ( Free 2 Magic Eraser )","offer_id":53578414129515,"sku":"NC0248260721635-10瓶+2魔力擦","price":79.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/20260721115710_382_65.png?v=1784606243","url":"https:\/\/zavrlyus.com\/products\/glass-oil-film-remover-cleaner","provider":"zavrlyUS","version":"1.0","type":"link"}