{"product_id":"2-in-1-soap-dispenser-caddy","title":"2-in-1 Soap Dispenser Caddy","description":"\u003c!--\n[AI Design Logic]\nProduct Type: Home \u0026 Kitchen Goods (Soap Dispenser with Caddy)\nTarget Audience: Homemakers, Organization Enthusiasts, Daily Chores Doers\nVisual Style: Clean, Modern, Organized, Approachable\nColor Strategy: White\/Off-White backgrounds for cleanliness (--bg-body: #ffffff, --bg-card: #f8f9fa), matched with a calming Sage Green accent (--primary: #557A66) representing freshness and eco-friendly soap saving. High contrast dark slate for text (--text-main: #2A332E).\nShape Strategy: Radius 16px. Soft, friendly rounded corners for home goods, eliminating harsh industrial edges to evoke a safe, family-friendly kitchen environment.\nTypography Strategy: Large Type \/ Mobile-first readable (H1: clamp(32px, 4vw, 44px), Body: 18-20px). Strict word-break to prevent overflow.\nMobile Table Strategy: Card-based (No horizontal scroll allowed), Flexbox ::before data-label injection. Automatic Metric\/Imperial conversion included.\nImage Mapping: Hero=image_1, Feature1=image_2, Feature2=image_3, Feature3=image_4\n--\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* Scope Reset \u0026 Design System *\/\n    .product-detail-container {\n      --primary: #557A66;\n      --primary-hover: #466655;\n      --text-main: #2A332E;\n      --text-sub: #5A6660;\n      --bg-body: #FFFFFF;\n      --bg-card: #F4F6F5;\n      --border-color: #E2E8E5;\n      \n      --radius-md: 12px;\n      --radius-lg: 20px;\n      --shadow-sm: 0 4px 12px rgba(42, 51, 46, 0.05);\n      --shadow-lg: 0 12px 32px rgba(42, 51, 46, 0.08);\n\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 3rem 5%;\n      box-sizing: border-box;\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      overflow-wrap: break-word;\n      word-break: break-word;\n    }\n\n    .product-detail-container *,\n    .product-detail-container *::before,\n    .product-detail-container *::after {\n      box-sizing: inherit;\n    }\n\n    \/* Typography System *\/\n    .product-detail-container h1, \n    .product-detail-container h2, \n    .product-detail-container h3 {\n      margin-top: 0;\n      color: var(--text-main);\n      line-height: 1.2;\n      font-weight: 700;\n    }\n    .product-detail-container h1 {\n      font-size: clamp(32px, 4vw, 44px);\n      margin-bottom: 1.5rem;\n    }\n    .product-detail-container h2 {\n      font-size: clamp(28px, 3.5vw, 36px);\n      margin-bottom: 1.25rem;\n    }\n    .product-detail-container h3 {\n      font-size: clamp(22px, 2.5vw, 26px);\n      margin-bottom: 1rem;\n    }\n    .product-detail-container p {\n      font-size: clamp(18px, 2vw, 20px);\n      color: var(--text-sub);\n      line-height: 1.7;\n      margin-top: 0;\n      margin-bottom: 1.5rem;\n    }\n\n    \/* Utility \u0026 Badges *\/\n    .detail-badge {\n      display: inline-block;\n      background-color: var(--bg-card);\n      color: var(--primary);\n      padding: 0.5rem 1.25rem;\n      border-radius: 100px;\n      font-size: 16px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      margin-bottom: 1.5rem;\n      border: 1px solid var(--border-color);\n    }\n    .social-proof {\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--primary);\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n      margin-bottom: 2rem;\n    }\n    .social-proof span {\n      font-size: 20px;\n    }\n\n    \/* Media Protocol - Anti-Distortion *\/\n    .img-placeholder {\n      width: 100%;\n      background: #F0F2F1;\n      border: 2px dashed #BCC5C0;\n      border-radius: var(--radius-lg);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #7A8580;\n      font-size: 18px;\n      font-weight: bold;\n      aspect-ratio: 4 \/ 3; \n    }\n    .img-fluid {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-lg);\n      box-shadow: var(--shadow-sm);\n    }\n\n    \/* Layout: Hero Section *\/\n    .hero-section {\n      display: flex;\n      flex-direction: column;\n      gap: clamp(2rem, 5vw, 4rem);\n      margin-bottom: clamp(4rem, 8vw, 6rem);\n    }\n\n    \/* Layout: Z-Pattern Features *\/\n    .feature-section {\n      display: flex;\n      flex-direction: column;\n      gap: clamp(4rem, 8vw, 6rem);\n      margin-bottom: clamp(4rem, 8vw, 6rem);\n    }\n    .feature-item {\n      display: flex;\n      flex-direction: column;\n      gap: clamp(2rem, 5vw, 4rem);\n      align-items: center;\n    }\n    .feature-media, .feature-copy {\n      flex: 1;\n      width: 100%;\n    }\n\n    \/* Table System: Specifications *\/\n    .specs-section {\n      margin-bottom: clamp(4rem, 8vw, 6rem);\n      background: var(--bg-card);\n      padding: clamp(2rem, 4vw, 4rem);\n      border-radius: var(--radius-lg);\n    }\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n      text-align: left;\n    }\n    .specs-table th, \n    .specs-table td {\n      padding: 1.25rem 1.5rem;\n      border-bottom: 1px solid var(--border-color);\n      font-size: 18px;\n    }\n    .specs-table th {\n      font-weight: 700;\n      color: var(--text-main);\n      width: 40%;\n    }\n    .specs-table td {\n      color: var(--text-sub);\n    }\n\n    \/* FAQ Section *\/\n    .faq-section {\n      margin-bottom: clamp(2rem, 4vw, 4rem);\n    }\n    .faq-item {\n      background: var(--bg-card);\n      padding: 2rem;\n      border-radius: var(--radius-md);\n      margin-bottom: 1.5rem;\n      border: 1px solid var(--border-color);\n    }\n    .faq-item h3 {\n      font-size: clamp(20px, 2vw, 22px);\n      margin-bottom: 0.75rem;\n      color: var(--primary);\n    }\n    .faq-item p {\n      margin-bottom: 0;\n      font-size: clamp(16px, 1.8vw, 18px);\n    }\n\n    \/* Responsive Architecture - Desktop Enhancements *\/\n    @media (min-width: 768px) {\n      .hero-section {\n        flex-direction: row;\n        align-items: center;\n      }\n      .hero-copy, .hero-media {\n        flex: 1;\n      }\n      .feature-item {\n        flex-direction: row;\n      }\n      \/* Z-Pattern Alternative *\/\n      .feature-item.reverse {\n        flex-direction: row-reverse;\n      }\n    }\n\n    \/* Responsive Architecture - Mobile Overrides (Strict Locks) *\/\n    @media (max-width: 767px) {\n      \/* Force DOM sequence: Media (Image) -\u003e Copy (Text) *\/\n      .feature-item, .feature-item.reverse {\n        flex-direction: column !important;\n      }\n      \n      \/* Specs Table Card-Based Layout Lock *\/\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; \/* Hide native header *\/\n      }\n      .specs-table tr {\n        background: #ffffff;\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        margin-bottom: 1rem;\n        padding: 0.5rem;\n        box-shadow: var(--shadow-sm);\n      }\n      .specs-table td {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        border-bottom: 1px solid var(--bg-card);\n        padding: 1rem;\n        text-align: right;\n      }\n      .specs-table td:last-child {\n        border-bottom: none;\n      }\n      .specs-table td::before {\n        content: attr(data-label);\n        font-weight: 700;\n        color: var(--text-main);\n        width: 45%;\n        text-align: left;\n        padding-right: 1rem;\n      }\n    }\n\u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-copy\"\u003e\n\u003cdiv class=\"detail-badge\"\u003eKitchen Essential\u003c\/div\u003e\n\n\u003ch1\u003eEffortless Washing, Clutter-Free Sink\u003c\/h1\u003e\n\n\u003cp\u003eTransform your daily dishwashing routine with our 2-in-1 liquid soap dispenser and sink caddy. Designed to save you time, eliminate messy countertops, and dispense the perfect amount of soap every single time.\u003c\/p\u003e\n\n\u003cdiv class=\"social-proof\"\u003e\n\u003cspan\u003e★★★★★\u003c\/span\u003e Loved by 15,000+ Happy Kitchens\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hero-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260316111926\/9f37d83080a397016c95b096cdd8fa62.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-section\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260316111926\/7b6870a7921af593b688cc637ddd98fa.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eSpend Less Time Washing Up\u003c\/h2\u003e\n\n\u003cp\u003eBreeze through your chores. Our effortless pumping mechanism dispenses soap smoothly with a single hand, allowing you to wash dishes faster without constantly grabbing slippery bottles.\u003c\/p\u003e\n\n\u003cp\u003eHolding up to \u003cstrong\u003e13 oz of fluid\u003c\/strong\u003e, this large-capacity reservoir means fewer refills and more continuous cleaning power right at your fingertips.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2: Text Left, Image Right (Reverse class triggers desktop reverse, mobile stays Image Top) --\u003e\n\n\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260316111926\/080a4b3a1da121fe66562367144c8593.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eEliminate Sink Clutter Instantly\u003c\/h2\u003e\n\n\u003cp\u003eSay goodbye to messy spills, dripping bottles, and trailing water! Our integrated kitchen caddy holds your sponges, scrubbers, and scouring pads all in one convenient place, keeping water completely off your kitchen counters.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eBonus Feature:\u003c\/strong\u003e We've thoughtfully included a beautiful Christmas tree-shaped holder, specifically designed to hang your wash rags so they dry quickly and stay fresh.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3: Image Left, Text Right (Mobile: Image Top, Text Bottom) --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260316111926\/75c41e519c4ef9bfbd8df3b76673f5e3.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eSave Time and Liquid Soap\u003c\/h2\u003e\n\n\u003cp\u003eStop pouring money down the drain. This smart dispenser provides the perfectly considered amount of soap directly onto your sponge every single time.\u003c\/p\u003e\n\n\u003cp\u003eBy preventing accidental over-pouring, you drastically reduce wasted liquid soap. It works flawlessly with all kinds of liquid dish soaps, making it the most versatile tool in your kitchen arsenal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Specifications Table (Card-Based on Mobile) --\u003e\n\n\u003cdiv class=\"specs-section\"\u003e\n\u003ch2\u003eProduct Specifications\u003c\/h2\u003e\n\n\u003cp\u003eEverything you need to know about your new kitchen upgrade.\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\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\"\u003eFluid Capacity\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003e384.5 ml \/ 13 oz\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eOverall Dimensions (L x W x H)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003e14.0 x 10.0 x 11.0 cm \/ 5.5 x 3.9 x 4.3 in\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eItem Weight\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003e250 g \/ 8.8 oz\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eSoap Compatibility\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eAll standard liquid dish soaps\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eStorage Features\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eBuilt-in sponge caddy + Rag drying holder\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=\"faq-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eDoes the pump work with thick, concentrated dish soaps?\u003c\/h3\u003e\n\n\u003cp\u003eAbsolutely. The internal pumping mechanism is engineered with a wide intake valve, allowing it to easily draw and dispense both thin and thick concentrated liquid dish soaps without clogging.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eHow do I clean the caddy and drip tray?\u003c\/h3\u003e\n\n\u003cp\u003eCleaning is incredibly simple. The top tray that holds the sponge easily lifts off. You can rinse both pieces with warm soapy water to clear away any residue, keeping your sink area perfectly hygienic.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eWhat is the purpose of the included \"Christmas Tree\" attachment?\u003c\/h3\u003e\n\n\u003cp\u003eThe tree attachment serves as an upright drying rack. Instead of leaving damp dish rags crumpled in the sink where they can develop odors, you can drape them over the branches for maximum air circulation and rapid drying.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"⚫️ Matte Black \/ 📦 1-Pack (Standard)","offer_id":45303829725375,"sku":"0327-18402622","price":19.95,"currency_code":"USD","in_stock":true},{"title":"🔘 Slate Grey \/ 📦 1-Pack (Standard)","offer_id":45303829758143,"sku":"0327-18402300","price":19.95,"currency_code":"USD","in_stock":true},{"title":"⚪️ Cloud White \/ 📦 1-Pack (Standard)","offer_id":45303829790911,"sku":"0327-18406717","price":19.95,"currency_code":"USD","in_stock":true},{"title":"⚫️ Matte Black \/ 🎁 2-Pack","offer_id":45303829823679,"sku":"0327-18400432","price":35.95,"currency_code":"USD","in_stock":true},{"title":"🔘 Slate Grey \/ 🎁 2-Pack","offer_id":45303829856447,"sku":"0327-18408571","price":35.95,"currency_code":"USD","in_stock":true},{"title":"⚪️ Cloud White \/ 🎁 2-Pack","offer_id":45303829889215,"sku":"0327-18405861","price":35.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0701\/3220\/3711\/files\/9f37d83080a397016c95b096cdd8fa62.jpg?v=1773631413","url":"https:\/\/ggkbkw-fz.myshopify.com\/products\/2-in-1-soap-dispenser-caddy","provider":"Bak","version":"1.0","type":"link"}