{"product_id":"universal-headliner-repair-kit","title":"Universal Headliner Repair Kit","description":" \n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n[AI Design Logic]\nProduct Type: Automotive Interior Repair Kit (Hardware\/Accessories)\nTarget Audience: Car owners, DIY enthusiasts looking to save money\nVisual Style: Industrial, Trustworthy, Utilitarian\nColor Strategy: Deep Navy Blue (--primary) for trust\/automotive feel, Accent Slate for text. Clean layout.\nShape Strategy: Radius 8px (--radius-md) - Hard enough for automotive, soft enough for modern UI.\nTypography Strategy: Large Type \/ Mobile-first readable (H1 up to 44px, Body up to 20px)\nMobile Table Strategy: Card-based (No horizontal scroll, Flex-based rows)\nImage Mapping: Hero=image_1, Material=image_2, SaveMoney=image_3, CompleteKit=image_4\n--\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      \/* CSS Variables System *\/\n      --primary: #1e293b;\n      --primary-light: #334155;\n      --accent-bg: #f1f5f9;\n      --text-main: #0f172a;\n      --text-sub: #475569;\n      --bg-body: #ffffff;\n      --bg-card: #f8fafc;\n      --radius-md: 8px;\n      --radius-lg: 16px;\n      --border-color: #e2e8f0;\n      \n      \/* Core Layout Rules *\/\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: clamp(2rem, 5vw, 4rem) 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      overflow-wrap: break-word;\n      word-break: break-word;\n      background-color: var(--bg-body);\n    }\n\n    \/* Global Box Sizing for all children *\/\n    .product-detail-container *,\n    .product-detail-container *::before,\n    .product-detail-container *::after {\n      box-sizing: border-box;\n    }\n\n    \/* Typography System *\/\n    .product-detail-container h1 {\n      font-size: clamp(32px, 5vw, 44px);\n      line-height: 1.25;\n      margin: 0 0 1rem 0;\n      color: var(--primary);\n      font-weight: 800;\n      letter-spacing: -0.02em;\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(24px, 4vw, 32px);\n      line-height: 1.35;\n      margin: 0 0 1rem 0;\n      color: var(--primary);\n      font-weight: 700;\n    }\n\n    .product-detail-container h3 {\n      font-size: clamp(20px, 3vw, 24px);\n      line-height: 1.4;\n      margin: 0 0 1rem 0;\n      color: var(--primary);\n      font-weight: 600;\n    }\n\n    .product-detail-container p {\n      font-size: clamp(18px, 2vw, 20px);\n      line-height: 1.7;\n      margin: 0 0 1.5rem 0;\n      color: var(--text-sub);\n    }\n\n    \/* Non-clickable Visual Badge *\/\n    .visual-badge {\n      display: inline-flex;\n      align-items: center;\n      background-color: var(--accent-bg);\n      color: var(--primary-light);\n      padding: 0.5rem 1rem;\n      border-radius: 30px;\n      font-size: 16px;\n      font-weight: 600;\n      margin-bottom: 1.5rem;\n      border: 1px solid var(--border-color);\n      letter-spacing: 0.05em;\n      text-transform: uppercase;\n    }\n\n    \/* Image Placeholder Protocol (Strict Scheme A Simulation) *\/\n    .media-placeholder {\n      width: 100%;\n      height: auto;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background-color: var(--bg-card);\n      border: 2px dashed var(--border-color);\n      border-radius: var(--radius-md);\n      aspect-ratio: 4 \/ 3; \/* Allows natural scaling without fixed height *\/\n      color: var(--text-sub);\n      font-size: 18px;\n      font-weight: bold;\n      text-align: center;\n      padding: 2rem;\n    }\n    \n    .hero-media .media-placeholder {\n      aspect-ratio: 16 \/ 9;\n      margin-top: 2rem;\n    }\n\n    \/* Section Spacing *\/\n    .hero-section,\n    .features-section,\n    .specs-section,\n    .faq-section {\n      margin-bottom: clamp(4rem, 8vw, 6rem);\n    }\n\n    \/* Mobile Ordering Lock \u0026 Z-Pattern *\/\n    .feature-list {\n      display: flex;\n      flex-direction: column;\n      gap: clamp(3rem, 6vw, 5rem);\n    }\n\n    .feature-item {\n      display: flex;\n      flex-direction: column; \/* MOBILE FIRST: Media top, Copy bottom *\/\n      gap: 2rem;\n      align-items: center;\n    }\n\n    .feature-media {\n      width: 100%;\n      order: 1; \/* Force media top on mobile *\/\n    }\n\n    .feature-copy {\n      width: 100%;\n      order: 2; \/* Force copy bottom on mobile *\/\n    }\n\n    @media (min-width: 768px) {\n      .feature-item {\n        flex-direction: row; \/* DESKTOP: Side by side *\/\n        gap: 4rem;\n      }\n      .feature-item:nth-child(even) {\n        flex-direction: row-reverse; \/* Z-Pattern Magic *\/\n      }\n      .feature-media,\n      .feature-copy {\n        width: 50%;\n        order: unset; \/* Reset order for flex-direction to take over *\/\n      }\n    }\n\n    \/* Specs Table - Card-Based Mobile Strategy *\/\n    .specs-table-container {\n      width: 100%;\n      overflow: hidden;\n    }\n\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n      text-align: left;\n    }\n\n    .specs-table th,\n    .specs-table td {\n      padding: 1.25rem;\n      font-size: 18px;\n    }\n\n    .specs-table th {\n      background-color: var(--bg-card);\n      color: var(--primary);\n      font-weight: 700;\n      border-bottom: 2px solid var(--border-color);\n    }\n\n    .specs-table td {\n      border-bottom: 1px solid var(--border-color);\n      color: var(--text-sub);\n    }\n\n    @media (max-width: 767px) {\n      \/* Force table to behave like cards *\/\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      \/* Hide standard headers visually *\/\n      .specs-table thead {\n        display: none;\n      }\n      \n      .specs-table tr {\n        background-color: var(--bg-body);\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        margin-bottom: 1rem;\n        box-shadow: 0 2px 4px rgba(0,0,0,0.02);\n      }\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: 1rem;\n      }\n      \n      .specs-table td:last-child {\n        border-bottom: none;\n      }\n      \n      \/* Use data-label for mobile card headers *\/\n      .specs-table td::before {\n        content: attr(data-label);\n        font-weight: 600;\n        color: var(--primary);\n        margin-right: 1.5rem;\n        flex-shrink: 0;\n      }\n      \n      .specs-table td span {\n        text-align: right;\n      }\n    }\n\n    \/* FAQ Section *\/\n    .faq-list {\n      display: flex;\n      flex-direction: column;\n      gap: 1.5rem;\n    }\n\n    .faq-card {\n      background-color: var(--bg-card);\n      padding: clamp(1.5rem, 4vw, 2.5rem);\n      border-radius: var(--radius-lg);\n      border: 1px solid var(--border-color);\n    }\n\n    .faq-card h4 {\n      font-size: clamp(20px, 3vw, 22px);\n      color: var(--primary);\n      margin: 0 0 0.75rem 0;\n      font-weight: 700;\n      line-height: 1.4;\n    }\n\n    .faq-card p {\n      margin: 0;\n      font-size: clamp(16px, 2vw, 18px);\n    }\n\u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"visual-badge\"\u003eUniversal Fit For All Cars\u003c\/div\u003e\n\n\u003ch1\u003eRestore Your Car's Interior in Minutes\u003c\/h1\u003e\n\n\u003cp\u003eFix your sagging headliner permanently. The complete 60-piece roof repair kit allows you to achieve professional results at home, saving you expensive mechanic fees.\u003c\/p\u003e\n\n\u003cdiv class=\"hero-media\"\u003e\n\u003cdiv class=\"media-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260318095231\/b5062fa5df543046e96f6c19caf25f41.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"features-section\"\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"media-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260318095231\/9b5cc0e3df366fbcfb4341930334045b.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\u003eSeamless Match \u0026amp; Unbeatable Durability\u003c\/h2\u003e\n\n\u003cp\u003eCrafted with premium light-colored grid cloth, our repair buttons are designed to blend beautifully with a variety of automotive interiors. Featuring a specialized anti-rust coating, these rivets are built to withstand humidity and temperature changes, ensuring your roof stays up 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=\"media-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260318095231\/6c7160b1069d4408ac57273360456b2f.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\u003eSave Hundreds on Mechanic Fees\u003c\/h2\u003e\n\n\u003cp\u003eSkip the expensive body shop visits. This DIY auto roof repair kit empowers you to fix your car at home effortlessly. The simple push-and-screw operation requires zero professional experience, giving your car a roomy, brand-new feel without the hefty price tag.\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-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260318095231\/28a905529284e9b6f39a66e6aac79614.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\u003eComplete All-In-One Toolkit\u003c\/h2\u003e\n\n\u003cp\u003eWe provide absolutely everything you need in one box. Your package includes 60 sturdy roof buckles, 60 colorful push pins, a dedicated screwdriver, and a tape measure for perfect spacing. No extra tools needed, and it perfectly preserves your original vehicle structure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Specifications Table (Mobile Card Mode Active) --\u003e\n\n\u003cdiv class=\"specs-section\"\u003e\n\u003ch2\u003eProduct Specifications\u003c\/h2\u003e\n\n\u003cp\u003ePrecision-engineered details to ensure a perfect fit for your vehicle.\u003c\/p\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\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=\"Specification\"\u003eMaterial\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Detail\"\u003e\u003cspan\u003ePremium Grid Cloth \u0026amp; Anti-Rust Metal\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eKit Quantity\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Detail\"\u003e\u003cspan\u003e60 Pieces Set\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eRivet Diameter\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Detail\"\u003e\u003cspan\u003e2.0 cm \/ 0.8 in\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eScrew Length\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Detail\"\u003e\u003cspan\u003e1.4 cm \/ 0.6 in\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eTotal Kit Weight\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Detail\"\u003e\u003cspan\u003e150 g \/ 5.3 oz\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eCompatibility\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Detail\"\u003e\u003cspan\u003eUniversal Fit (All Car Models)\u003c\/span\u003e\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=\"faq-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-list\"\u003e\n\u003cdiv class=\"faq-card\"\u003e\n\u003ch4\u003eWill this fit my specific car model?\u003c\/h4\u003e\n\n\u003cp\u003eAbsolutely. Our repair rivets feature a universal design, making them perfectly compatible with all vehicle makes and models that utilize a fabric headliner.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-card\"\u003e\n\u003ch4\u003eWill the installation damage my car roof?\u003c\/h4\u003e\n\n\u003cp\u003eNot at all. The included screws are specifically measured to secure the sagging cloth into the internal headliner foam without ever penetrating the exterior metal roof of your vehicle.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-card\"\u003e\n\u003ch4\u003eDo I need to purchase any additional tools?\u003c\/h4\u003e\n\n\u003cp\u003eNo extra tools are required! This comprehensive kit includes a screwdriver and a tape measure, providing everything you need to complete the job right out of the box.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Beige Flannelette \/ 🚗 Standard Kit (60-Pack)","offer_id":51204518052144,"sku":"0319-17312897","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Beige Grid \/ 🚗 Standard Kit (60-Pack)","offer_id":51204518084912,"sku":"0319-17313711","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Grey Beige Grid \/ 🚗 Standard Kit (60-Pack)","offer_id":51204518117680,"sku":"0319-17317763","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Grey Grid \/ 🚗 Standard Kit (60-Pack)","offer_id":51204518150448,"sku":"0319-17318820","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Beige Flannelette \/ 🚙 Pro Kit (120-Pack)  Save 15%","offer_id":51204518183216,"sku":"0319-17315974","price":22.95,"currency_code":"USD","in_stock":true},{"title":"Beige Grid \/ 🚙 Pro Kit (120-Pack)  Save 15%","offer_id":51204518215984,"sku":"0319-17315778","price":22.95,"currency_code":"USD","in_stock":true},{"title":"Grey Beige Grid \/ 🚙 Pro Kit (120-Pack)  Save 15%","offer_id":51204518248752,"sku":"0319-17319177","price":22.95,"currency_code":"USD","in_stock":true},{"title":"Grey Grid \/ 🚙 Pro Kit (120-Pack)  Save 15%","offer_id":51204518281520,"sku":"0319-17312399","price":22.95,"currency_code":"USD","in_stock":true},{"title":"Beige Flannelette \/ 🚐 Max Kit (180-Pack)  Best Value","offer_id":51204518314288,"sku":"0319-17319535","price":31.49,"currency_code":"USD","in_stock":true},{"title":"Beige Grid \/ 🚐 Max Kit (180-Pack)  Best Value","offer_id":51204518347056,"sku":"0319-17312481","price":31.49,"currency_code":"USD","in_stock":true},{"title":"Grey Beige Grid \/ 🚐 Max Kit (180-Pack)  Best Value","offer_id":51204518379824,"sku":"0319-17315015","price":31.49,"currency_code":"USD","in_stock":true},{"title":"Grey Grid \/ 🚐 Max Kit (180-Pack)  Best Value","offer_id":51204518412592,"sku":"0319-17310359","price":31.49,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0938\/6472\/2736\/files\/b5062fa5df543046e96f6c19caf25f41.jpg?v=1773912726","url":"https:\/\/eptchn.com\/products\/universal-headliner-repair-kit","provider":"Eptchn","version":"1.0","type":"link"}