{"product_id":"detachable-spout-drain-basket","title":"Detachable Spout Drain Basket","description":"\u003cbr\u003e\n\u003c!--\n[AI Design Logic]\nProduct Type: Kitchenware (Drain Basket)\nTarget Audience: Home cooks, housewives, kitchen organizers\nVisual Style: Clean, practical, hygienic, modern\nColor Strategy: Mint\/Teal Green (implies fresh\/water) + Crisp White \u0026 Soft Grays for high contrast and readability\nShape Strategy: Radius 20px (Soft, friendly, safe for kitchenware)\nTypography Strategy: Large Type \/ Mobile-first readable (H1 34-44px, Body 18-20px)\nMobile Table Strategy: Card-based (No horizontal scroll, Flex-labeling)\nImage Mapping: Hero=image_1, Spout=image_2, Detachable=image_3, Stackable=image_4, Multifunctional=image_5\n--\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      \/* Design System Variables *\/\n      --primary: #0d9488; \/* Teal\/Mint Green for fresh kitchen vibe *\/\n      --primary-light: #ccfbf1;\n      --text-main: #0f172a;\n      --text-sub: #475569;\n      --bg-body: #ffffff;\n      --bg-card: #f8fafc;\n      --border-color: #e2e8f0;\n      --radius-md: 12px;\n      --radius-lg: 20px;\n      --shadow-sm: 0 4px 6px -1px rgba(0,0,0,0.05);\n      --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1);\n      \n      \/* Spacing System *\/\n      --spacing-section: clamp(3rem, 6vw, 5rem);\n      --spacing-element: clamp(1.2rem, 3vw, 2rem);\n      \n      \/* Container Settings *\/\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 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 *\/\n    .product-detail-container h1 {\n      font-size: clamp(34px, 5vw, 44px);\n      line-height: 1.2;\n      font-weight: 800;\n      margin-top: 0;\n      margin-bottom: 1rem;\n      color: var(--text-main);\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(26px, 4vw, 32px);\n      line-height: 1.3;\n      font-weight: 700;\n      margin-top: 0;\n      margin-bottom: 1rem;\n      color: var(--text-main);\n    }\n\n    .product-detail-container h3 {\n      font-size: clamp(20px, 3vw, 24px);\n      line-height: 1.4;\n      font-weight: 600;\n      margin-top: 0;\n      margin-bottom: 0.75rem;\n    }\n\n    .product-detail-container p {\n      font-size: clamp(18px, 2vw, 20px);\n      line-height: 1.7;\n      color: var(--text-sub);\n      margin-top: 0;\n      margin-bottom: 1.5rem;\n    }\n\n    \/* Badges (Non-clickable visual elements) *\/\n    .visual-badge {\n      display: inline-flex;\n      align-items: center;\n      background-color: var(--primary-light);\n      color: var(--primary);\n      padding: 0.5rem 1rem;\n      border-radius: 50px;\n      font-size: 16px;\n      font-weight: 700;\n      margin-bottom: 1rem;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .visual-badge.warning {\n      background-color: #fef2f2;\n      color: #ef4444;\n    }\n\n    \/* Image Protocol *\/\n    .img-placeholder {\n      width: 100%;\n      aspect-ratio: 1 \/ 1;\n      background-color: var(--bg-card);\n      border: 2px dashed #94a3b8;\n      border-radius: var(--radius-lg);\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: 1rem;\n    }\n\n    \/* Real Image Rules (When user replaces placeholder) *\/\n    .product-detail-container img {\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      text-align: center;\n      margin-bottom: var(--spacing-section);\n      padding-top: var(--spacing-element);\n    }\n\n    .social-proof {\n      font-size: 18px;\n      font-weight: 600;\n      color: var(--primary);\n      margin-bottom: 2rem;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 0.5rem;\n    }\n\n    \/* Layout: Feature Items (Mobile Lock \u0026 Desktop Z-Pattern) *\/\n    .feature-item {\n      display: flex;\n      flex-direction: column; \/* MOBILE FIRST: Strictly Column (Image top, Text bottom) *\/\n      gap: var(--spacing-element);\n      margin-bottom: var(--spacing-section);\n    }\n\n    .feature-media, .feature-copy {\n      width: 100%;\n    }\n\n    @media (min-width: 768px) {\n      .feature-item {\n        flex-direction: row; \/* Desktop: Row *\/\n        align-items: center;\n        gap: 4rem; \/* Safe breathing room *\/\n      }\n      .feature-item:nth-child(even) {\n        flex-direction: row-reverse; \/* Desktop Z-Pattern *\/\n      }\n      .feature-media, .feature-copy {\n        flex: 1;\n        min-width: 0; \/* Prevent flex blowout *\/\n      }\n    }\n\n    \/* Layout: Specs Table (Mobile Card Lock) *\/\n    .specs-section {\n      margin-bottom: var(--spacing-section);\n      background-color: var(--bg-card);\n      border-radius: var(--radius-lg);\n      padding: var(--spacing-element);\n    }\n\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n      font-size: 18px;\n    }\n\n    @media (max-width: 767px) {\n      \/* Mobile Card View - NO Horizontal Scroll *\/\n      .specs-table, .specs-table tbody, .specs-table tr, .specs-table td {\n        display: block;\n        width: 100%;\n      }\n      .specs-table thead {\n        display: none; \/* Hide original headers *\/\n      }\n      .specs-table tr {\n        background: var(--bg-body);\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        margin-bottom: 1rem;\n        padding: 1rem;\n        box-shadow: var(--shadow-sm);\n      }\n      .specs-table td {\n        display: flex;\n        flex-direction: column;\n        padding: 0.75rem 0;\n        border-bottom: 1px dashed var(--border-color);\n        color: var(--text-sub);\n      }\n      .specs-table td:last-child {\n        border-bottom: none;\n        padding-bottom: 0;\n      }\n      .specs-table td::before {\n        content: attr(data-label);\n        font-weight: 700;\n        color: var(--text-main);\n        margin-bottom: 0.25rem;\n      }\n    }\n\n    @media (min-width: 768px) {\n      \/* Desktop Table View *\/\n      .specs-section {\n        padding: 3rem;\n      }\n      .specs-table th, .specs-table td {\n        padding: 1.2rem;\n        border-bottom: 1px solid var(--border-color);\n        text-align: left;\n      }\n      .specs-table th {\n        font-weight: 700;\n        color: var(--text-main);\n        width: 30%;\n      }\n      .specs-table tr:last-child td, .specs-table tr:last-child th {\n        border-bottom: none;\n      }\n    }\n\n    \/* Layout: FAQ Section *\/\n    .faq-section {\n      margin-bottom: var(--spacing-section);\n    }\n    \n    .faq-item {\n      margin-bottom: 1.5rem;\n      padding-bottom: 1.5rem;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .faq-item:last-child {\n      border-bottom: none;\n    }\n\n    .faq-question {\n      font-size: clamp(20px, 3vw, 22px);\n      font-weight: 700;\n      color: var(--text-main);\n      margin-bottom: 0.75rem;\n    }\n\n    .faq-answer {\n      font-size: 18px;\n      line-height: 1.7;\n      color: var(--text-sub);\n      margin: 0;\n    }\n\u003c\/style\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"visual-badge\"\u003eKitchen Essential\u003c\/div\u003e\n\n\u003ch1\u003eEffortless Washing, Zero Mess.\u003c\/h1\u003e\n\n\u003cp\u003eThe Ultimate Detachable Drain Basket with Built-in Spout.\u003c\/p\u003e\n\n\u003cdiv class=\"social-proof\"\u003e★ ★ ★ ★ ★ Trusted by 10,000+ Happy Kitchens\u003c\/div\u003e\n\n\u003cdiv class=\"hero-image-wrapper\"\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\/20260318150806\/52f6f8a116171c057eb68e3f2a037fef.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-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\/20260318150806\/3bb64c97f5c2f8c516fce92f74729cf4.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\u003eSmart Spout Design\u003c\/h2\u003e\n\n\u003cp\u003eWash your vegetables or fruits directly under running water. The strategically designed long spout automatically filters and guides the water out, providing incredible convenience while preventing food from falling into the sink.\u003c\/p\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\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260318150806\/eb43bf775bb48ecce6b092d59af3c244.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\u003eQuick Detachable Strainer\u003c\/h2\u003e\n\n\u003cp\u003eFeatures a highly efficient hollow-out drainer that ensures rapid water flow with absolutely zero residue or waterlogging. Need to clean it? The inner strainer is fully removable, making maintenance a breeze.\u003c\/p\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\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260318150806\/2f9a90d79355e5b43c60477d37fa3126.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\u003eCompact \u0026amp; Stackable\u003c\/h2\u003e\n\n\u003cp\u003eMaximizing your kitchen space has never been easier. Measuring at 9 x 8 x 5 inches, this basket features a clever stackable profile. It slips seamlessly into kitchen cabinets, deep drawers, or rests neatly on countertop corners.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE 4 --\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\/20260318150807\/e15c7cdf17f4d9afffcaa137ceaf6f46.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\u003cdiv class=\"visual-badge warning\"\u003eHand Wash Only\u003c\/div\u003e\n\n\u003ch2\u003eDurable \u0026amp; Multifunctional\u003c\/h2\u003e\n\n\u003cp\u003eCrafted from premium, heavy-duty PP plastic, this bowl is built to handle your daily meal prep. Whether you are washing fresh produce, draining boiled pasta, or tossing a crisp salad, this is the only versatile bowl you need.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SPECIFICATIONS TABLE --\u003e\n\n\u003cdiv class=\"specs-section\"\u003e\n\u003ch2 style=\"text-align: center; margin-bottom: 2rem;\"\u003eProduct Specifications\u003c\/h2\u003e\n\n\u003ctable class=\"specs-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eFeature\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\u003cth data-label=\"Feature\"\u003eDimensions (Imperial)\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Dimensions (Imperial)\"\u003e9\" L × 8\" W × 5\" H\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Feature\"\u003eDimensions (Metric)\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Dimensions (Metric)\"\u003e22.9 cm L × 20.3 cm W × 12.7 cm H\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Feature\"\u003eMaterial\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Material\"\u003eHigh-Quality Food-Grade PP Plastic\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Feature\"\u003eCare Instructions\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Care Instructions\"\u003e\n\u003cstrong\u003eHand wash only.\u003c\/strong\u003e DO NOT wash in dishwasher to prevent deformation.\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Feature\"\u003eKey Capabilities\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Key Capabilities\"\u003eWashing, Draining, Storing, Stackable Design\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 style=\"text-align: center; margin-bottom: 2rem;\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eCan I put this drain basket in the dishwasher?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eNo, to maintain the structural integrity and shape of the high-quality PP plastic, please hand wash only. The smooth surface makes it exceptionally easy to rinse clean under warm tap water!\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eIs it safe to drain hot foods like boiled pasta?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eYes! The durable PP plastic construction is designed to withstand the heat of draining freshly boiled pasta, noodles, or blanched vegetables without warping.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eDoes the inner strainer come out completely?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eAbsolutely. The inner hollow-out strainer is 100% detachable. This allows you to use the outer bowl separately for serving or mixing, and ensures you can clean every nook and cranny effortlessly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Clear \/ 🛒 1-Pack (Standard)","offer_id":51652423024772,"sku":"0320-15169868","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Grey \/ 🛒 1-Pack (Standard)","offer_id":51652423057540,"sku":"0320-15167981","price":12.99,"currency_code":"USD","in_stock":true},{"title":"Clear \/ 🔥 2-Pack","offer_id":51652423090308,"sku":"0320-15168888","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Grey \/ 🔥 2-Pack","offer_id":51652423123076,"sku":"0320-15165849","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Clear \/ 🎁 Family Set of 3","offer_id":51652423155844,"sku":"0320-15165316","price":36.95,"currency_code":"USD","in_stock":true},{"title":"Grey \/ 🎁 Family Set of 3","offer_id":51652423188612,"sku":"0320-15164585","price":36.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0961\/3053\/1460\/files\/52f6f8a116171c057eb68e3f2a037fef.jpg?v=1773991025","url":"https:\/\/everyneeding.com\/products\/detachable-spout-drain-basket","provider":"Everyneeding","version":"1.0","type":"link"}