{"product_id":"clip-on-disc-brake-shield","title":"Clip-On Disc Brake Shield","description":"\u003cbr\u003e\n\u003c!--\n[AI Design Logic]\nProduct Type: Cycling Accessory \/ Mechanic Tool (Bicycle Disc Brake Shield)\nTarget Audience: Cyclists, Mountain Bikers, DIY Mechanics, Professional Shops\nVisual Style: Technical, Rugged, Precise, High-Contrast\nColor Strategy: Charcoal Black (--bg-body) \u0026 Mechanic Orange (--primary) to evoke a professional workshop feel. High visibility.\nShape Strategy: Radius 6px (--radius-md). Harder edges for an industrial, tool-oriented aesthetic.\nTypography Strategy: Large Type \/ Mobile-first readable. Bold, commanding headlines.\nMobile Table Strategy: Card-based (No horizontal scroll). Auto-conversion of metric to imperial included.\nImage Mapping: \nHero = image_1 (Action shot: washing bike)\nFeature1 = image_2 (Close-up: rigid PP barrier blocking spray)\nFeature2 = image_3 (Detail: slotting into spokes)\nFeature3 = image_4 (Scale\/Weight: thin profile in a toolbox)\n--\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* 1) Design System \u0026 CSS Variables *\/\n    :root {\n      --primary: #F97316; \/* Mechanic Orange *\/\n      --text-main: #111827;\n      --text-sub: #4B5563;\n      --bg-body: #FFFFFF;\n      --bg-card: #F3F4F6;\n      --bg-dark: #1F2937;\n      --radius-md: 6px;\n      --radius-lg: 12px;\n      --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n      --border-color: #E5E7EB;\n      --spacing-section: clamp(2.5rem, 6vw, 5rem);\n      --spacing-element: clamp(1.5rem, 3vw, 2.5rem);\n    }\n\n    \/* 0) Typography \u0026 Spacing System (Safety Nets) *\/\n    .product-detail-container {\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: var(--bg-body);\n      overflow-wrap: break-word;\n      word-break: break-word;\n      line-height: 1.6;\n    }\n\n    .product-detail-container *,\n    .product-detail-container *::before,\n    .product-detail-container *::after {\n      box-sizing: border-box;\n    }\n\n    .product-detail-container h1, \n    .product-detail-container h2, \n    .product-detail-container h3 {\n      margin: 0 0 1rem 0;\n      font-weight: 800;\n      line-height: 1.2;\n      letter-spacing: -0.02em;\n    }\n\n    .product-detail-container h1 { font-size: clamp(34px, 5vw, 48px); }\n    .product-detail-container h2 { font-size: clamp(28px, 4vw, 36px); }\n    .product-detail-container h3 { font-size: clamp(22px, 3vw, 28px); }\n    .product-detail-container p {\n      font-size: clamp(18px, 2vw, 20px);\n      color: var(--text-sub);\n      margin: 0 0 1rem 0;\n    }\n\n    \/* Non-clickable Badge *\/\n    .visual-badge {\n      display: inline-flex;\n      align-items: center;\n      background: var(--bg-dark);\n      color: var(--primary);\n      padding: 0.5rem 1rem;\n      border-radius: var(--radius-md);\n      font-size: 16px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      margin-bottom: 1.5rem;\n      user-select: none;\n    }\n\n    \/* Media Handling (No stretching, no cropping) *\/\n    .media-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-md);\n    }\n\n    .media-wrapper img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      position: absolute;\n      top: 0;\n      left: 0;\n    }\n\n    \/* AI Placeholder Styling *\/\n    .ai-placeholder {\n      font-size: 18px;\n      color: #9CA3AF;\n      border: 2px dashed #D1D5DB;\n      width: 90%;\n      height: 90%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      border-radius: var(--radius-md);\n    }\n\n    \/* Layouts *\/\n    .section-block {\n      padding-top: var(--spacing-section);\n      padding-bottom: var(--spacing-section);\n    }\n\n    \/* Hero Section *\/\n    .hero-section {\n      text-align: center;\n      padding-top: clamp(2rem, 5vw, 4rem);\n    }\n    .hero-social-proof {\n      font-size: 18px;\n      font-weight: 600;\n      color: var(--primary);\n      margin-top: 1.5rem;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 0.5rem;\n    }\n\n    \/* Mobile Ordering Lock \u0026 Z-Pattern *\/\n    .feature-item {\n      display: flex;\n      flex-direction: column; \/* Mobile-first lock: Media on top, Copy on 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    .feature-copy {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    \/* Specs Table *\/\n    .specs-table-container {\n      background: 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      text-align: left;\n    }\n    \n    .specs-table th, .specs-table td {\n      padding: 1rem;\n      font-size: 18px;\n    }\n    \n    .specs-table th {\n      background: var(--bg-dark);\n      color: #FFFFFF;\n      font-weight: 700;\n    }\n    \n    .specs-table tr {\n      border-bottom: 1px solid var(--border-color);\n    }\n    \n    .specs-table tbody tr:last-child {\n      border-bottom: none;\n    }\n\n    \/* FAQ Section *\/\n    .faq-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 1.5rem;\n    }\n    .faq-card {\n      background: #FFFFFF;\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-md);\n      padding: 1.5rem;\n      box-shadow: var(--shadow-sm);\n    }\n    .faq-card h3 {\n      font-size: 20px;\n      color: var(--text-main);\n      margin-bottom: 0.5rem;\n    }\n\n    \/* Desktop Enhancements *\/\n    @media (min-width: 768px) {\n      .feature-item {\n        flex-direction: row;\n        align-items: center;\n      }\n      .feature-item:nth-child(even) {\n        flex-direction: row-reverse;\n      }\n      .feature-media, .feature-copy {\n        flex: 1;\n      }\n      .specs-table th:first-child { border-top-left-radius: var(--radius-md); }\n      .specs-table th:last-child { border-top-right-radius: var(--radius-md); }\n    }\n\n    \/* Mobile Table Overrides (CRITICAL) *\/\n    @media (max-width: 767px) {\n      .specs-table, .specs-table thead, .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: #FFFFFF;\n        margin-bottom: 1rem;\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        box-shadow: var(--shadow-sm);\n        padding: 0.5rem 1rem;\n      }\n      .specs-table td {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        border-bottom: 1px solid var(--border-color);\n        padding: 0.75rem 0;\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-sub);\n        text-align: left;\n        padding-right: 1rem;\n      }\n    }\n\u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"section-block hero-section\"\u003e\n\u003cdiv class=\"visual-badge\"\u003ePro Mechanic Grade\u003c\/div\u003e\n\n\u003ch1\u003eProtect Your Brakes. Wash With Confidence.\u003c\/h1\u003e\n\n\u003cp\u003eThe ultimate disc brake and cassette shield. Keep degreaser, foam, and dirty runoff far away from your rotors and pads.\u003c\/p\u003e\n\n\u003cdiv class=\"media-wrapper\" style=\"margin-top: 2rem;\"\u003e\n\u003cdiv class=\"ai-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260409101945\/a4fcd50ba73be5bbfb81c49e3a71f7de.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hero-social-proof\"\u003e\n\u003csvg fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Trusted by 10,000+ Cyclists \u0026amp; Workshops\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Features Section (Z-Pattern \/ Mobile Order Lock) --\u003e\n\n\u003cdiv class=\"section-block features-section\"\u003e\n\u003c!-- Feature 1 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"media-wrapper\"\u003e\n\u003cdiv class=\"ai-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260409101945\/ca889e9266fa9e82a698d9fe6822e455.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-copy\"\u003e\n\u003ch2\u003eFull-Coverage Splash Barrier\u003c\/h2\u003e\n\n\u003cp\u003eBuilt from rugged, chemical-resistant PP material, this rigid panel completely blocks aggressive degreasers, soap foam, and loosened road grit.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eBenefit:\u003c\/strong\u003e Prevents contamination of your brake pads and rotors. Eliminate brake squeal and maintain peak stopping power, no matter how deep you clean your drivetrain.\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=\"media-wrapper\"\u003e\n\u003cdiv class=\"ai-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260409101945\/460fec7e7a7c81026844df98103a9351.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-copy\"\u003e\n\u003ch2\u003eOne-Second Clip-On Fit\u003c\/h2\u003e\n\n\u003cp\u003eForget fumbling with straps or removing wheels. Our smart notch design slides effortlessly between your spokes and locks firmly into place.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eBenefit:\u003c\/strong\u003e The shield stays rock-steady even under high-pressure water spray or rigorous brush scrubbing, freeing up both of your hands to focus on the wash.\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=\"media-wrapper\"\u003e\n\u003cdiv class=\"ai-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260409101945\/d08591504051717eb1a8bc4e85e68078.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-copy\"\u003e\n\u003ch2\u003eTrail-Tough, Shop-Light\u003c\/h2\u003e\n\n\u003cp\u003eEngineered to be just 2 mm thin and incredibly lightweight, without compromising on structural integrity.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eBenefit:\u003c\/strong\u003e Tough enough for heavy-duty daily use in professional workshops, yet slips completely flat into a backpack or toolbox for quick, mess-free washes at the trailhead.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Specifications Table Section --\u003e\n\n\u003cdiv class=\"section-block specs-section\"\u003e\n\u003ch2 style=\"text-align: center; margin-bottom: 2rem;\"\u003eTechnical Specifications\u003c\/h2\u003e\n\n\u003cdiv class=\"specs-table-container\"\u003e\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\"\u003eMaterial\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eRigid Polypropylene (PP)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eThickness\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003e2.0 mm \/ 0.08 in\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eWeight\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003e150 g \/ 5.3 oz\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eWheel Compatibility\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003e26\", 27.5\", 29\", and 700c\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eResistance\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eHigh-Pressure Water \u0026amp; Chemical Degreasers\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Section --\u003e\n\n\u003cdiv class=\"section-block faq-section\"\u003e\n\u003ch2 style=\"text-align: center; margin-bottom: 2rem;\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-grid\"\u003e\n\u003cdiv class=\"faq-card\"\u003e\n\u003ch3\u003eWill this fit my specific bike and wheel size?\u003c\/h3\u003e\n\n\u003cp\u003eYes. The universal slotting design is engineered to fit seamlessly between the spokes of all standard wheel sizes, including 26\", 27.5\", 29\" mountain bikes, and 700c road or gravel bikes.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-card\"\u003e\n\u003ch3\u003eCan I use a high-pressure washer while using the shield?\u003c\/h3\u003e\n\n\u003cp\u003eAbsolutely. The rigid PP material won't buckle, and the secure clip-on notch ensures the guard stays firmly anchored to the cassette and spokes, even against powerful water streams.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-card\"\u003e\n\u003ch3\u003eIs the material safe against strong drivetrain degreasers?\u003c\/h3\u003e\n\n\u003cp\u003eYes, the shield is constructed from industrial-grade, chemical-resistant polypropylene. It will not melt, warp, or degrade when exposed to harsh cleaning chemicals and lubricants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Everyneeding","offers":[{"title":"Yellow - Extended \/ 1-Pack","offer_id":51734220112004,"sku":"0409-18029039","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Black - Extended \/ 1-Pack","offer_id":51734220144772,"sku":"0409-18026813","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Yellow - For Folding Bikes \/ 1-Pack","offer_id":51734220177540,"sku":"0409-18020461","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Yellow - Extended \/ 2-Pack","offer_id":51734220210308,"sku":"0409-18028449","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Black - Extended \/ 2-Pack","offer_id":51734220243076,"sku":"0409-18020466","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Yellow - For Folding Bikes \/ 2-Pack","offer_id":51734220275844,"sku":"0409-18024364","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Yellow - Extended \/ 3-Pack","offer_id":51734220308612,"sku":"0409-18020160","price":26.95,"currency_code":"USD","in_stock":true},{"title":"Black - Extended \/ 3-Pack","offer_id":51734220341380,"sku":"0409-18027909","price":26.95,"currency_code":"USD","in_stock":true},{"title":"Yellow - For Folding Bikes \/ 3-Pack","offer_id":51734220374148,"sku":"0409-18021356","price":26.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0961\/3053\/1460\/files\/a4fcd50ba73be5bbfb81c49e3a71f7de.jpg?v=1775729003","url":"https:\/\/everyneeding.com\/products\/clip-on-disc-brake-shield","provider":"Everyneeding","version":"1.0","type":"link"}