{"product_id":"4-in-1-multi-enzyme-foam-cleaner","title":"4-in-1 Multi-Enzyme Foam Cleaner – Deep Clean Car, Kitchen, Bathroom \u0026 Sofa","description":"\u003cstyle\u003e\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  body {\n    margin: 0;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .cleaner-section {\n    max-width: 920px;\n    margin: 0 auto;\n    padding: 30px 16px;\n    text-align: center;\n    color: #17324d;\n    border-radius: 26px;\n    position: relative;\n    overflow: visible;\n    box-shadow: 0 8px 20px rgba(52, 110, 70, 0.08);\n    border: 1px solid rgba(183, 228, 199, 0.5);\n    background: \n      radial-gradient(circle at 15% 20%, rgba(183, 228, 199, 0.75), transparent 40%),\n      radial-gradient(circle at 85% 80%, rgba(255, 255, 255, 0.9), transparent 35%),\n      linear-gradient(135deg, #ffffff 0%, #f8fff9 48%, #eefbf0 100%);\n    z-index: 1;\n    isolation: isolate;\n  }\n\n  .cleaner-section::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(105deg, \n      transparent 0%, \n      rgba(255, 255, 255, 0.5) 28%,\n      rgba(255, 255, 255, 0.35) 45%,\n      rgba(255, 255, 255, 0.2) 62%,\n      transparent 100%);\n    transform: translateX(-100%);\n    animation: sectionGlowSweep 8s ease-in-out infinite;\n    pointer-events: none;\n    z-index: 0;\n    border-radius: 26px;\n  }\n\n  @keyframes sectionGlowSweep {\n    0% { transform: translateX(-100%); opacity: 0; }\n    25% { opacity: 0.4; }\n    60% { transform: translateX(60%); opacity: 0.3; }\n    100% { transform: translateX(120%); opacity: 0; }\n  }\n\n  .cleaner-inner { \n    position: relative; \n    z-index: 2; \n  }\n\n  .cleaner-badge {\n    display: inline-block;\n    margin-bottom: 16px;\n    padding: 8px 20px;\n    border-radius: 999px;\n    background: linear-gradient(135deg, #2d6a4f, #52b788);\n    color: #ffffff;\n    font-size: 15px;\n    font-weight: 800;\n    letter-spacing: 0.5px;\n    box-shadow: 0 4px 12px rgba(45, 106, 79, 0.2);\n  }\n\n  .cleaner-title {\n    margin: 0 0 12px;\n    font-size: 38px;\n    font-weight: 900;\n    color: #1b5e3f;\n  }\n\n  .cleaner-subtitle {\n    max-width: 780px;\n    margin: 0 auto 20px;\n    font-size: 18px;\n    color: #2d5a4a;\n    font-weight: 500;\n    line-height: 1.5;\n  }\n\n  .gold-highlight { \n    color: #b88922; \n    font-weight: 900; \n  }\n\n  .cleaner-image-wrap {\n    max-width: 600px;\n    margin: 20px auto 25px;\n    padding: 8px;\n    border-radius: 20px;\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.12));\n    border: 1px solid rgba(183, 228, 199, 0.5);\n    box-shadow: 0 8px 20px rgba(52, 110, 70, 0.1);\n  }\n\n  .cleaner-image-wrap img { \n    width: 100%; \n    border-radius: 14px; \n    display: block; \n    margin: 0 auto;\n  }\n\n  .section-divider {\n    width: 100%;\n    max-width: 720px;\n    height: 1px;\n    margin: 28px auto;\n    background: linear-gradient(90deg, transparent, #ffffff 20%, #ffffff 80%, transparent);\n  }\n\n  .cleaner-cards-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  .cleaner-card {\n    background: rgba(255, 255, 255, 0.88);\n    backdrop-filter: blur(8px);\n    border-radius: 20px;\n    padding: 22px 16px;\n    border: 1px solid rgba(183, 228, 199, 0.5);\n    box-shadow: 0 6px 16px rgba(52, 110, 70, 0.06);\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n    text-align: center;\n  }\n\n  .cleaner-card:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 12px 24px rgba(52, 110, 70, 0.1);\n  }\n\n  .cleaner-icon {\n    width: 70px;\n    height: 70px;\n    margin: 0 auto 14px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, rgba(183, 228, 199, 0.5), rgba(255, 255, 255, 0.9));\n    border: 2px solid #52b788;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 34px;\n    box-shadow: 0 6px 14px rgba(82, 183, 136, 0.12);\n  }\n\n  .cleaner-card h3 {\n    margin: 0 0 8px;\n    font-size: 20px;\n    font-weight: 800;\n    color: #1b5e3f;\n  }\n\n  .cleaner-card p {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.5;\n    color: #2d5a4a;\n  }\n\n  .cleaner-section-title {\n    font-size: 28px;\n    font-weight: 800;\n    color: #1b5e3f;\n    margin-bottom: 18px;\n  }\n\n  .steps-box {\n    max-width: 700px;\n    margin: 0 auto;\n    padding: 20px 24px;\n    border-radius: 20px;\n    background: rgba(255, 255, 255, 0.88);\n    backdrop-filter: blur(8px);\n    border: 1px solid rgba(183, 228, 199, 0.5);\n    box-shadow: 0 6px 16px rgba(52, 110, 70, 0.06);\n  }\n\n  .steps-grid {\n    display: flex;\n    justify-content: space-around;\n    flex-wrap: wrap;\n    gap: 20px;\n  }\n\n  .step-item {\n    flex: 1;\n    min-width: 150px;\n    text-align: center;\n    padding: 12px;\n  }\n\n  .step-number {\n    width: 48px;\n    height: 48px;\n    margin: 0 auto 12px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, #2d6a4f, #52b788);\n    color: white;\n    font-size: 22px;\n    font-weight: 800;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .step-text {\n    font-size: 16px;\n    font-weight: 700;\n    color: #2d5a4a;\n  }\n\n  @media (max-width: 768px) {\n    .cleaner-title { font-size: 32px; }\n    .cleaner-subtitle { font-size: 16px; }\n    .cleaner-cards-grid { \n      grid-template-columns: 1fr; \n      gap: 16px;\n    }\n    .cleaner-card { \n      padding: 18px 14px;\n      display: flex;\n      align-items: center;\n      text-align: left;\n      gap: 18px;\n    }\n    .cleaner-card .cleaner-icon {\n      margin: 0;\n      flex-shrink: 0;\n      width: 60px;\n      height: 60px;\n      font-size: 28px;\n    }\n    .cleaner-card h3 { font-size: 18px; margin-bottom: 4px; }\n    .cleaner-card p { font-size: 13px; }\n    .cleaner-section-title { font-size: 24px; }\n    .steps-grid { flex-direction: column; align-items: center; gap: 12px; }\n    .step-item { display: flex; align-items: center; gap: 16px; min-width: auto; width: 100%; text-align: left; }\n    .step-number { margin: 0; width: 40px; height: 40px; font-size: 18px; }\n    .step-text { font-size: 16px; }\n  }\n\n  @media (max-width: 480px) {\n    .cleaner-section { padding: 20px 12px; }\n    .cleaner-title { font-size: 28px; }\n    .cleaner-subtitle { font-size: 15px; }\n    .cleaner-badge { font-size: 12px; padding: 6px 14px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"cleaner-section\"\u003e\n\u003cdiv class=\"cleaner-inner\"\u003e\n\u003cdiv class=\"cleaner-badge\"\u003e4-in-1 Foam Cleaner for Home \u0026amp; Car\u003c\/div\u003e\n\u003ch1 class=\"cleaner-title\"\u003eSpray. Foam. Wipe Clean.\u003c\/h1\u003e\n\u003cp class=\"cleaner-subtitle\"\u003eTired of grease, grime, and stains? This \u003cspan class=\"gold-highlight\"\u003e4-in-1 foam cleaner\u003c\/span\u003e helps clean car seats, sofas, kitchens, bathrooms, leather, plastic, and more.\u003c\/p\u003e\n\u003cdiv class=\"cleaner-image-wrap\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0959\/0928\/2088\/files\/1233.gif?v=1780065799\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- 卡片网格布局 - 每个卡片只保留一个对应图标 --\u003e\n\u003cdiv class=\"cleaner-cards-grid\"\u003e\n\u003cdiv class=\"cleaner-card\"\u003e\n\u003cdiv class=\"cleaner-icon\"\u003e🚗\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eHome \u0026amp; Car Use\u003c\/h3\u003e\n\u003cp\u003eOne cleaner for car interiors, sofas, kitchens, bathrooms, leather, plastic, and daily surfaces.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cleaner-card\"\u003e\n\u003cdiv class=\"cleaner-icon\"\u003e🧽\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eLess Scrubbing\u003c\/h3\u003e\n\u003cp\u003eRich foam loosens grease, grime, and stains before you wipe for easier cleaning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cleaner-card\"\u003e\n\u003cdiv class=\"cleaner-icon\"\u003e🛋️\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eMulti-Surface Cleaning\u003c\/h3\u003e\n\u003cp\u003eWorks on furniture, upholstery, tiles, plastic, leather, and smooth surfaces.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch2 class=\"cleaner-section-title\"\u003eEasy 3-Step Cleaning\u003c\/h2\u003e\n\u003cdiv class=\"steps-box\"\u003e\n\u003cdiv class=\"steps-grid\"\u003e\n\u003cdiv class=\"step-item\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eSpray evenly\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-item\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eWait 1–3 minutes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-item\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eWipe clean with a cloth\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"mysite","offers":[{"title":"3 Bottles - Buy 2 Get 1 Free","offer_id":51879593148712,"sku":"DZ973-3PC","price":39.99,"currency_code":"USD","in_stock":true},{"title":"1 Bottle","offer_id":51879593181480,"sku":"DZ973-1PC","price":23.99,"currency_code":"USD","in_stock":true},{"title":"5 Bottles-Buy 3 Get 2 Free","offer_id":51879593214248,"sku":"DZ973-5PC","price":59.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/0928\/2088\/files\/ChatGPTImage2026_6_3_19_53_53.png?v=1780658377","url":"https:\/\/www.elivessa.com\/products\/4-in-1-multi-enzyme-foam-cleaner","provider":"Elivessa","version":"1.0","type":"link"}