{"product_id":"dust-proof-silicone-cup-lid","title":"Dust-Proof Silicone Cup Lid","description":"\u003c!--\n[AI Design Logic]\nProduct Type: Tumbler Accessory \/ Replacement Lid\nTarget Audience: Tumbler users, commuters, active lifestyle, parents (focus on hygiene, convenience, and durability)\nVisual Style: Clean, utilitarian, hygienic, premium.\nColor Strategy: White\/Off-white backgrounds with Forest Green\/Teal accents (--primary) to evoke hydration and outdoor readiness. High contrast text.\nShape Strategy: Radius 16px (--radius-lg) to match the friendly, rounded curves of modern tumblers and silicone materials.\nTypography Strategy: Large Type \/ Mobile-first readable. H1 at 38px+, body at 18px+.\nMobile Table Strategy: Card-based (No horizontal scroll). Automatic metric\/imperial conversions included.\nMobile Order Strategy: Media always stacked above Copy. Z-Pattern only active on desktop.\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:root {\n            \/* Color Palette *\/\n            --primary: #2C5F2D;\n            --primary-light: #E9F2EA;\n            --text-main: #1C1C1C;\n            --text-sub: #595959;\n            --bg-body: #FFFFFF;\n            --bg-card: #F4F6F6;\n            --border-color: #E0E4E4;\n            \n            \/* Radius \u0026 Shadows *\/\n            --radius-md: 12px;\n            --radius-lg: 20px;\n            --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.05);\n            --shadow-lg: 0 12px 24px rgba(0, 0, 0, 0.08);\n            \n            \/* Typography Scale *\/\n            --font-h1: clamp(32px, 4vw, 44px);\n            --font-h2: clamp(24px, 3vw, 32px);\n            --font-h3: clamp(20px, 2.5vw, 24px);\n            --font-body: clamp(18px, 2vw, 20px);\n            --font-sm: clamp(16px, 1.8vw, 18px);\n            \n            \/* Spacing *\/\n            --spacing-section: clamp(3rem, 6vw, 5rem);\n            --spacing-element: clamp(1.5rem, 3vw, 2rem);\n        }\n\n        \/* Global Resets inside container *\/\n        .product-detail-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 5%;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            color: var(--text-main);\n            background: var(--bg-body);\n            line-height: 1.6;\n            overflow-wrap: break-word;\n            word-break: break-word;\n            box-sizing: border-box;\n        }\n\n        .product-detail-container * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        \/* Typography *\/\n        .product-detail-container h1 {\n            font-size: var(--font-h1);\n            line-height: 1.2;\n            margin-bottom: 1rem;\n            color: var(--text-main);\n            font-weight: 800;\n        }\n\n        .product-detail-container h2 {\n            font-size: var(--font-h2);\n            line-height: 1.3;\n            margin-bottom: 1rem;\n            font-weight: 700;\n        }\n\n        .product-detail-container h3 {\n            font-size: var(--font-h3);\n            margin-bottom: 0.75rem;\n            font-weight: 600;\n        }\n\n        .product-detail-container p {\n            font-size: var(--font-body);\n            color: var(--text-sub);\n            margin-bottom: 1.5rem;\n        }\n\n        \/* Badges (Non-clickable) *\/\n        .badge-container {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.75rem;\n            margin-bottom: 1.5rem;\n        }\n\n        .static-badge {\n            display: inline-flex;\n            align-items: center;\n            background: var(--primary-light);\n            color: var(--primary);\n            font-size: var(--font-sm);\n            font-weight: 600;\n            padding: 0.5rem 1rem;\n            border-radius: var(--radius-md);\n            letter-spacing: 0.5px;\n        }\n\n        \/* Image Protocol - Scheme B (Fixed Ratio Card) *\/\n        .img-wrapper {\n            width: 100%;\n            aspect-ratio: 1 \/ 1;\n            overflow: hidden;\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: var(--bg-card);\n            border-radius: var(--radius-lg);\n            border: 1px dashed #B0BEC5;\n            color: var(--text-sub);\n            font-weight: bold;\n            font-size: var(--font-body);\n        }\n\n        .img-wrapper img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            position: absolute;\n            top: 0;\n            left: 0;\n        }\n\n        \/* Hero Section *\/\n        .hero-section {\n            display: flex;\n            flex-direction: column;\n            gap: var(--spacing-element);\n            margin-bottom: var(--spacing-section);\n            padding-top: 2rem;\n        }\n\n        @media (min-width: 768px) {\n            .hero-section {\n                flex-direction: row;\n                align-items: center;\n            }\n            .hero-section \u003e * {\n                flex: 1;\n            }\n        }\n\n        \/* Features (Z-Pattern \u0026 Mobile Lock) *\/\n        .feature-item {\n            display: flex;\n            flex-direction: column !important; \/* Mobile strict lock *\/\n            gap: var(--spacing-element);\n            margin-bottom: var(--spacing-section);\n            align-items: center;\n        }\n\n        .feature-media, .feature-copy {\n            width: 100%;\n        }\n\n        @media (min-width: 768px) {\n            .feature-item {\n                flex-direction: row !important; \/* Desktop Z-Pattern *\/\n            }\n            .feature-item.reverse {\n                flex-direction: row-reverse !important;\n            }\n            .feature-media, .feature-copy {\n                flex: 1;\n            }\n            .feature-copy {\n                padding: 0 2rem;\n            }\n        }\n\n        \/* Specifications Table *\/\n        .specs-section {\n            margin-bottom: var(--spacing-section);\n            background: var(--bg-card);\n            padding: var(--spacing-element);\n            border-radius: var(--radius-lg);\n        }\n\n        .specs-section h2 {\n            text-align: center;\n            margin-bottom: 2rem;\n        }\n\n        .specs-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: var(--font-body);\n        }\n\n        .specs-table th, .specs-table td {\n            padding: 1.25rem 1rem;\n            text-align: left;\n            border-bottom: 1px solid var(--border-color);\n        }\n\n        .specs-table th {\n            font-weight: 700;\n            color: var(--text-main);\n            width: 40%;\n        }\n\n        .specs-table td {\n            color: var(--text-sub);\n        }\n\n        \/* Mobile Table -\u003e Card Layout Strategy *\/\n        @media (max-width: 767px) {\n            .specs-table, .specs-table tbody, .specs-table tr, .specs-table th, .specs-table td {\n                display: block;\n                width: 100%;\n            }\n            .specs-table thead {\n                display: none;\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                justify-content: space-between;\n                align-items: flex-start;\n                padding: 0.75rem 0;\n                border-bottom: 1px dashed var(--border-color);\n                border-top: none;\n                border-left: none;\n                border-right: none;\n                text-align: right;\n                gap: 1rem;\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                text-align: left;\n                flex-shrink: 0;\n                max-width: 50%;\n            }\n        }\n\n        \/* FAQ Section *\/\n        .faq-section {\n            margin-bottom: var(--spacing-section);\n        }\n\n        .faq-section h2 {\n            text-align: center;\n            margin-bottom: 2rem;\n        }\n\n        .faq-item {\n            margin-bottom: 1.5rem;\n            background: var(--bg-body);\n            border: 1px solid var(--border-color);\n            padding: 1.5rem;\n            border-radius: var(--radius-md);\n        }\n\n        .faq-question {\n            font-size: var(--font-h3);\n            font-weight: 700;\n            color: var(--text-main);\n            margin-bottom: 0.5rem;\n        }\n\n        .faq-answer {\n            font-size: var(--font-body);\n            color: var(--text-sub);\n            margin-bottom: 0;\n        }\n\u003c\/style\u003e\n\u003c!-- 1. HERO SECTION --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003cdiv class=\"badge-container\"\u003e\n\u003cspan class=\"static-badge\"\u003eDouble Insurance Leakproof\u003c\/span\u003e \u003cspan class=\"static-badge\"\u003eFor 30 oz Tumblers\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003ch1\u003eThe Ultimate Spill-Proof Upgrade for Your Tumbler.\u003c\/h1\u003e\n\n\u003cp\u003eTransform your daily hydration. Designed with a high-tension flip-top stopper and full dust protection, this replacement lid ensures zero spills, zero bugs, and 100% peace of mind—whether you are off-roading or commuting.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-wrapper\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260317094823\/11ff24d69ba5a0b9c0a016df84b85c40.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-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-wrapper\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260317094823\/3d370a417aff12be1419f021647795c4.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\u003eBuilt Tough. Sealed Tight.\u003c\/h2\u003e\n\n\u003cp\u003eNo more accidental messes in your car or gym bag. Constructed from durable, BPA-Free Tritan and food-grade silicone, this lid is highly drop-resistant. The full coverage design completely blocks sand, dust, and insects, keeping your beverage pristine in any environment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. FEATURE MODULE 2 (Dual-Drink Modes) - Reversed on Desktop --\u003e\n\n\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-wrapper\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260317094823\/2e1e0d84b15052345069f76ebab1485d.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\u003eSip Slowly or Quench Fast.\u003c\/h2\u003e\n\n\u003cp\u003eExperience true versatility with Dual-Drink Modes. Use the included premium silicone straw for perfectly chilled iced coffee, or flip the wide-mouth spout for a direct, fast sip after an intense workout. Your drink, your pace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. FEATURE MODULE 3 (Easy Clean \u0026 Install) --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-wrapper\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260317094823\/82114cfff23d957086d221f0193a4444.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\u003eHygienic and Frustration-Free.\u003c\/h2\u003e\n\n\u003cp\u003eSay goodbye to mold and stuck threads. The press-fit silicone design pushes in effortlessly and rotates freely—no awkward wrist twisting required to align the straw. Plus, it is 100% detachable for a 360° stain-free wash and completely dishwasher safe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. SPECIFICATIONS TABLE (Mobile Card Lock) --\u003e\n\n\u003cdiv class=\"specs-section\"\u003e\n\u003ch2\u003eTechnical 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\u003eDetail\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=\"Compatibility\"\u003e30 oz Standard Tumblers (887 ml)\u003c\/td\u003e\n\t\t\t\u003ctd\u003eDesigned specifically for 30 oz cups (e.g., Stanley)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Materials\"\u003eBPA-Free Tritan \u0026amp; Food-Grade Silicone\u003c\/td\u003e\n\t\t\t\u003ctd\u003eShatter-resistant polycarbonate structure\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Temperature Range\"\u003e-20°C to 100°C (-4°F to 212°F)\u003c\/td\u003e\n\t\t\t\u003ctd\u003eSafe for freezing cold and boiling hot beverages\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Estimated Weight\"\u003e~ 100 g \/ 3.5 oz\u003c\/td\u003e\n\t\t\t\u003ctd\u003eLightweight yet heavy-duty construction\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Package Includes\"\u003eComplete Refresh Kit\u003c\/td\u003e\n\t\t\t\u003ctd\u003e1 Replacement Lid, 1 Silicone Straw, 1 Straw Cleaner Brush\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- 6. 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\"\u003eWill this lid definitely fit my tumbler?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eIt is specifically precision-engineered for standard 30 oz tumblers (like the popular Stanley Quencher). The press-fit silicone ring adjusts slightly to ensure an airtight, secure fit without needing exact thread matching.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eIs it safe to put in the dishwasher?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eAbsolutely. The entire lid is made from high-heat resistant Polycarbonate (PC) and food-grade silicone, withstanding temperatures up to 212°F (100°C). It is fully detachable for a 360° deep clean in your dishwasher.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eWhat if it leaks when tipped over?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eOur \"double insurance\" structure utilizes a heavy-duty flip-top stopper and a thick silicone base ring. While we don't recommend storing filled tumblers upside down in a bag, it easily handles accidental knock-overs and car bumps without spilling a drop.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Black \/ 📦 1-Pack (Standard)","offer_id":45315564634303,"sku":"0328-11547083","price":15.95,"currency_code":"USD","in_stock":true},{"title":"Beige \/ 📦 1-Pack (Standard)","offer_id":45315564667071,"sku":"0328-11549298","price":15.95,"currency_code":"USD","in_stock":true},{"title":"Black \/ 📦 2-Pack","offer_id":45315564699839,"sku":"0328-11549835","price":29.95,"currency_code":"USD","in_stock":true},{"title":"Beige \/ 📦 2-Pack","offer_id":45315564732607,"sku":"0328-11545509","price":29.95,"currency_code":"USD","in_stock":true},{"title":"Black \/ 👨‍👩‍👧‍👦 4-Pack (Family Value)","offer_id":45315564765375,"sku":"0328-11545713","price":58.95,"currency_code":"USD","in_stock":true},{"title":"Beige \/ 👨‍👩‍👧‍👦 4-Pack (Family Value)","offer_id":45315564798143,"sku":"0328-11546308","price":58.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0701\/3220\/3711\/files\/11ff24d69ba5a0b9c0a016df84b85c40.jpg?v=1774670138","url":"https:\/\/ggkbkw-fz.myshopify.com\/products\/dust-proof-silicone-cup-lid","provider":"Bak","version":"1.0","type":"link"}