{"product_id":"pet-specific-washer-cleaner","title":"Pet Specific Washer Cleaner","description":"\u003cbr\u003e\n\u003c!--\n[AI Design Logic]\nProduct Type: Pet-Focused Washing Machine Cleaner Tablets\nTarget Audience: Pet owners, homeowners, families dealing with pet hair and odors\nVisual Style: Clean, Professional, Trustworthy\nColor Strategy: \n  - Primary: #0ea5e9 (Fresh Ocean Blue - represents deep cleaning)\n  - Secondary: #10b981 (Mint Green - represents freshness and safety)\n  - Background: #ffffff (Pure White), #f8fafc (Slight off-white for contrast)\nShape Strategy: Radius 16px (Friendly, approachable for home\/pet products)\nTypography Strategy: Large Type (H1 40px+) \/ Mobile-first highly readable\nMobile Table Strategy: Card-based flex layout (Absolute zero horizontal scroll)\nImage Mapping: \n  - Hero = [ 📷 需替换：image_1 ] (Product box and tablets with pets)\n  - Feature 1 = [ 📷 需替换：image_deep_clean ]\n  - Feature 2 = [ 📷 需替换：image_pet_hair ]\n  - Feature 3 = [ 📷 需替换：image_easy_use ]\n--\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e:root {\n      --primary: #0ea5e9;\n      --primary-hover: #0284c7;\n      --accent: #10b981;\n      --text-main: #1e293b;\n      --text-sub: #475569;\n      --bg-body: #ffffff;\n      --bg-card: #f8fafc;\n      --bg-highlight: #f0fdf4;\n      --border-color: #e2e8f0;\n      \n      --radius-sm: 8px;\n      --radius-md: 16px;\n      --radius-lg: 24px;\n      \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.05), 0 4px 6px -2px rgba(0, 0, 0, 0.025);\n\n      --gap-section: clamp(3rem, 8vw, 6rem);\n      --gap-element: clamp(1.5rem, 4vw, 2.5rem);\n    }\n\n    \/* Global Resets for Container *\/\n    .product-detail-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      background-color: var(--bg-body);\n      box-sizing: border-box;\n      overflow-wrap: break-word;\n      word-break: break-word;\n      line-height: 1.6;\n    }\n\n    .product-detail-container *,\n    .product-detail-container *::before,\n    .product-detail-container *::after {\n      box-sizing: border-box;\n    }\n\n    \/* Typography *\/\n    .product-detail-container h1 {\n      font-size: clamp(32px, 5vw, 44px);\n      line-height: 1.2;\n      font-weight: 800;\n      margin: 0 0 1rem 0;\n      color: var(--text-main);\n      letter-spacing: -0.02em;\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(26px, 4vw, 34px);\n      line-height: 1.3;\n      font-weight: 700;\n      margin: 0 0 1rem 0;\n      color: var(--text-main);\n    }\n\n    .product-detail-container h3 {\n      font-size: clamp(22px, 3vw, 26px);\n      line-height: 1.4;\n      font-weight: 600;\n      margin: 0 0 1rem 0;\n    }\n\n    .product-detail-container p {\n      font-size: clamp(18px, 2vw, 20px);\n      line-height: 1.7;\n      margin: 0 0 1.5rem 0;\n      color: var(--text-sub);\n    }\n\n    \/* Image Protocol A: Natural Flow *\/\n    .product-detail-container img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-md);\n    }\n\n    \/* Image Placeholder Style *\/\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-md);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--text-sub);\n      font-size: 18px;\n      font-weight: 600;\n      text-align: center;\n      padding: 2rem;\n    }\n\n    \/* Non-clickable Badges *\/\n    .badge-container {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 1rem;\n      margin-bottom: 2rem;\n    }\n    \n    .visual-badge {\n      display: inline-flex;\n      align-items: center;\n      background: var(--bg-highlight);\n      color: var(--primary-hover);\n      padding: 0.75rem 1.25rem;\n      border-radius: 50px;\n      font-size: 16px;\n      font-weight: 700;\n      border: 1px solid rgba(14, 165, 233, 0.2);\n    }\n\n    \/* Sections *\/\n    .pd-section {\n      margin-bottom: var(--gap-section);\n    }\n\n    \/* Hero Section *\/\n    .hero-section {\n      text-align: center;\n      padding: 2rem 0 4rem;\n    }\n    .hero-content {\n      max-width: 800px;\n      margin: 0 auto var(--gap-element);\n    }\n\n    \/* Z-Pattern Features - Strict Mobile Lock *\/\n    .feature-list {\n      display: flex;\n      flex-direction: column;\n      gap: var(--gap-section);\n    }\n\n    .feature-item {\n      display: flex;\n      flex-direction: column; \/* Mobile Lock *\/\n      gap: var(--gap-element);\n      align-items: center;\n    }\n\n    .feature-media {\n      width: 100%;\n      order: -1; \/* Mobile Lock: Image Always Top *\/\n    }\n\n    .feature-copy {\n      width: 100%;\n    }\n\n    .feature-copy ul {\n      padding-left: 1.5rem;\n      margin-bottom: 1.5rem;\n    }\n\n    .feature-copy li {\n      font-size: clamp(18px, 2vw, 20px);\n      line-height: 1.7;\n      color: var(--text-sub);\n      margin-bottom: 0.75rem;\n    }\n\n    \/* Desktop Enhancement *\/\n    @media (min-width: 768px) {\n      .feature-item {\n        flex-direction: row;\n      }\n      .feature-media, .feature-copy {\n        flex: 1;\n      }\n      .feature-item:nth-child(even) .feature-media {\n        order: 2; \/* Desktop Z-Pattern Alternation *\/\n      }\n      .feature-item:nth-child(even) .feature-copy {\n        padding-right: 3rem;\n      }\n      .feature-item:nth-child(odd) .feature-copy {\n        padding-left: 3rem;\n      }\n    }\n\n    \/* Step by Step *\/\n    .steps-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 2rem;\n    }\n    \n    .step-card {\n      background: var(--bg-card);\n      padding: 2.5rem;\n      border-radius: var(--radius-lg);\n      text-align: center;\n      border: 1px solid var(--border-color);\n    }\n    \n    .step-number {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 48px;\n      height: 48px;\n      background: var(--primary);\n      color: white;\n      border-radius: 50%;\n      font-size: 24px;\n      font-weight: 800;\n      margin-bottom: 1.5rem;\n    }\n\n    @media (min-width: 768px) {\n      .steps-grid {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }\n\n    \/* Specs Table - Strict Mobile Card Layout *\/\n    .specs-container {\n      background: var(--bg-card);\n      padding: clamp(2rem, 5vw, 4rem);\n      border-radius: var(--radius-lg);\n    }\n\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-top: 1.5rem;\n      background: var(--bg-body);\n      border-radius: var(--radius-md);\n      overflow: hidden;\n      box-shadow: var(--shadow-sm);\n    }\n\n    .specs-table th, \n    .specs-table td {\n      padding: 1.25rem 1.5rem;\n      text-align: left;\n      font-size: 18px;\n    }\n\n    .specs-table th {\n      background: var(--primary);\n      color: white;\n      font-weight: 600;\n    }\n\n    .specs-table tbody tr {\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .specs-table tbody tr:last-child {\n      border-bottom: none;\n    }\n\n    \/* CRITICAL: Mobile Card Transformation *\/\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      \n      .specs-table thead {\n        display: none;\n      }\n      \n      .specs-table {\n        background: transparent;\n        box-shadow: none;\n      }\n      \n      .specs-table tr {\n        background: var(--bg-body);\n        margin-bottom: 1rem;\n        border-radius: var(--radius-md);\n        border: 1px solid var(--border-color);\n        box-shadow: var(--shadow-sm);\n        padding: 0.5rem 0;\n      }\n      \n      .specs-table td {\n        display: flex;\n        flex-direction: column;\n        padding: 1rem 1.5rem;\n        border-bottom: 1px solid var(--border-color);\n      }\n      \n      .specs-table td:last-child {\n        border-bottom: none;\n      }\n      \n      .specs-table td::before {\n        content: attr(data-label);\n        font-weight: 700;\n        color: var(--text-main);\n        margin-bottom: 0.5rem;\n        font-size: 16px;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n      }\n    }\n\n    \/* FAQ Section *\/\n    .faq-list {\n      display: flex;\n      flex-direction: column;\n      gap: 1.5rem;\n    }\n    \n    .faq-item {\n      background: var(--bg-body);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-md);\n      padding: 2rem;\n      box-shadow: var(--shadow-sm);\n    }\n    \n    .faq-item h3 {\n      color: var(--primary);\n      margin-bottom: 0.75rem;\n      font-size: clamp(20px, 3vw, 22px);\n    }\n\u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"pd-section hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cdiv class=\"badge-container\" style=\"justify-content: center;\"\u003e\n\u003cdiv class=\"visual-badge\"\u003e🐾 Pet Owner Approved\u003c\/div\u003e\n\n\u003cdiv class=\"visual-badge\"\u003e🌿 Septic Safe\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003ch1\u003eThe Ultimate Washing Machine Detox for Pet Homes\u003c\/h1\u003e\n\n\u003cp\u003eEffortlessly dissolve stubborn pet hair buildup, neutralize lingering odors, and deep-clean your washer's hidden parts with a single tablet.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hero-media\"\u003e\n\u003c!-- Image A Protocol applied: width 100%, height auto natively via CSS --\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\/20260410153927\/51295e978d13633261f716a4327c07b2.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-section feature-list\"\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\/20260410153927\/648ce93c06d1e4ac037e02b9e760db79.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\u003eEffortless Deep Cleaning \u0026amp; Odor Elimination\u003c\/h2\u003e\n\n\u003cp\u003eYour washing machine drum might look clean, but grime, residue, and bacteria hide in the valves, hoses, and seals. Our powerful effervescent formula penetrates deep into these unseen areas.\u003c\/p\u003e\n\n\u003cul\u003e\n\t\u003cli\u003e\n\u003cstrong\u003eDissolves Stubborn Grime:\u003c\/strong\u003e Breaks down soap scum and mineral deposits.\u003c\/li\u003e\n\t\u003cli\u003e\n\u003cstrong\u003eEradicates Bad Odors:\u003c\/strong\u003e Targets the root cause of damp, musty smells.\u003c\/li\u003e\n\t\u003cli\u003e\n\u003cstrong\u003eSanitized Results:\u003c\/strong\u003e Enjoy a completely fresh machine and cleaner laundry with every wash cycle.\u003c\/li\u003e\n\u003c\/ul\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\/20260410153927\/fba971c549396ba192bb374037c04daa.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\u003eSpecifically Crafted to Defeat Pet Hair \u0026amp; Smells\u003c\/h2\u003e\n\n\u003cp\u003eStandard cleaners aren't built for homes with furry friends. This formula doesn't just mask smells with heavy perfumes—it chemically neutralizes tough pet odors at the source.\u003c\/p\u003e\n\n\u003cul\u003e\n\t\u003cli\u003e\n\u003cstrong\u003eReduces Hair Accumulation:\u003c\/strong\u003e Helps break down buildup inside your drain pump and filters.\u003c\/li\u003e\n\t\u003cli\u003e\n\u003cstrong\u003eMaintains Water Flow:\u003c\/strong\u003e Prevents clogs caused by pet lint and dander.\u003c\/li\u003e\n\t\u003cli\u003e\n\u003cstrong\u003eLess Maintenance Headache:\u003c\/strong\u003e Keeps your appliance running smoothly, saving you from manual deep-cleaning sessions.\u003c\/li\u003e\n\u003c\/ul\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\/20260410153927\/857e95bc77ab913985fdfd116540e524.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\u003eProlongs Washer Life \u0026amp; Prevents Costly Repairs\u003c\/h2\u003e\n\n\u003cp\u003eA clean machine is an efficient machine. Regular monthly maintenance protects your expensive appliance investment from premature wear and tear.\u003c\/p\u003e\n\n\u003cul\u003e\n\t\u003cli\u003e\n\u003cstrong\u003eUniversal Compatibility:\u003c\/strong\u003e 100% safe for all High-Efficiency (HE), Front-Load, and Top-Load washers.\u003c\/li\u003e\n\t\u003cli\u003e\n\u003cstrong\u003eYear-Round Protection:\u003c\/strong\u003e Provides an easy, proactive solution to extend your washer’s lifespan.\u003c\/li\u003e\n\t\u003cli\u003e\n\u003cstrong\u003eExceptional Value:\u003c\/strong\u003e Available in bulk packs to ensure you always have a maintenance routine ready.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How to Use Section --\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2 style=\"text-align: center; margin-bottom: 3rem;\"\u003eFast, Easy \u0026amp; No-Mess Maintenance\u003c\/h2\u003e\n\n\u003cdiv class=\"steps-grid\"\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\n\u003ch3\u003eEmpty the Drum\u003c\/h3\u003e\n\n\u003cp\u003eEnsure your washing machine is completely empty. Do not use tablets with clothing inside.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\n\u003ch3\u003eDrop in a Tablet\u003c\/h3\u003e\n\n\u003cp\u003ePlace just one fast-dissolving tablet directly into the main washer drum (not the detergent dispenser).\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\n\u003ch3\u003eRun a Hot Cycle\u003c\/h3\u003e\n\n\u003cp\u003eSelect a hot water cycle or the \"Clean Washer\" setting and let it run completely. Wipe away any loosened residue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Specifications Table Section --\u003e\n\n\u003cdiv class=\"pd-section specs-container\"\u003e\n\u003ch2\u003eProduct Specifications\u003c\/h2\u003e\n\n\u003cp\u003ePrecise measurements to ensure perfect compatibility with your cleaning routine.\u003c\/p\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\u003eMetric Measurement\u003c\/th\u003e\n\t\t\t\u003cth\u003eImperial Measurement\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\"\u003eTablet Dimensions (Single)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Metric Measurement\"\u003e26.3 x 13.6 x 49.0 mm\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Imperial Measurement\"\u003e1.03 x 0.53 x 1.92 in\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003ePackage Dimensions (Box)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Metric Measurement\"\u003e80.0 x 90.0 x 49.0 mm\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Imperial Measurement\"\u003e3.14 x 3.54 x 1.92 in\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eNet Weight (Per Box)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Metric Measurement\"\u003e180 g\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Imperial Measurement\"\u003e6.35 oz\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003ePackage Contents\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Metric Measurement\"\u003e12 Tablets per box\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Imperial Measurement\"\u003e12 Tablets per box\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eAppliance Compatibility\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Metric Measurement\"\u003eFront-Load, Top-Load, HE\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Imperial Measurement\"\u003eFront-Load, Top-Load, HE\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=\"pd-section\"\u003e\n\u003ch2 style=\"margin-bottom: 2rem;\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-list\"\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eIs this safe for homes with septic systems?\u003c\/h3\u003e\n\n\u003cp\u003eYes, absolutely. Our effervescent cleaning tablets are formulated specifically to be septic-safe and won't disrupt the natural balance of your septic system.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eWill it dissolve massive clumps of pet hair?\u003c\/h3\u003e\n\n\u003cp\u003eWhile it is not a corrosive acid, the formula is designed to loosen grime and break down the binding agents that cause pet hair and lint to clump up in filters and drain pumps, allowing them to pass through more easily.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eHow often should I use these cleaner tablets?\u003c\/h3\u003e\n\n\u003cp\u003eFor homes with heavy shedding pets, we recommend using one tablet every 2 to 4 weeks to maintain optimal freshness and prevent severe buildup. For regular maintenance, once a month is sufficient.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"🔵 1-Pack (12 Tablets)  Standard","offer_id":51420984541408,"sku":"0410-16393068","price":12.95,"currency_code":"USD","in_stock":true},{"title":"🔥 2-Pack (24 Tablets)  Save 15% (Most Popular)","offer_id":51420984574176,"sku":"0410-16391052","price":20.95,"currency_code":"USD","in_stock":true},{"title":"💎 3-Pack (36 Tablets)  Best Value","offer_id":51420984606944,"sku":"0410-16394844","price":30.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0765\/5296\/2272\/files\/51295e978d13633261f716a4327c07b2.jpg?v=1775811530","url":"https:\/\/dogplaybox.com\/products\/pet-specific-washer-cleaner","provider":"DogPlayBox","version":"1.0","type":"link"}