{"product_id":"stainless-steel-swan-strainer","title":"Stainless Steel Swan Strainer","description":"\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n[AI Design Logic]\nProduct Type: Kitchen Accessory \/ Sink Drain Strainer\nTarget Audience: Homemakers, Kitchen Organizers, Everyday Cooks\nVisual Style: Clean, Hygienic, Utilitarian yet Elegant (Swan shape)\nColor Strategy: Steel Blue\/Navy (--primary) to contrast with stainless steel, minimal grays for cleanliness.\nShape Strategy: Radius 16px (Reflecting the soft, curved edges of the swan neck design)\nTypography Strategy: Large Type \/ Mobile-first readable (H1: 34-44px, Body: 18-20px)\nMobile Table Strategy: Card-based (No horizontal scroll), Flexbox row mapping\nImage Mapping: Hero=image_1, Feature1=image_2, Feature2=image_3, Feature3=image_4\n--\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n    \/* 1) Design System *\/\n    --primary: #1a365d;\n    --text-main: #1e293b;\n    --text-sub: #475569;\n    --bg-body: #ffffff;\n    --bg-card: #f8f9fa;\n    --bg-badge: #e2e8f0;\n    --border-color: #cbd5e1;\n    --radius-md: 12px;\n    --radius-lg: 16px;\n    --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n    \n    \/* 0) Typography \u0026 Spacing System *\/\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) 5%;\n    box-sizing: border-box;\n    overflow-wrap: break-word;\n    word-break: break-word;\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    line-height: 1.7;\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, 4vw, 44px);\n    line-height: 1.2;\n    font-weight: 800;\n    color: var(--primary);\n    margin: 0 0 1rem 0;\n  }\n\n  .product-detail-container h2 {\n    font-size: clamp(24px, 3vw, 32px);\n    line-height: 1.3;\n    font-weight: 700;\n    margin: 0 0 1.5rem 0;\n    color: var(--text-main);\n  }\n\n  .product-detail-container h3 {\n    font-size: clamp(20px, 2.5vw, 24px);\n    line-height: 1.4;\n    font-weight: 600;\n    margin: 0 0 1rem 0;\n    color: var(--text-main);\n  }\n\n  .product-detail-container p {\n    font-size: clamp(18px, 2vw, 20px);\n    color: var(--text-sub);\n    margin: 0 0 1.5rem 0;\n  }\n\n  .product-detail-container ul {\n    font-size: clamp(18px, 2vw, 20px);\n    color: var(--text-sub);\n    padding-left: 1.5rem;\n    margin: 0 0 1.5rem 0;\n  }\n\n  .product-detail-container li {\n    margin-bottom: 0.75rem;\n  }\n\n  \/* Non-interactive Badge *\/\n  .detail-badge {\n    display: inline-block;\n    padding: 0.5rem 1rem;\n    background-color: var(--bg-badge);\n    color: var(--primary);\n    border-radius: 99px;\n    font-size: 16px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 1.5rem;\n  }\n\n  \/* 2) Image \u0026 Media Protocol *\/\n  .img-placeholder {\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    background: var(--bg-card);\n    border: 2px dashed var(--border-color);\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: bold;\n    overflow: hidden;\n    position: relative;\n  }\n  \n  \/* Fallback for real images if added later *\/\n  .product-detail-container img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: var(--radius-lg);\n  }\n\n  \/* Section Spacing *\/\n  .section-block {\n    margin-bottom: clamp(3rem, 8vw, 6rem);\n  }\n\n  .hero-section {\n    text-align: center;\n  }\n\n  .hero-copy {\n    max-width: 800px;\n    margin: 0 auto clamp(2rem, 4vw, 3rem) auto;\n  }\n\n  .social-proof {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n    font-size: 16px;\n    color: var(--text-sub);\n    font-weight: 600;\n    background: var(--bg-card);\n    padding: 0.75rem 1.5rem;\n    border-radius: var(--radius-md);\n    margin-bottom: 2rem;\n  }\n\n  \/* Mobile Ordering Lock (Strict Pattern) \u0026 Z-Pattern *\/\n  .feature-item {\n    display: flex;\n    flex-direction: column; \/* Mobile First: strictly stacked *\/\n    gap: clamp(2rem, 5vw, 4rem);\n    margin-bottom: clamp(3rem, 6vw, 5rem);\n  }\n\n  .feature-media,\n  .feature-copy {\n    width: 100%;\n  }\n\n  @media (min-width: 768px) {\n    .feature-item {\n      flex-direction: row; \/* Desktop Enhancement *\/\n      align-items: center;\n    }\n    \/* Z-Pattern logic *\/\n    .feature-item:nth-child(even) {\n      flex-direction: row-reverse;\n    }\n    .feature-media {\n      flex: 1;\n      max-width: 50%;\n    }\n    .feature-copy {\n      flex: 1;\n      max-width: 50%;\n      padding: 0 2rem;\n    }\n  }\n\n  \/* Specifications Table (Card-based on mobile) *\/\n  .specs-section table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-top: 2rem;\n  }\n\n  .specs-section th,\n  .specs-section td {\n    padding: 1rem 1.5rem;\n    text-align: left;\n    font-size: clamp(16px, 1.8vw, 18px);\n  }\n\n  .specs-section th {\n    background-color: var(--primary);\n    color: #ffffff;\n    font-weight: 600;\n  }\n\n  @media (min-width: 768px) {\n    .specs-section tr:nth-child(even) {\n      background-color: var(--bg-card);\n    }\n    .specs-section tr {\n      border-bottom: 1px solid var(--border-color);\n    }\n  }\n\n  @media (max-width: 767px) {\n    \/* Critical: Mobile Card Transformation *\/\n    .specs-section table, \n    .specs-section thead, \n    .specs-section tbody, \n    .specs-section tr, \n    .specs-section th, \n    .specs-section td {\n      display: block;\n      width: 100%;\n    }\n    .specs-section thead {\n      display: none; \/* Hide default headers *\/\n    }\n    .specs-section tr {\n      background: var(--bg-card);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-md);\n      margin-bottom: 1.5rem;\n      padding: 1rem;\n      box-shadow: var(--shadow-sm);\n    }\n    .specs-section td {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 0.75rem 0;\n      border-bottom: 1px dashed var(--border-color);\n      text-align: right;\n    }\n    .specs-section td:last-child {\n      border-bottom: none;\n      padding-bottom: 0;\n    }\n    .specs-section td::before {\n      content: attr(data-label);\n      font-weight: 700;\n      color: var(--primary);\n      text-align: left;\n      margin-right: 1rem;\n    }\n  }\n\n  \/* FAQ Section *\/\n  .faq-item {\n    background: var(--bg-card);\n    border-radius: var(--radius-md);\n    margin-bottom: 1rem;\n    border: 1px solid var(--border-color);\n    overflow: hidden;\n  }\n\n  .faq-item details {\n    padding: 1.5rem;\n  }\n\n  .faq-item summary {\n    font-size: clamp(18px, 2vw, 22px);\n    font-weight: 700;\n    color: var(--primary);\n    cursor: default; \/* Removing interactive cursor per rules, though details natively has it *\/\n    list-style-position: inside;\n  }\n\n  .faq-item summary::-webkit-details-marker {\n    color: var(--primary);\n  }\n\n  .faq-item p {\n    margin: 1rem 0 0 0;\n    font-size: clamp(16px, 1.8vw, 18px);\n  }\n\u003c\/style\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"section-block hero-section\"\u003e\n\u003cdiv class=\"hero-copy\"\u003e\n\u003cdiv class=\"detail-badge\"\u003ePremium Kitchen Essential\u003c\/div\u003e\n\n\u003ch1\u003eSay Goodbye to Clogged Sinks \u0026amp; Messy Cleanups\u003c\/h1\u003e\n\n\u003ch2\u003eThe ultimate stainless steel swan drain strainer built to keep your kitchen spotless.\u003c\/h2\u003e\n\n\u003cdiv class=\"social-proof\"\u003e\n\u003cspan\u003e⭐ ⭐ ⭐ ⭐ ⭐\u003c\/span\u003e Trusted by 10,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\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260314143302\/f24450cba42d20308fe792a08f568439.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-block\"\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\/20260314143302\/d6c23d177cfb53b0f927270d9cb67c42.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eBuilt to Last: Premium Rust-Proof Steel\u003c\/h3\u003e\n\n\u003cp\u003eMade from high-grade, heavy-duty stainless steel, this sink drain basket is engineered to resist rust and corrosion entirely. Unlike cheap plastic alternatives, it withstands daily heavy usage, boiling water, and harsh food acids, ensuring your kitchen sink remains pristine for years.\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\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260314143302\/f77efa2d6682a29cf5060d8bf5d5850d.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eFlawless Water Flow Design\u003c\/h3\u003e\n\n\u003cp\u003eExperience efficient kitchen drainage. Our strategically designed fine mesh bottom and side perforations quickly trap food scraps, peelings, and debris, while allowing water to flow freely. Prevent costly plumbing clogs without sacrificing your sink's draining speed.\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\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260314143302\/7336902bf288890f115ca6b91ae101d8.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eUniversal Swan Fit \u0026amp; Effortless Cleaning\u003c\/h3\u003e\n\n\u003cp\u003eThe elegant swan neck design hooks securely over most standard sink faucets, maximizing corner space. When it's time to clean, simply lift it out, dump the waste, and rinse. No tools, no complex installations, and absolutely no mess left behind.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SPECIFICATIONS TABLE --\u003e\n\n\u003cdiv class=\"section-block 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\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 Details\u003c\/th\u003e\n\t\t\t\u003cth\u003eImperial Details\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=\"Material\"\u003ePremium Material\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Metric\"\u003e304 Stainless Steel\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Imperial\"\u003e304 Stainless Steel\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Dimensions (L x W x H)\"\u003eDimensions\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Metric\"\u003e24.0 cm x 14.0 cm x 8.0 cm\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Imperial\"\u003e9.4 in x 5.5 in x 3.1 in\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Weight\"\u003eWeight\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Metric\"\u003e180 g\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Imperial\"\u003e6.3 oz\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Heat Resistance\"\u003eHeat Resistance\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Metric\"\u003eUp to 100°C (Boiling Water)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Imperial\"\u003eUp to 212°F (Boiling Water)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Compatibility\"\u003eSink Compatibility\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Metric\"\u003eFits standard dual\/single sinks\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Imperial\"\u003eFits standard dual\/single sinks\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=\"section-block\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdetails open=\"\"\u003e\u003csummary\u003eWill this strainer fit my kitchen sink?\u003c\/summary\u003e\n\n\u003cp\u003eYes. The versatile swan neck is specifically designed to hang over the central divider of standard double sinks or the edge of deep single sinks, providing a secure fit for most modern kitchen setups.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdetails open=\"\"\u003e\u003csummary\u003eIs the stainless steel truly rust-resistant?\u003c\/summary\u003e\n\n\u003cp\u003eAbsolutely. Crafted from premium-grade stainless steel, it is highly resistant to rust and corrosion, even with constant exposure to water, salt, and acidic food remnants.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdetails open=\"\"\u003e\u003csummary\u003eCan I put it in the dishwasher?\u003c\/summary\u003e\n\n\u003cp\u003eYes, the strainer is 100% dishwasher safe. However, for daily use, a quick rinse under the faucet is usually all it takes to keep it perfectly clean and shiny.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"📦 1-Pack (Starter)","offer_id":51198099652912,"sku":"0318-17432732","price":12.95,"currency_code":"USD","in_stock":true},{"title":"📦 2-Pack (Most Popular - Perfect for Double Sinks!)","offer_id":51198099685680,"sku":"0318-17433749","price":19.95,"currency_code":"USD","in_stock":true},{"title":"🎁 3-Pack (Family Set )","offer_id":51198099718448,"sku":"0318-17433444","price":28.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0938\/6472\/2736\/files\/a247901a737e8b949987209e7c83aa4b.jpg?v=1773827065","url":"https:\/\/eptchn.com\/products\/stainless-steel-swan-strainer","provider":"Eptchn","version":"1.0","type":"link"}