{"product_id":"magnetic-sink-drain-basket","title":"Magnetic Sink Drain Basket","description":"\u003cdiv class=\"sink-basket-container\"\u003e\n  \u003cstyle type=\"text\/css\"\u003e\n    \/* Design System (CSS Variables) - Clean Kitchen \u0026 Water Theme *\/\n    .sink-basket-container {\n      --primary: #0891B2;\n      \/* Cyan 600 - Clean Water\/Kitchen *\/\n      --primary-hover: #0E7490;\n      \/* Cyan 700 *\/\n      --text-main: #334155;\n      \/* Slate 700 *\/\n      --text-sub: #64748B;\n      \/* Slate 500 *\/\n      --bg-body: #FFFFFF;\n      --bg-card: #ECFEFF;\n      \/* Cyan 50 *\/\n      --border-color: #A5F3FC;\n      \/* Cyan 200 *\/\n      --radius-md: 12px;\n      --radius-lg: 20px;\n      --shadow-sm: 0 4px 12px rgba(8, 145, 178, 0.06);\n      --shadow-lg: 0 12px 32px rgba(8, 145, 178, 0.1);\n\n      \/* Typography \u0026 Spacing System *\/\n      --spacing-section: clamp(2.5rem, 6vw, 5rem);\n      --spacing-module: clamp(2rem, 5vw, 4rem);\n\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      max-width: 1200px;\n      margin: 0 auto;\n      box-sizing: border-box;\n      overflow-wrap: break-word;\n      word-break: break-word;\n      line-height: 1.7;\n    }\n\n    .sink-basket-container *,\n    .sink-basket-container *::before,\n    .sink-basket-container *::after {\n      box-sizing: inherit;\n    }\n\n    \/* Typography Scale *\/\n    .sink-basket-container h1 {\n      font-size: clamp(32px, 4vw, 44px);\n      line-height: 1.2;\n      color: var(--primary);\n      margin: 0 0 1rem 0;\n      font-weight: 800;\n      letter-spacing: -0.02em;\n    }\n\n    .sink-basket-container h2 {\n      font-size: clamp(24px, 3vw, 32px);\n      line-height: 1.3;\n      color: var(--primary);\n      margin: 0 0 1.5rem 0;\n      font-weight: 700;\n    }\n\n    .sink-basket-container h3 {\n      font-size: clamp(20px, 2.5vw, 24px);\n      line-height: 1.4;\n      color: var(--primary);\n      margin: 0 0 1rem 0;\n      font-weight: 600;\n    }\n\n    .sink-basket-container p {\n      font-size: clamp(16px, 2vw, 18px);\n      color: var(--text-sub);\n      margin: 0 0 1.5rem 0;\n    }\n\n    \/* Badges *\/\n    .detail-badge-group {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin-bottom: 2rem;\n    }\n\n    .detail-badge {\n      display: inline-flex;\n      align-items: center;\n      padding: 8px 18px;\n      background: var(--bg-card);\n      border: 1px solid var(--border-color);\n      border-radius: 30px;\n      font-size: 15px;\n      font-weight: 600;\n      color: var(--primary);\n      box-shadow: var(--shadow-sm);\n    }\n\n    \/* Image Protocol \u0026 Placeholders *\/\n    .img-placeholder {\n      width: 100%;\n      background-color: var(--bg-card);\n      border-radius: var(--radius-lg);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n      box-shadow: var(--shadow-sm);\n      margin-bottom: 1.5rem;\n    }\n\n    .img-placeholder img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-lg);\n      transition: transform 0.4s ease;\n    }\n\n    .img-placeholder:hover img {\n      transform: scale(1.03);\n    }\n\n    \/* Modules *\/\n    .hero-section {\n      text-align: center;\n      margin-top: 3rem;\n      margin-bottom: var(--spacing-section);\n    }\n\n    .hero-section .detail-badge-group {\n      justify-content: center;\n    }\n\n    \/* Z-Pattern Features *\/\n    .feature-list {\n      display: flex;\n      flex-direction: column;\n      gap: var(--spacing-section);\n      margin-bottom: var(--spacing-section);\n    }\n\n    .feature-item {\n      display: flex;\n      flex-direction: column;\n      gap: 2rem;\n      align-items: center;\n    }\n\n    .feature-media,\n    .feature-copy {\n      width: 100%;\n    }\n\n    \/* Specs Table *\/\n    .specs-section {\n      margin-bottom: var(--spacing-section);\n    }\n\n    .specs-table-wrapper {\n      background: var(--bg-card);\n      border-radius: var(--radius-lg);\n      padding: clamp(1.5rem, 3vw, 3rem);\n      box-shadow: var(--shadow-sm);\n      margin-bottom: 2rem;\n      border: 1px solid var(--border-color);\n    }\n\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n    }\n\n    \/* FAQ Section *\/\n    .faq-section {\n      margin-bottom: var(--spacing-section);\n    }\n\n    .faq-item {\n      background: var(--bg-card);\n      border-radius: var(--radius-md);\n      padding: 1.5rem 2rem;\n      margin-bottom: 1rem;\n      border: 1px solid var(--border-color);\n      transition: all 0.2s ease;\n    }\n\n    .faq-item:hover {\n      border-color: #22D3EE;\n      \/* Cyan 400 *\/\n      box-shadow: var(--shadow-sm);\n      transform: translateY(-2px);\n    }\n\n    .faq-question {\n      font-size: clamp(18px, 2.5vw, 20px);\n      font-weight: 700;\n      color: var(--primary);\n      margin-bottom: 0.75rem;\n    }\n\n    .faq-answer {\n      font-size: clamp(16px, 2vw, 17px);\n      color: var(--text-sub);\n      margin: 0;\n    }\n\n    \/* Desktop Enhancements *\/\n    @media (min-width: 768px) {\n      .feature-item {\n        flex-direction: row;\n        gap: var(--spacing-module);\n      }\n\n      .feature-item.reverse {\n        flex-direction: row-reverse;\n      }\n\n      .feature-media,\n      .feature-copy {\n        flex: 1;\n      }\n\n      .feature-copy {\n        padding: 0 2rem;\n      }\n\n      .specs-table th,\n      .specs-table td {\n        padding: 1.25rem 1rem;\n        text-align: left;\n        border-bottom: 1px solid var(--border-color);\n        font-size: 17px;\n      }\n\n      .specs-table th {\n        font-weight: 700;\n        color: var(--primary);\n        width: 30%;\n      }\n\n      .specs-table tr:last-child td,\n      .specs-table tr:last-child th {\n        border-bottom: none;\n      }\n    }\n\n    \/* Mobile Specs Table Lock *\/\n    @media (max-width: 767px) {\n\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 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: 1.25rem;\n      }\n\n      .specs-table td {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 0.75rem 0;\n        border-bottom: 1px solid var(--bg-card);\n        font-size: 15px;\n        text-align: right;\n      }\n\n      .specs-table td:last-child {\n        border-bottom: none;\n        padding-bottom: 0;\n      }\n\n      .specs-table td::before {\n        content: attr(data-label);\n        font-weight: 700;\n        color: var(--primary);\n        text-align: left;\n        flex-basis: 45%;\n        margin-right: 1rem;\n      }\n    }\n  \u003c\/style\u003e\n  \u003c!-- Hero Section --\u003e\n  \u003cdiv class=\"hero-section\"\u003e\n    \u003ch1\u003eMagnetic Sink Drain Basket – Hands-Free Emptying \u0026amp; Space-Saving Design\u003c\/h1\u003e\n\n    \u003cdiv class=\"detail-badge-group\"\u003e\n      \u003cdiv class=\"detail-badge\"\u003e🖐 Hands-Free Emptying\u003c\/div\u003e\n\n      \u003cdiv class=\"detail-badge\"\u003e🧲 Magnetic Install\u003c\/div\u003e\n\n      \u003cdiv class=\"detail-badge\"\u003e📐 Space-Saving\u003c\/div\u003e\n\n      \u003cdiv class=\"detail-badge\"\u003e🔄 Multi-Use\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"feature-list\"\u003e\n    \u003c!-- Feature 1 --\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\n\u003cimg alt=\"Hands-Free Easy Emptying\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260204181800\/f2305595ad7e9916480b86b417defb96.jpg\"\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature-copy\"\u003e\n        \u003ch3\u003e🖐 Hands-Free Easy Emptying\u003c\/h3\u003e\n\n        \u003cp\u003ePress to dump food scraps without touching the mess. This hands-free design allows quick, hygienic emptying\n          of leftovers, making it ideal for draining noodles, pasta, and food scraps while keeping your hands clean and\n          your sink drain clear.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003c!-- Feature 2 --\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\n\u003cimg alt=\"Instant Magnetic Installation\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260204181800\/fce1d788c43a04af4cee90b21801a812.jpg\"\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature-copy\"\u003e\n        \u003ch3\u003e🧲 Instant Magnetic Installation\u003c\/h3\u003e\n\n        \u003cp\u003eEquipped with strong built-in magnets, this sink strainer installs securely in seconds— no tools, no drilling\n          required. Perfect for renters, it stays firmly in place during daily use and removes just as easily when\n          needed.\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\n\u003cimg alt=\"Fine Mesh for Effective Filtering\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260204181800\/6ccf4b74a8063f03952b2380ddc84020.jpg\"\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature-copy\"\u003e\n        \u003ch3\u003e🧺 Fine Mesh for Effective Filtering\u003c\/h3\u003e\n\n        \u003cp\u003eThe fine mesh design captures tiny debris like vegetable bits and food particles while allowing water to flow\n          freely. It helps prevent clogs and also works great for rinsing fruits or vegetables directly in your sink.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003c!-- Feature 4 --\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\n\u003cimg alt=\"Space-Saving Triangular Corner Fit\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260204181800\/23df83721de0c4fc576584bcca2edbcd.jpg\"\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature-copy\"\u003e\n        \u003ch3\u003e📐 Space-Saving Triangular Corner Fit\u003c\/h3\u003e\n\n        \u003cp\u003eThe triangular shape fits perfectly into unused sink corners, maximizing space and keeping your main sink\n          area free for dishwashing. An ideal solution for small kitchens or compact sink setups.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003c!-- Feature 5 --\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\n\u003cimg alt=\"Versatile Multi-Use Organizer\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260204181800\/27f915e0abe32307ef197b93822ced77.jpg\"\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature-copy\"\u003e\n        \u003ch3\u003e🔄 Versatile Multi-Use Organizer\u003c\/h3\u003e\n\n        \u003cp\u003eMore than just a drain basket, it doubles as a drying rack for sponges, scrubbers, or freshly washed produce.\n          Keeps countertops tidy and your sink area organized with ease.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003c!-- Specs Section --\u003e\n\n  \u003cdiv class=\"specs-section\"\u003e\n    \u003ch2\u003eSpecifications\u003c\/h2\u003e\n\n    \u003cdiv class=\"specs-table-wrapper\"\u003e\n      \u003ctable class=\"specs-table\"\u003e\n        \u003cthead\u003e\n          \u003ctr\u003e\n            \u003cth\u003eSpecification\u003c\/th\u003e\n            \u003cth\u003eDetails\u003c\/th\u003e\n          \u003c\/tr\u003e\n        \u003c\/thead\u003e\n        \u003ctbody\u003e\n          \u003ctr\u003e\n            \u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eProduct Type\u003c\/strong\u003e\u003c\/td\u003e\n            \u003ctd data-label=\"Details\"\u003eMagnetic Sink Drain Basket\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eDesign\u003c\/strong\u003e\u003c\/td\u003e\n            \u003ctd data-label=\"Details\"\u003eTriangular corner fit\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eInstallation\u003c\/strong\u003e\u003c\/td\u003e\n            \u003ctd data-label=\"Details\"\u003eMagnetic, tool-free\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eMaterial\u003c\/strong\u003e\u003c\/td\u003e\n            \u003ctd data-label=\"Details\"\u003eDurable plastic with fine mesh\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eFunctions\u003c\/strong\u003e\u003c\/td\u003e\n            \u003ctd data-label=\"Details\"\u003eDrain basket, strainer, drying rack\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eSuitable For\u003c\/strong\u003e\u003c\/td\u003e\n            \u003ctd data-label=\"Details\"\u003eKitchen sinks, small spaces\u003c\/td\u003e\n          \u003c\/tr\u003e\n        \u003c\/tbody\u003e\n      \u003c\/table\u003e\n    \u003c\/div\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      \u003cdiv class=\"faq-question\"\u003e1. Will the magnets hold securely during use?\u003c\/div\u003e\n\n      \u003cdiv class=\"faq-answer\"\u003eYes. The strong magnets keep the basket firmly in place during daily kitchen tasks.\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cdiv class=\"faq-question\"\u003e2. Is it easy to empty without touching food waste?\u003c\/div\u003e\n\n      \u003cdiv class=\"faq-answer\"\u003eAbsolutely. Simply press to release and dump scraps without hand contact.\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cdiv class=\"faq-question\"\u003e3. Can it prevent sink clogs?\u003c\/div\u003e\n\n      \u003cdiv class=\"faq-answer\"\u003eYes. The fine mesh traps small debris while allowing water to drain smoothly.\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cdiv class=\"faq-question\"\u003e4. Is it suitable for renters?\u003c\/div\u003e\n\n      \u003cdiv class=\"faq-answer\"\u003eYes. The magnetic, tool-free installation makes it renter-friendly.\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cdiv class=\"faq-question\"\u003e5. Can it be used for purposes other than draining?\u003c\/div\u003e\n\n      \u003cdiv class=\"faq-answer\"\u003eYes. It also works as a sponge holder or produce drying rack.\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Quirkycrates","offers":[{"title":"1 Basket: The Essential Starter","offer_id":53553002185045,"sku":"0313-13337857","price":14.0,"currency_code":"GBP","in_stock":true},{"title":"🔥2-Pack: Double Sink Complete","offer_id":53553002217813,"sku":"0313-13333049","price":23.0,"currency_code":"GBP","in_stock":true},{"title":"🔥🔥3-Pack: Family \u0026 Utility Bundle","offer_id":53553002250581,"sku":"0313-13330183","price":32.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1034\/9635\/2085\/files\/ae78f4e17bff4ca559b3ba07eafc8168.jpg?v=1774581339","url":"https:\/\/quirkycrates.com\/products\/magnetic-sink-drain-basket","provider":"Quirkycrates","version":"1.0","type":"link"}